.system-demo{--demo-black:var(--ink);--demo-charcoal:var(--ink);--demo-panel:var(--ink-soft);--demo-orange:var(--orange);--demo-yellow:var(--yellow);--demo-green:#13ed26;background:var(--paper-light)}.system-demo [hidden]{display:none!important}.demo-hero{background:linear-gradient(90deg, #e0773a14 1px, transparent 1px), linear-gradient(#e0773a14 1px, transparent 1px), var(--demo-charcoal);color:var(--paper-light);background-size:4rem 4rem;padding-block:clamp(4.5rem,10vw,8rem)}.demo-hero-grid{align-items:end;gap:3rem;display:grid}.demo-hero h1{max-width:11ch;margin-bottom:1.5rem;font-size:clamp(3rem,7vw,6.5rem)}.demo-hero .eyebrow{color:var(--demo-orange)}.demo-hero-lede{color:#f7f4f0b3;max-width:51rem;margin:0;font-size:clamp(1.1rem,2vw,1.4rem)}.demo-hero-note{border-top:.16rem solid var(--demo-orange);background:#00000042;padding:1.5rem}.demo-hero-note span,.demo-hero-note p{color:#f7f4f0b8;font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:.75rem}.demo-hero-note strong{margin:.35rem 0 1rem;font-size:1.45rem;display:block}.demo-hero-note p{margin:0}.demo-stage-section{background:#dfd9d2;padding-block:clamp(3rem,7vw,6rem)}.demo-controller{border-radius:var(--radius);background:var(--paper-light);box-shadow:var(--shadow);border:1px solid #25201c38;margin-bottom:1.25rem;display:grid;overflow:hidden}.mode-switch{background:var(--demo-charcoal);grid-template-columns:repeat(2,1fr);display:grid}.mode-switch button{color:#f7f4f09e;min-height:4.25rem;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:.22rem solid #0000;padding:.9rem 1rem;font-weight:720}.mode-switch button span{color:var(--demo-orange);font-family:var(--font-mono);margin-right:.5rem;font-size:.7rem}.mode-switch button[aria-selected=true]{border-bottom-color:var(--demo-yellow);color:var(--paper-light);background:#0d0c0b}.progress-panel{padding:clamp(1.25rem,3vw,2rem)}.progress-copy{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;display:flex}.demo-kicker{color:var(--demo-orange);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;font-weight:750}.progress-panel .demo-kicker,.demo-outcome .demo-kicker{color:var(--orange-dark)}.progress-actions{flex-wrap:wrap;gap:.7rem;display:flex}.progress-actions button,.text-button{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:.35rem 0;font-size:.78rem;font-weight:700}.progress-track{grid-template-columns:repeat(5,1fr);margin-top:1.4rem;display:grid}.progress-track span{color:#68615b;font-family:var(--font-mono);text-align:center;text-transform:uppercase;gap:.35rem;font-size:.72rem;display:grid;position:relative}.progress-track span:before{content:"";background:#c4bdb6;width:100%;height:1px;position:absolute;top:.33rem;left:0}.progress-track i{z-index:1;border:2px solid var(--paper-light);background:#b2aaa3;border-radius:50%;width:.7rem;height:.7rem;margin-inline:auto;position:relative;box-shadow:0 0 0 1px #b2aaa3}.progress-track span[data-state=complete] i{background:var(--demo-orange);box-shadow:0 0 0 1px var(--demo-orange)}.progress-track span[data-state=current]{color:var(--ink);font-weight:800}.progress-track span[data-state=current] i{background:var(--demo-yellow);box-shadow:0 0 0 2px var(--ink)}.guidance{border-left:.22rem solid var(--demo-orange);background:var(--paper);color:var(--ink);margin:1.5rem 0 0;padding:1rem 1.15rem;font-weight:650}.mode-panel{border-radius:var(--radius);background:var(--demo-charcoal);color:var(--paper-light);padding:clamp(1rem,3vw,2rem);overflow:hidden;box-shadow:0 1.5rem 4rem #25201c2e}.interface-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.interface-heading h2{max-width:17ch;margin:0;font-size:clamp(2rem,4vw,3.7rem)}.interface-meta{justify-items:start;gap:.5rem;display:grid}.live-badge,.basis-badge{color:#f7f4f0b8;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.75rem;display:inline-flex}.live-badge i{background:var(--demo-green);border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 .22rem #13ed261f}.basis-badge{color:var(--demo-yellow);border-top:1px solid #f7f4f02e;padding-top:.45rem}.industrial-workspace,.commercial-workspace{gap:1.25rem;display:grid}.interface-context{align-content:start;gap:1rem;display:grid}.product-proof-card,.workflow-card{background:var(--demo-black);padding:1.25rem}.product-proof-card{border-top:.2rem solid var(--demo-orange)}.product-proof-card h3,.workflow-card h3{margin-bottom:.7rem;font-size:clamp(1.3rem,2.2vw,1.8rem)}.product-proof-card>p:not(.demo-kicker),.workflow-card>p:not(.demo-kicker){color:#f7f4f0b8;font-size:.875rem;line-height:1.55}.product-proof-card dl{gap:.7rem;margin:1rem 0 0;display:grid}.product-proof-card dl div{border-top:1px solid #f7f4f01f;grid-template-columns:5.5rem 1fr;gap:.6rem;padding-top:.65rem;display:grid}.product-proof-card dt{color:#f7f4f0a6;font-family:var(--font-mono);text-transform:uppercase;font-size:.72rem}.product-proof-card dd{color:var(--paper-light);margin:0;font-size:.82rem;font-weight:700}.workflow-card{border-left:.2rem solid var(--demo-yellow)}.workflow-card button:disabled{color:#d7d0ca;cursor:not-allowed;background:#68615b;border-color:#68615b}.tuning-device-case-scroll{align-self:start;min-width:0;padding-block:.55rem}.tuning-device-shell{padding:clamp(2rem,4vw,3rem) clamp(2.25rem,5vw,4.25rem);min-width:0;padding-bottom:clamp(3.5rem,5.5vw,4.5rem);position:relative}.tuning-device-case{z-index:0;filter:drop-shadow(0 1.5rem 1.25rem #00000061);pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.case-silhouette{fill:url(#tuning-device-case-finish);stroke:#66747b;stroke-width:3px;vector-effect:non-scaling-stroke}.case-inner-channel{fill:none;stroke:#070a0c85;stroke-width:12px;vector-effect:non-scaling-stroke}.case-inner-seam{fill:none;stroke:#8e9da54d;stroke-width:2px;vector-effect:non-scaling-stroke}.device-identity{z-index:2;color:#bfc4c7;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 .75rem;font-size:.65rem;display:flex;position:relative}.device-identity strong{color:var(--demo-orange);font-family:var(--font-mono)}.touchgfx-scroll{z-index:2;background:#000;border:.7rem solid #0b0d0e;border-radius:clamp(1rem,2vw,1.55rem);max-width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 .3rem #4a555b,0 0 0 .46rem #111719,inset 0 0 .65rem #000c}.device-pan-hint{z-index:2;display:none;position:relative}.touchgfx-viewport{aspect-ratio:5/3;color:#000;font-synthesis:none;background:#000;width:100%;font-family:Verdana,DejaVu Sans,Liberation Sans,Arial,sans-serif;position:relative;overflow:hidden;container-type:inline-size}.touchgfx-screen{background:#000;position:absolute;inset:0}.tgfx-back-button{z-index:4;appearance:none;color:#fff;width:21.875%;height:6.25cqw;font:inherit;cursor:pointer;background:#345e73;border:1px solid #9ec8da;border-radius:.55cqw;place-items:center;padding:0;font-size:5cqw;font-weight:400;line-height:1;display:grid;position:absolute;top:0;left:0}.tgfx-furnace-title{color:#fff;pointer-events:none;font-size:5cqw;line-height:1;position:absolute;inset:0}.tgfx-furnace-title span,.tgfx-furnace-title strong{align-items:center;height:6.25cqw;font-weight:400;display:grid;position:absolute;top:0}.tgfx-furnace-title span{justify-items:center;width:23.75%;left:33.75%}.tgfx-furnace-title strong{justify-items:start;width:12.5%;left:57.5%}.tgfx-burner-grid{grid-template-columns:repeat(8,11.25cqw);gap:2.5cqw .625cqw;display:grid;position:absolute;top:15.625%;left:2.5%}.tgfx-burner-card,.tgfx-furnace-card{box-sizing:border-box;color:#000;height:22.5cqw;font:inherit;cursor:pointer;border:1px solid #fff;border-radius:0;padding:0;font-size:2.5cqw;line-height:1;display:block;position:relative}.tgfx-burner-card>*,.tgfx-furnace-card>*{place-items:center;font-size:1em;font-style:normal;font-weight:400;line-height:1;display:grid;position:absolute}.tgfx-burner-card>*{width:calc(100% + 2px);left:-1px}.tgfx-burner-label{height:3.125cqw;top:0}.tgfx-burner-number{height:3.125cqw;top:3.125cqw}.tgfx-value-label{height:2.5cqw;top:8.125cqw}.tgfx-value{height:2.5cqw;top:10.625cqw}.tgfx-status-label{height:2.5cqw;top:15.625cqw}.tgfx-status{height:2.5cqw;top:18.125cqw}[data-status=Good]{background:#0f0}[data-status=OK]{background:#b4b400}[data-status=Poor]{background:#ff8c00}[data-status=Bad]{background:#c80000}[data-status=Offline]{background:#c8c8c8}.tgfx-burner-card[aria-pressed=true]{outline-offset:-.55cqw;outline:.35cqw solid #fff}.multi-furnace-screen>img{object-fit:contain;width:37.5%;height:62.5%;position:absolute;top:35.4167%;left:31.25%}.tgfx-furnace-card{top:var(--furnace-y);left:var(--furnace-x);border-width:.625cqw;width:11.25%;height:31.25%;font-size:2.5cqw;position:absolute}.tgfx-furnace-card>*{width:calc(100% + 1.25cqw);left:-.625cqw;transform:translateY(-.625cqw)}.tgfx-furnace-label{height:3.125cqw;top:0}.tgfx-furnace-number{height:3.125cqw;top:3.125cqw}.tgfx-range-label{height:3.125cqw;top:6.25cqw}.tgfx-range-value{height:3.125cqw;top:9.375cqw}.tgfx-furnace-status-label{height:3.125cqw;top:12.5cqw}.tgfx-furnace-status{height:3.125cqw;top:15.625cqw}.tgfx-furnace-card:disabled{cursor:default;opacity:1}.tgfx-back-button:disabled,.tgfx-burner-card:disabled{cursor:not-allowed;opacity:.62}.tgfx-status-panel{text-align:center;align-content:space-around;place-items:center;width:38.75%;height:83.3333%;padding:1.2cqw;font-size:5cqw;line-height:1;display:grid;position:absolute;top:13.5417%;left:1.25%}.tgfx-status-panel span,.tgfx-status-panel strong{font-weight:400}.tgfx-chart-background{background:#e3e3e3;width:56.25%;height:93.75%;position:absolute;top:3.125%;left:42.5%}.tuning-trend{width:92.2222%;height:93.3333%;position:absolute;top:2%;left:4.4444%}.tgfx-axis-label{color:#000;font-size:2.5cqw;line-height:1;position:absolute}.tgfx-y-label{writing-mode:vertical-rl;top:43.5%;left:0;rotate:180deg}.tgfx-x-label{bottom:.4%;right:44.5%}.air-control-card{background:var(--demo-black);border:1px solid #f7f4f029;border-radius:.75rem;padding:1rem}.control-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.control-heading h3{max-width:13rem;margin:0;font-size:1.25rem}.adjustment-readback{border-left:.18rem solid var(--demo-yellow);background:#23201e;grid-template-columns:1fr auto;align-items:baseline;gap:0 .5rem;margin-top:.9rem;padding:.75rem;display:grid}.adjustment-readback span{color:#f7f4f094;font-size:.62rem}.adjustment-readback output{color:#fff;font-family:var(--font-mono);font-size:1.15rem;font-weight:800}.adjustment-readback small{color:#f7f4f066;font-family:var(--font-mono);text-transform:uppercase;grid-column:1/-1;font-size:.48rem}.walkthrough-target{background:#f8c81314;border:1px solid #f8c8139e;border-left-width:.22rem;gap:.65rem;margin-top:.65rem;padding:.85rem;display:grid}.walkthrough-target>div{grid-template-columns:1fr auto;align-items:baseline;gap:.15rem .65rem;display:grid}.walkthrough-target span{color:var(--demo-yellow);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.58rem;font-weight:800}.walkthrough-target strong{color:#fff;font-family:var(--font-mono);font-size:1rem}.walkthrough-target small{color:#f7f4f080;font-family:var(--font-mono);text-align:right;text-transform:uppercase;grid-column:2;font-size:.48rem}.walkthrough-target p{color:#f7f4f0d1;margin:0;font-size:.75rem;line-height:1.4}.walkthrough-target em{color:#f7f4f080;font-size:.62rem;font-style:normal;line-height:1.35}.walkthrough-target[data-state=reached]{background:#55d9791a;border-color:#55d979}.walkthrough-target[data-state=reached] span{color:#76e492}.control-purpose{color:#f7f4f0b8;margin:.8rem 0 0;font-size:.8rem;line-height:1.45}.control-purpose strong{color:var(--paper-light)}.knob-stage{place-items:center;margin-block:.9rem;display:grid}.knob-scale{color:#f7f4f080;width:min(100%,18rem);font-family:var(--font-mono);text-transform:uppercase;justify-content:space-between;margin-bottom:.5rem;font-size:.52rem;display:flex}.knob-scale span:nth-child(2){text-align:center}.air-knob{--knob-angle:0deg;aspect-ratio:1;cursor:grab;touch-action:none;background:radial-gradient(circle at 38% 32%,#55514d 0,#2d2a28 44%,#111 100%);border:.4rem solid #4b4947;border-radius:50%;width:clamp(6.5rem,12vw,8rem);position:relative;box-shadow:0 .75rem 1.2rem #00000073,inset 0 0 0 .18rem #0c0b0a}.air-knob:active{cursor:grabbing}.air-knob[aria-disabled=true]{cursor:not-allowed;opacity:.58}.air-knob span{rotate:var(--knob-angle);position:absolute;inset:0}.air-knob span:before{background:var(--demo-yellow);content:"";border-radius:99rem;width:.32rem;height:1.35rem;position:absolute;top:.65rem;left:50%;translate:-50%;box-shadow:0 0 .5rem #f8c81357}.knob-nudges{grid-template-columns:1fr auto 1fr;gap:.4rem;width:min(100%,17rem);margin-top:.8rem;display:grid}.knob-nudges button{min-height:2.3rem;color:var(--paper-light);font:inherit;font-family:var(--font-mono);cursor:pointer;background:#2b2b2b;border:1px solid #f7f4f033;border-radius:.35rem;padding:.35rem .45rem;font-size:.62rem;font-weight:750}.knob-nudges button[data-trim-reference]{color:#f7f4f09e;font-size:.52rem}.knob-nudges button:disabled{cursor:not-allowed;opacity:.42}.control-help{color:#f7f4f0b3;margin:0;font-size:.8rem;line-height:1.5}.boundary-warning{color:#ffd5ca;background:#b94a3224;border:1px solid #b94a32;margin:1rem 0 0;padding:.8rem;font-size:.72rem;line-height:1.45}.boundary-warning strong{color:#ff8f73}.app-device{background:#090807;border:.1rem solid #48433f;border-radius:1.2rem;min-width:0;padding:clamp(.6rem,2vw,1rem);box-shadow:0 1.5rem 2.5rem #0006}.app-pan-hint{display:none}.app-screen{aspect-ratio:4/3;font-synthesis:none;background:#23201e;border-radius:.55rem;grid-template-rows:minmax(0,1fr) auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;display:grid;overflow:hidden}.flutter-content{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.flutter-chart-shell{background:#000;min-height:0;padding:.5rem .25rem .25rem;position:relative}.app-trend{width:100%;height:100%}.app-trend [stroke]{vector-effect:non-scaling-stroke}.flutter-target-band{fill:#f0712233}.flutter-target-boundary{stroke:#f07122;stroke-width:1.5px;stroke-dasharray:5 4}.flutter-target-label{fill:#ff934f;letter-spacing:.4px;font-family:Arial,sans-serif;font-size:10px;font-weight:800}.flutter-y-labels,.flutter-x-labels{z-index:1;color:#fff;pointer-events:none;font-size:.75rem;line-height:1;position:absolute}.flutter-y-labels{flex-direction:column;justify-content:space-between;align-items:end;width:5.1%;display:flex;top:.5rem;bottom:calc(.25rem + 9.1%);left:.25rem}.flutter-y-labels span:first-child{translate:0 .08rem}.flutter-y-labels span:last-child{translate:0 -.08rem}.flutter-x-labels{height:9.1%;bottom:.25rem;left:calc(.25rem + 5.77%);right:.25rem}.flutter-x-labels span{position:absolute;top:55%;translate:-50% -50%}.trace-hidden{opacity:0}.flutter-device-controls{grid-template-columns:repeat(2,minmax(11.875rem,1fr));justify-items:center;gap:.5rem;padding:.5rem;display:grid}.flutter-device-control{grid-template-columns:6.875rem 4.375rem;align-items:center;gap:.5rem;width:11.875rem;display:grid}.flutter-device-control button{color:#171513;width:6.875rem;min-height:2.25rem;font:inherit;cursor:pointer;background:#f07122;border:0;border-radius:.25rem;padding:.35rem;font-size:.875rem;font-weight:500}.flutter-device-control button[aria-pressed=false]{background:#f8c813}.flutter-device-control button:disabled{color:#b0b0b0;cursor:not-allowed;background:#23201e}.flutter-device-control button:disabled[aria-pressed=true]{color:#171513;opacity:1;background:#f07122}.flutter-device-control output{color:#fff;white-space:nowrap;width:4.375rem;font-family:monospace;font-size:1rem;overflow:hidden}.app-nav{color:#181410;background:#f07122;grid-template-columns:repeat(5,1fr);align-items:stretch;height:5rem;padding:0;display:grid}.app-nav span,.app-nav strong{text-align:center;grid-template-rows:2rem auto;align-content:center;place-items:center;gap:.08rem;padding:.35rem .1rem .2rem;font-size:.75rem;font-weight:500;display:grid;position:relative}.app-nav span i,.app-nav strong i{border-radius:2rem;place-items:center;width:4rem;height:2rem;display:grid}.app-nav strong{color:#f8c813}.app-nav strong i{background:#23201e}.app-nav b{font:inherit}.app-nav svg{fill:currentColor;width:1.5rem;height:1.5rem}.demo-outcome{border-radius:var(--radius);background:var(--demo-yellow);color:var(--ink);align-items:center;gap:2rem;margin-top:1.25rem;padding:clamp(1.5rem,4vw,3rem);display:grid}.demo-outcome h2{max-width:16ch;margin-bottom:.9rem;font-size:clamp(2rem,4vw,3.6rem)}.demo-outcome p:last-child{max-width:48rem}.outcome-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.outcome-actions .button{border-color:var(--ink);background:var(--ink);color:var(--paper-light)}.outcome-actions .text-button{color:var(--ink)}.disclosure-section{background:var(--demo-charcoal);color:var(--paper-light);padding-block:clamp(3rem,6vw,5rem)}.demo-disclosure{border:1px solid #f7f4f02e;border-left:.25rem solid var(--demo-orange);gap:2rem;padding:clamp(1.25rem,4vw,2.5rem);display:grid}.demo-disclosure h2{max-width:12ch;margin:0;font-size:clamp(2rem,4vw,3.6rem)}.demo-disclosure div:last-child{color:#f7f4f0b3}.demo-disclosure div:last-child p:first-child{color:var(--paper-light)}.demo-next-step{padding-block:var(--section-space)}.demo-next-step-grid{align-items:end;gap:2rem;display:grid}.demo-next-step h2{max-width:12ch;margin:0}.demo-next-step-grid>div:last-child{max-width:34rem}@media (width>=50rem){.industrial-workspace,.commercial-workspace{grid-template-columns:minmax(0,1fr) 17rem;align-items:start}.mode-panel[data-phase=adjust] .industrial-workspace,.mode-panel[data-phase=stabilize] .industrial-workspace,.mode-panel[data-phase=adjust] .commercial-workspace,.mode-panel[data-phase=stabilize] .commercial-workspace{grid-template-columns:minmax(0,1fr) minmax(17rem,.4fr)}.mode-panel[data-phase=adjust] .interface-context,.mode-panel[data-phase=stabilize] .interface-context{position:sticky;top:6.5rem}}@media (width>=62rem){.demo-hero-grid{grid-template-columns:minmax(0,1fr) 19rem}.demo-controller{grid-template-columns:19rem 1fr}.mode-switch{grid-template-columns:1fr}.mode-switch button{text-align:left;border-bottom:0;border-right:.22rem solid #0000;min-height:50%}.mode-switch button[aria-selected=true]{border-right-color:var(--demo-yellow)}.industrial-workspace,.commercial-workspace{grid-template-columns:minmax(0,1fr) 19rem}.mode-panel[data-phase=adjust] .industrial-workspace,.mode-panel[data-phase=stabilize] .industrial-workspace,.mode-panel[data-phase=adjust] .commercial-workspace,.mode-panel[data-phase=stabilize] .commercial-workspace{grid-template-columns:minmax(0,1fr) minmax(19rem,.42fr)}.demo-outcome{grid-template-columns:minmax(0,1fr) auto}.demo-disclosure,.demo-next-step-grid{grid-template-columns:1fr 1fr}}@media (width<=42rem){.tuning-device-case-scroll{overscroll-behavior-inline:contain;scrollbar-width:thin;overflow-x:auto}.tuning-device-shell{width:49rem;padding-inline:3rem}.device-pan-hint{color:#d7d0ca;margin:0 0 .5rem;font-size:.8rem;display:block}.touchgfx-scroll{overflow:hidden}.touchgfx-viewport{min-width:0}.app-device{overscroll-behavior-inline:contain;overflow-x:auto}.app-pan-hint{color:#d7d0ca;margin:0 0 .5rem;font-size:.8rem;display:block;position:sticky;left:0}.app-screen{min-width:43rem}.app-nav{height:4.5rem}.app-nav span,.app-nav strong{font-size:.58rem}}@media (prefers-reduced-motion:reduce){.system-demo *,.system-demo :before,.system-demo :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}