.camera-demo{background:#fff;border:1px solid #dbe3ed;border-top:4px solid #f0b505;border-radius:14px;padding:24px;min-width:0}.demo-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:15px;color:#586d83}.demo-badge{background:#fff4c7;color:#65500a;border-radius:5px;padding:5px 10px;font-weight:750;letter-spacing:.06em}.demo-layout{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(0,1.15fr);gap:28px;align-items:center;padding:20px 0}.demo-machine{text-align:center;background:#f0f4f8;border-radius:12px;padding:10px}.demo-machine svg{width:100%;max-height:360px}.demo-machine>span{font-size:13px;color:#63768a}.demo-temp{font-size:64px;font-weight:750;color:#1349b2;line-height:1.2}.demo-temp small{display:block;font-size:18px;font-weight:400;margin:6px 0 22px}.demo-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}.demo-metrics>div{font-size:14px;color:#586d83}.demo-metrics strong{display:block;font-size:23px;color:#18293d;margin-top:4px}.demo-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #e2e8ef;padding-top:18px}.demo-controls label{display:flex;gap:8px;align-items:center;margin:0}.demo-controls select{width:auto}.demo-controls>span{font-size:14px;color:#526981}.demo-seek-label{display:block;margin-top:20px;font-size:14px}#demo-seek{width:100%;padding:0;accent-color:#1349b2;cursor:pointer}.demo-stage-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.demo-stage-buttons button{padding:6px 10px;font-size:14px}.demo-stage-buttons button[aria-current=true]{outline:2px solid #1349b2;outline-offset:2px}.demo-chart-wrap{background:#f6f8fb;border-radius:8px;padding:8px}.demo-chart-wrap svg{width:100%;display:block}.demo-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;margin:12px 0}.demo-note{font-size:14px;line-height:1.65;color:#5b6f83}@media(max-width:650px){.camera-demo{padding:16px}.demo-layout{grid-template-columns:1fr;gap:18px}.demo-machine svg{max-height:240px}.demo-temp{font-size:48px}.demo-metrics strong{font-size:21px}.demo-controls button{flex:1}.demo-controls>span{width:100%}}
.home-slides{margin-top:20px;min-width:0}.home-slide-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0}.home-slide-nav>div{display:flex;gap:7px;flex-wrap:wrap}.home-slide-nav button{padding:8px 12px;font-size:15px}.home-slide-nav button[aria-current=true]{outline:2px solid #1349b2;outline-offset:2px}.home-slides [hidden]{display:none!important}.home-demo-frame{display:block;width:100%;height:790px;border:0;border-radius:12px;background:#fff}.home-demo-link{display:block;text-align:right;padding:10px 0;font-size:15px}.demo-embed{margin:0;padding:0;background:#fff}.demo-embed>.info-heading,.demo-embed>.article-cta{display:none}.demo-embed .camera-demo{padding:18px;border:0;border-top:4px solid #f0b505;border-radius:10px}.demo-embed .demo-layout{padding:12px 0;gap:18px;grid-template-columns:.65fr 1.35fr}.demo-embed .demo-machine svg{max-height:200px}.demo-embed .demo-temp{font-size:42px}.demo-embed .demo-temp small{margin-bottom:12px}.demo-embed .demo-metrics{gap:10px}.demo-embed .demo-chart-wrap svg{max-height:190px}.demo-embed .demo-note{font-size:12px;line-height:1.4}.demo-embed .demo-controls{padding-top:10px}.demo-embed .demo-stage-buttons{gap:6px}.demo-embed .demo-stage-buttons button{font-size:12px;padding:4px 7px}@media(max-width:650px){.home-demo-frame{height:1040px}.demo-embed .demo-layout{grid-template-columns:1fr}.demo-embed .demo-machine{display:none}.demo-embed .demo-temp{font-size:40px}.home-slide-nav>strong{font-size:16px}.demo-embed .demo-note{font-size:13px}}
.home-slides{position:relative;border-radius:18px;overflow:hidden;padding-bottom:58px;background:#fff;box-shadow:0 12px 36px #18293d0b}.home-slides>.hero-pagination{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:2px 10px;border-radius:30px;background:#edf2f7}.storefront .home-slides .hero-dot{display:grid;place-items:center;width:38px;height:38px;padding:0;background:transparent;border:0;box-shadow:none}.hero-dot span{display:block;width:10px;height:10px;background:#a5b2c2;border-radius:50%;transition:background .25s,transform .25s}.hero-dot[aria-current=true] span{background:#1349b2;transform:scale(1.25);box-shadow:0 0 0 4px #f0b50555}.storefront .home-slides #hero-pause{width:34px;height:34px;padding:0;margin-left:6px;border:0;border-left:1px solid #cdd7e2;border-radius:0;background:transparent;color:#334961;font-size:19px}.storefront .home-slides .hero-arrow{position:absolute;top:45%;z-index:2;width:40px;height:48px;padding:0;border:1px solid #dce4ed;border-radius:24px;background:#ffffffeb;color:#183552;font-size:32px;line-height:1;box-shadow:0 4px 15px #18293d18}.hero-arrow-prev{left:9px}.hero-arrow-next{right:9px}.home-slides button:focus-visible{outline:3px solid #1349b2;outline-offset:2px}.home-slides>[data-hero-panel]:not([hidden]){animation:hero-reveal .45s ease}.home-slides .home-demo-link{padding-right:18px}.home-slides .hero{margin-top:0}.home-slides .benefits{padding-left:18px;padding-right:18px}@keyframes hero-reveal{from{opacity:.4;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.home-slides>[data-hero-panel]:not([hidden]){animation:none}.hero-dot span{transition:none}}@media(max-width:650px){.storefront .home-slides .hero-arrow{top:auto;bottom:15px;width:34px;height:38px;font-size:28px}.hero-arrow-prev{left:14px}.hero-arrow-next{right:14px}}

/* Pagination overlays the existing banner, like the supplied reference. */
.home-slides{padding-bottom:0}.home-slides>.hero-pagination{bottom:8px;background:transparent;border-radius:0;padding:0;gap:0;z-index:3}.storefront .home-slides .hero-dot{width:25px;height:28px}.hero-dot span{width:10px;height:10px;background:#c5c8cb;box-shadow:0 1px 3px #0003}.hero-dot[aria-current=true] span{background:#73787c;transform:scale(1.1);box-shadow:0 1px 3px #0004}.storefront .home-slides #hero-pause{position:absolute;left:calc(100% + 10px);margin:0;border:0;width:24px;height:24px;font-size:13px;color:#68737d;opacity:.7}
.demo-top{display:block}.demo-top h2{font-size:24px;margin:0 0 8px;color:#18293d}.demo-top p{margin:0;font-size:15px}.demo-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#dfe6ee;border:1px solid #dfe6ee;border-radius:8px;overflow:hidden;margin:18px 0}.demo-details>div{background:#f7f9fc;padding:10px 12px;min-width:0}.demo-details span{display:block;font-size:12px;color:#586d83}.demo-details strong{font-size:16px;overflow-wrap:anywhere}.demo-stage-buttons button{white-space:normal;text-align:left}.demo-embed .demo-top h2{font-size:21px}.demo-embed .demo-top p{font-size:13px}@media(max-width:650px){.demo-details{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-top h2{font-size:21px}}
/* Production-style process dashboard; the carousel controls its exact height. */
.demo-embed{background:#eef3f8;color:#18293d}.demo-embed .camera-demo{padding:18px 30px;box-sizing:border-box;height:100vh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto minmax(105px,1fr) auto;gap:7px;border:0;border-top:3px solid #f0b505;border-radius:0;overflow:hidden;background:linear-gradient(135deg,#f8fbff,#edf2f8)}.demo-embed .demo-top{border-bottom:1px solid #d8e2ee;padding-bottom:9px}.demo-embed .demo-top h2{font-size:22px;letter-spacing:-.025em;margin:0 0 4px}.demo-embed .demo-top p{font-size:12px;color:#667a91}.demo-embed .demo-layout{grid-template-columns:125px minmax(0,1fr);gap:16px;padding:0}.demo-embed .demo-machine{padding:0;background:#e5ecf4;border:1px solid #d5dfeb;border-radius:10px}.demo-embed .demo-machine svg{height:154px;max-height:154px}.demo-embed .demo-machine>span{display:none}.demo-embed .demo-readings{display:grid;grid-template-columns:130px minmax(0,1fr);gap:6px 12px;align-items:center}.demo-embed .demo-readings>.eyebrow{grid-column:1/-1;margin:0;font-size:11px;letter-spacing:.06em}.demo-embed .demo-temp{font-size:42px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.demo-embed .demo-temp small{font-size:12px;margin:3px 0 0;letter-spacing:0}.demo-embed .demo-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.demo-embed .demo-metrics>div{background:#fff;border:1px solid #dce5ef;border-radius:7px;padding:7px;font-size:10px}.demo-embed .demo-metrics strong{font-size:16px;margin-top:2px;font-variant-numeric:tabular-nums}.demo-embed .demo-controls{padding:0;border:0;gap:8px}.demo-embed .demo-controls button{padding:7px 12px;font-size:12px}.demo-embed .demo-controls label,.demo-embed .demo-controls>span{font-size:11px}.demo-embed .demo-controls select{padding:5px;font-size:12px}.demo-embed .demo-seek-label{display:none}.demo-embed #demo-seek{margin:0;height:16px}.demo-embed .demo-stage-buttons{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:3px;margin:0;gap:5px}.demo-embed .demo-stage-buttons button{flex:0 0 auto;padding:6px 8px;font-size:10px;white-space:nowrap;background:#fff;color:#34506e;border:1px solid #cddaea;border-radius:6px}.demo-embed .demo-stage-buttons button[aria-current=true]{background:#1349b2;color:#fff;outline:0;border-color:#1349b2}.demo-embed .demo-details{grid-row:6;grid-template-columns:repeat(4,minmax(0,1fr));overflow-y:auto;margin:0;border-color:#d5dfeb;align-content:start;min-height:0}.demo-embed .demo-details>div{padding:6px 8px;background:#fff}.demo-embed .demo-details span{font-size:10px;line-height:1.25}.demo-embed .demo-details strong{font-size:12px;font-variant-numeric:tabular-nums}.demo-embed .demo-chart-wrap{grid-row:7;padding:3px 8px;background:#fff;border:1px solid #dbe4ee;border-radius:8px}.demo-embed .demo-chart-wrap svg{height:150px;max-height:150px}.demo-embed .demo-legend{font-size:10px;margin:0;gap:12px}.demo-embed .demo-note{display:none}.demo-embed .camera-demo{grid-template-rows:auto auto auto 16px auto minmax(80px,1fr) 156px auto}.home-slides [data-hero-panel="0"]{box-sizing:border-box;background:#eef3f8;overflow:hidden}.home-slides .home-demo-link{padding:8px 15px 14px;margin:0;font-size:12px;color:#1349b2}.demo-details strong{font-variant-numeric:tabular-nums}.camera-demo .demo-temp{font-variant-numeric:tabular-nums}@media(max-width:650px){.demo-embed .camera-demo{padding:15px 17px;gap:9px;grid-template-rows:auto auto auto 16px auto minmax(100px,1fr) 136px auto}.demo-embed .demo-top h2{font-size:20px}.demo-embed .demo-layout{grid-template-columns:1fr}.demo-embed .demo-machine{display:none}.demo-embed .demo-readings{grid-template-columns:1fr}.demo-embed .demo-temp{font-size:36px}.demo-embed .demo-temp small{display:inline;margin-left:8px}.demo-embed .demo-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-embed .demo-metrics strong{font-size:14px}.demo-embed .demo-details{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-embed .demo-chart-wrap svg{height:130px}.demo-embed .demo-controls>span{width:auto}.demo-embed .demo-controls label{flex:1}.demo-embed .demo-top p{line-height:1.4}}
/* Clear arrow controls and a larger process chart. */
.storefront .home-slides .hero-arrow,.storefront .home-slides .hero-arrow:hover{background:transparent;border:0;box-shadow:none;color:#294968}.demo-embed .camera-demo{grid-template-rows:auto auto auto 16px auto minmax(190px,1fr) auto}.demo-embed .demo-chart-wrap{grid-row:6;min-height:0}.demo-embed .demo-chart-wrap svg{height:100%;max-height:none}.demo-embed .demo-legend{grid-row:7}@media(max-width:650px){.demo-embed .camera-demo{grid-template-rows:auto auto auto 16px auto minmax(190px,1fr) auto}.demo-embed .demo-chart-wrap svg{height:100%}}

/* Standalone showroom demo. Embedded playback retains its compact layout. */
.shop-design .demo-heading{max-width:none;background:#182127;color:#f7f7f4;padding:40px;margin:24px 0 0}
.shop-design .demo-heading h1{font-size:clamp(30px,3.2vw,46px);font-weight:500;letter-spacing:-.04em;line-height:1.1;margin:16px 0}
.shop-design .demo-heading .eyebrow{color:#d3b76d;font-size:11px;letter-spacing:.14em}
.shop-design .demo-heading p:last-child{color:#bec8cd;max-width:720px;font-size:16px;line-height:1.65}
.shop-design .camera-demo{border:1px solid #dce0df;border-top:0;border-radius:0;padding:32px;background:#fff}
.shop-design .demo-top{padding-bottom:24px;border-bottom:1px solid #e1e5e3}
.shop-design .demo-top h2{font-size:22px;font-weight:500;color:#243139;letter-spacing:-.02em}
.shop-design .demo-top p{max-width:780px;color:#667177;line-height:1.6}
.shop-design .demo-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:28px 0 32px;align-items:stretch}
.shop-design .demo-machine{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 45% 38%,#eaf0ed,#dce3e0 72%,#cbd5d2);padding:16px 12px 20px;border-radius:0;min-width:0}
.shop-design .demo-machine svg{max-height:460px;display:block;flex:1;min-height:0;filter:none}
.shop-design .demo-machine>span{font-size:11px;line-height:1.5;color:#52615f;margin-top:8px}
.shop-design .demo-readings{align-self:center;min-width:0}
.shop-design #demo-stage{display:inline-block;background:#f0f3ef;color:#42554b;font-size:11px;letter-spacing:.05em;padding:8px 12px;margin:0 0 18px;line-height:1.6}
.shop-design .demo-temp{color:#223139;font-size:clamp(60px,6vw,86px);font-weight:500;letter-spacing:-.065em;line-height:1}
.shop-design .demo-temp small{font-size:15px;color:#667177;letter-spacing:0;line-height:1.5;margin:10px 0 28px}
.shop-design .demo-metrics{gap:0;border-top:1px solid #e0e5e1}
.shop-design .demo-metrics>div{padding:17px 10px 17px 0;border-bottom:1px solid #e0e5e1;font-size:12px;color:#667177;min-width:0}
.shop-design .demo-metrics strong{font-size:24px;line-height:1.3;font-weight:500;color:#243139;letter-spacing:-.035em}
.shop-design .demo-controls{border-top:1px solid #dce0df;padding-top:24px;gap:12px}
.shop-design .demo-controls button{border-radius:2px;min-height:44px;font-size:14px}
.shop-design #demo-play{background:#eac34d;color:#202b30;border:1px solid #eac34d;min-width:156px}
.shop-design #demo-reset{background:#fff;color:#34454c;border:1px solid #bcc8c7}
.shop-design .demo-controls label{font-size:12px;color:#637077;gap:8px}
.shop-design .demo-controls select{border:1px solid #cbd3d2;border-radius:2px;background:#fff;font-size:13px;min-height:44px}
.shop-design #demo-status{font-size:12px;color:#637077;flex:1 0 160px}
.shop-design .demo-seek-label{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#637077;margin:26px 0 8px}
.shop-design #demo-seek{accent-color:#334e58;height:22px}
.shop-design .demo-stage-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0 28px}
.shop-design .camera-demo .demo-stage-buttons button{background:#f3f5f2;border:1px solid #dde3de;border-radius:2px;color:#58665f;padding:14px 12px;font-size:12px;font-weight:500;line-height:1.65}
.shop-design .camera-demo .demo-stage-buttons button[aria-current=true]{background:#23343c;color:#fff;border-color:#23343c;outline:0;box-shadow:inset 0 3px #eac34d}
.shop-design .demo-chart-wrap{background:#fafbf9;border:1px solid #e1e6e1;border-radius:0;padding:22px 12px 12px}
.shop-design .demo-legend{font-size:11px;color:#58676e;gap:12px 22px;margin:18px 0}
.demo-legend span:before{content:'';display:inline-block;width:14px;height:3px;background:#e77824;margin:0 7px 3px 0}
.demo-legend span:nth-child(2):before{background:#128060}.demo-legend span:nth-child(3):before{background:#8855c6}.demo-legend span:nth-child(4):before{background:#b68600}.demo-legend span:nth-child(5):before{background:#65b9ee}.demo-legend span:nth-child(6):before{background:#a855a0}
.shop-design .demo-note{font-size:12px;line-height:1.7;max-width:900px;color:#67747a;margin-bottom:0}
.shop-design .camera-demo button:focus-visible,.shop-design .camera-demo select:focus-visible,.shop-design #demo-seek:focus-visible{outline:3px solid #527b91;outline-offset:3px}
@media(max-width:850px){.shop-design .demo-layout{gap:24px}.shop-design .demo-metrics strong{font-size:21px}.shop-design .demo-stage-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.shop-design .demo-heading{padding:26px 22px;margin-top:16px}.shop-design .demo-heading p:last-child{font-size:14px}.shop-design .camera-demo{padding:20px 16px}.shop-design .demo-top h2{font-size:20px}.shop-design .demo-layout{grid-template-columns:1fr;gap:26px;padding-top:20px}.shop-design .demo-machine svg{max-height:340px;width:100%}.shop-design .demo-machine{padding:4px 8px 16px}.shop-design .demo-temp{font-size:64px}.shop-design .demo-temp small{margin-bottom:20px}.shop-design .demo-metrics>div{padding:14px 8px 14px 0}.shop-design .demo-controls label{flex:1 1 130px}.shop-design .demo-controls>span{flex-basis:100%}.shop-design .camera-demo .demo-stage-buttons button{font-size:11px;padding:12px 8px}.shop-design .demo-chart-wrap{overflow-x:auto}.shop-design .demo-chart-wrap svg{min-width:580px}.shop-design .demo-legend{gap:10px 16px}}

.shop-design .camera-demo .demo-stage-buttons button:hover{background:#e6ece6;color:#243139}.shop-design .camera-demo .demo-stage-buttons button[aria-current=true]:hover{background:#304852;color:#fff}