#terminal-screen,#product-screen{container-type:inline-size;overflow:hidden;isolation:isolate}
.terminal-demo,.demo-product-frame{position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .85s ease;text-align:left;letter-spacing:normal;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;line-height:1.2}
.terminal-demo.is-active,.demo-product-frame.is-active{opacity:1;z-index:1}
.terminal-demo{display:flex;flex-direction:column;padding:10cqw 9cqw 8cqw;color:#233b31}
.terminal-demo-info{padding:0;display:grid;grid-template-rows:52% 48%;background:#eee9df;color:#39372f}
.terminal-retail-product{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:8cqw 8cqw 5cqw;min-height:0;background:linear-gradient(145deg,#f1ece2,#e4dbc9)}
.terminal-retail-brand{font-size:4.5cqw;font-weight:650;letter-spacing:.8cqw;color:#858071;margin-bottom:4.5cqw}
.terminal-retail-product>strong{font-size:12cqw;line-height:1.1;font-weight:600;letter-spacing:-.7cqw}
.terminal-retail-tool{display:block;flex:1;min-height:0;width:calc(100% + 8cqw);margin:1cqw -4cqw}
.terminal-retail-location{display:flex;align-items:center;gap:3cqw;font-size:5.5cqw;font-weight:500;color:#72684f;white-space:nowrap}
.terminal-retail-location>i{width:.9cqw;height:.9cqw;border-radius:50%;background:#9c947f}
.terminal-retail-navigation{display:flex;flex-direction:column;min-height:0;padding:6cqw 7cqw 5cqw;background:#fbf9f3}
.terminal-retail-map-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:4cqw;font-size:5.5cqw;line-height:1.1;color:#5b584d}
.terminal-retail-map-title>b{font-weight:550}.terminal-retail-map-title>span{color:#177aec;font-size:7cqw}
.terminal-retail-map{width:100%;height:100%;min-height:0;display:block}
.terminal-demo-brand{display:flex;justify-content:space-between;align-items:center;gap:4cqw;font-size:8cqw;font-weight:650;letter-spacing:-.4cqw;flex:none}
.terminal-demo-brand>span{font-size:3cqw;font-weight:500;letter-spacing:.3cqw;white-space:nowrap}
.terminal-demo-action{display:flex;align-items:center;justify-content:space-between;gap:4cqw;flex:none;border-radius:5cqw;padding:5.5cqw 6cqw;font-size:5.5cqw;line-height:1;font-weight:600;background:#243f31;color:#f6f4e8;white-space:nowrap}
.terminal-demo-action>span{font-size:7cqw;line-height:.7}
.terminal-demo-ad{background:linear-gradient(155deg,#ff8970,#ff6b54 56%,#f75846);color:#2721b7;padding:9cqw 8cqw}
.terminal-demo-ad .terminal-demo-brand{font-size:10cqw;letter-spacing:-.5cqw;font-weight:700;color:#2721b7}
.terminal-discount{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0;margin:5cqw -2cqw 8cqw;padding:0}
.terminal-discount-number{display:flex;align-items:baseline;justify-content:center;gap:1cqw;line-height:.9;font-family:ui-rounded,'SF Pro Rounded',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:60cqw;font-weight:750;letter-spacing:-4.2cqw;color:#fff7eb}
.terminal-discount-number>span{align-self:flex-start;font-size:24cqw;line-height:1.15;letter-spacing:-1.4cqw;font-weight:650;margin-top:2.4cqw}
.terminal-discount-label{font-size:14cqw;line-height:1.1;letter-spacing:-.6cqw;font-weight:600;color:#2721b7;margin-top:5cqw}
.terminal-demo-ad .terminal-demo-action{background:#2721b7;color:#fff1df;font-size:5.6cqw;font-weight:500;border-radius:99cqw;padding:6cqw 7cqw;box-shadow:inset 0 .7cqw 0 #ffffff24}
.terminal-demo-order{background:#e9efdc}
.terminal-demo-order .terminal-demo-brand{color:#35543f;font-size:11cqw}
.terminal-demo-order-title{font-size:14cqw;letter-spacing:-.7cqw;line-height:1.02;font-weight:550;margin-top:10cqw}
.terminal-demo-coffee{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;margin:1cqw -5cqw 0}
.terminal-demo-coffee>svg{width:100%;height:100%;display:block}
.terminal-demo-menu-item{display:flex;justify-content:space-between;align-items:center;gap:3cqw;margin-bottom:7cqw}
.terminal-demo-menu-item strong{font-size:7cqw;letter-spacing:-.3cqw;font-weight:650}
.terminal-demo-menu-item>span{font-size:5.4cqw;color:#6c7d64}
.terminal-demo-quantity{display:flex;justify-content:center;align-items:center;gap:9cqw;margin-bottom:8cqw;font-size:7cqw}
.terminal-demo-quantity>span{display:flex;align-items:center;justify-content:center;width:10cqw;height:10cqw;border-radius:50%;background:#d7e1c8;color:#486040;font-weight:400}
.terminal-demo-quantity>b{font-size:6cqw;font-weight:500}
.terminal-demo-order .terminal-demo-action{background:#36583f;font-size:5.6cqw}
.terminal-demo-checkin{padding:8cqw 9cqw 7cqw;background:#eae2fc;color:#493564}
.terminal-demo-checkin .terminal-demo-brand{font-size:8cqw;color:#725298}
.terminal-demo-checkin-title{font-size:13.5cqw;line-height:1.05;font-weight:550;letter-spacing:-.7cqw;margin:9cqw 0 7cqw}
.terminal-demo-appointment{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;border-radius:7cqw;background:#f7f3ff;border:1cqw solid #fcfaff;padding:4cqw 2cqw;margin-bottom:auto;box-shadow:0 4cqw 9cqw #9375bb13}
.terminal-demo-calendar{width:12cqw;height:12cqw;color:#9a77c8;display:block;margin-bottom:2cqw}
.terminal-demo-calendar>svg{width:100%;height:100%;display:block}
.terminal-demo-appointment>small{font-size:4.5cqw;color:#8e76a8;margin-bottom:2cqw}
.terminal-demo-appointment>strong{font-size:16cqw;font-weight:600;line-height:1;letter-spacing:-.8cqw}
.terminal-demo-appointment>strong>span{font-size:5cqw;font-weight:400;letter-spacing:0}
.terminal-demo-appointment>span:last-child{font-size:4cqw;margin-top:3cqw;color:#947fa9}
.terminal-demo-checkin .terminal-demo-action{background:#72529a;color:#fbf7ff;font-size:5.6cqw;margin-top:7cqw}
.terminal-demo-checkin-note{display:block;font-size:3.5cqw;text-align:center;margin-top:4cqw;color:#9b83b5}

/* OS and AI share the actual product family's proportions and neutral chrome. */
.demo-product-frame{position:absolute;inset:0;display:grid;grid-template-columns:20.5% 79.5%;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .85s ease;background:#f5f6f8;color:#292d34;text-align:left;letter-spacing:normal;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;line-height:1.2}
.demo-product-frame.is-active{opacity:1;z-index:1}
.demo-product-sidebar{display:flex;flex-direction:column;min-width:0;background:#1c1d1f;color:#c1c3c8;padding:2.8cqw 1.25cqw 1.6cqw}
.demo-product-logo{font-size:2.6cqw;font-weight:600;line-height:1;letter-spacing:-.09cqw;color:#fafafa;white-space:nowrap;padding:0 .95cqw}
.demo-product-logo>span{font-weight:600;letter-spacing:-.08cqw;color:#318dff}
.demo-product-workspace{display:flex;align-items:center;gap:.8cqw;padding:1.45cqw .7cqw;margin-top:2.5cqw;border:.12cqw solid #383a3f;border-radius:1cqw;min-width:0;color:#c6c8ce}
.demo-product-workspace-mark{display:flex;align-items:center;justify-content:center;width:3cqw;height:3cqw;flex:none;background:#32363d;border-radius:.6cqw;color:#8eaff2;font-size:1.45cqw;font-weight:600}
.demo-product-workspace>span:nth-child(2){font-size:1.14cqw;line-height:1.2;white-space:nowrap;min-width:0}
.demo-product-workspace small{display:block;font-size:.96cqw;color:#777b84;margin-top:.4cqw}
.demo-product-workspace>i{font-size:1.2cqw;font-style:normal;margin-left:auto;color:#6e737d}
.demo-product-nav-label{display:block;margin:3cqw .85cqw 1.3cqw;font-size:.96cqw;font-weight:500;letter-spacing:.08cqw;color:#747780;white-space:nowrap}
.demo-product-nav{display:flex;flex-direction:column;gap:.65cqw}
.demo-product-nav-item{display:flex;align-items:center;gap:1cqw;white-space:nowrap;height:4.75cqw;padding:0 .9cqw;border-radius:.9cqw;font-size:1.55cqw;font-weight:450;color:#a6a9b2}
.demo-product-nav-item>svg{width:2.15cqw;height:2.15cqw;flex:none;display:block;color:#797f8b}
.demo-product-nav-item.is-selected{background:#2675d9;color:#f8fbff;font-weight:500;box-shadow:inset 0 .12cqw 0 #ffffff18}
.demo-product-nav-item.is-selected>svg{color:#d9e9ff}
.demo-product-sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:.95cqw;padding:1.4cqw .7cqw 0;border-top:.12cqw solid #33353a;min-width:0}
.demo-product-sidebar-avatar{display:flex;align-items:center;justify-content:center;width:3.8cqw;height:3.8cqw;border-radius:50%;background:#394457;color:#c6d6f3;font-size:1.2cqw;font-weight:600;flex:none}
.demo-product-sidebar-bottom>span:nth-child(2){font-size:1.4cqw;font-weight:500;color:#c2c4cb;white-space:nowrap}
.demo-product-sidebar-bottom small{display:block;font-size:1.03cqw;font-weight:400;color:#777c87;margin-top:.45cqw}
.demo-product-sidebar-bottom>i{font-style:normal;font-size:1.3cqw;color:#777c87;margin-left:auto}
.demo-product-main{min-width:0;display:flex;flex-direction:column;background:#f5f6f8}
.demo-product-topbar{height:4.4cqw;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 2.8cqw;background:#fff;border-bottom:.12cqw solid #e6e8ed;font-size:1.15cqw;color:#989da7}
.demo-product-breadcrumb{display:flex;align-items:center;gap:1.05cqw;white-space:nowrap}
.demo-product-breadcrumb>svg{display:block;width:1.6cqw;height:1.6cqw;color:#777e8b;margin-right:.2cqw}
.demo-product-breadcrumb>i{font-style:normal;color:#c3c7ce}
.demo-product-breadcrumb>b{font-weight:450;color:#686e79}
.demo-product-topbar-tools{display:flex;align-items:center;gap:2.1cqw}
.demo-product-topbar-tools>svg{width:1.65cqw;height:1.65cqw;display:block;color:#8c939e}
.demo-product-user{width:2.55cqw;height:2.55cqw;display:flex;align-items:center;justify-content:center;font-size:.85cqw;font-weight:600;background:#e5ebf6;border-radius:50%;color:#5e789e}
/* One clear task per view. Existing sidebar and topbar remain unchanged. */
.demo-product-content{display:flex;flex-direction:column;gap:2.6cqw;flex:1;min-height:0;min-width:0;padding:3.2cqw}
.demo-product-heading-row{display:flex;align-items:center;justify-content:space-between;gap:2cqw;flex:none;min-height:4cqw}
.demo-product-heading-row h3{font-size:3.6cqw;line-height:1.1;font-weight:650;letter-spacing:-.11cqw;margin:0;color:#262b32}
.demo-product-heading-row>span{font-size:1.6cqw;line-height:1.1;color:#a0a7b2;padding-right:.2cqw}

/* OS: a single employee, a clear status, and the time that matters. */
.demo-product-focus-card{display:flex;flex-direction:column;justify-content:space-between;flex:1;min-height:0;padding:3cqw;background:#fff;border:.14cqw solid #e1e6ee;border-radius:2cqw;box-shadow:0 1cqw 3cqw #1f345a05}
.demo-product-time-profile{display:flex;align-items:center;gap:1.6cqw;min-width:0}
.demo-product-time-avatar{display:flex;align-items:center;justify-content:center;width:6.4cqw;height:6.4cqw;flex:none;border-radius:50%;background:#e9eff9;color:#7191c0;font-size:2cqw;font-weight:550}
.demo-product-time-profile>b{font-size:3cqw;font-weight:550;letter-spacing:-.08cqw;color:#485365;white-space:nowrap}
.demo-product-time-state{display:flex;align-items:center;gap:.75cqw;margin-left:auto;border-radius:4cqw;padding:1.2cqw 1.4cqw;background:#edf7f0;color:#7fa48c;font-size:1.45cqw;line-height:1;white-space:nowrap}
.demo-product-time-state>i{width:.85cqw;height:.85cqw;border-radius:50%;background:#90b99c;display:block;flex:none}
.demo-product-time-main{display:flex;align-items:flex-end;justify-content:space-between;gap:3cqw}
.demo-product-time-counter{display:flex;flex-direction:column;gap:1.1cqw}
.demo-product-time-counter>span{font-size:1.65cqw;line-height:1.1;color:#a3aab5}
.demo-product-time-counter>strong{display:flex;align-items:baseline;gap:1.2cqw;font-size:9cqw;line-height:1;font-weight:550;letter-spacing:-.4cqw;color:#384a65;font-variant-numeric:tabular-nums}
.demo-product-time-counter small{font-size:2.6cqw;font-weight:400;letter-spacing:0;color:#a2afc1}
.demo-product-stop-action{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:5.7cqw;padding:1.6cqw 2.5cqw;margin-bottom:.35cqw;background:#2778df;color:#fff;border-radius:1.15cqw;font-size:1.7cqw;font-weight:500;line-height:1;white-space:nowrap;box-shadow:inset 0 .12cqw 0 #ffffff24,0 .5cqw 1.5cqw #2778df12}
.demo-product-time-progress{display:flex;align-items:center;gap:1.5cqw}
.demo-product-time-progress>span{display:block;height:1.1cqw;flex:1;overflow:hidden;border-radius:2cqw;background:#edf1f7}
.demo-product-time-progress>span>i{display:block;height:100%;width:71%;border-radius:inherit;background:#91b3e2}
.demo-product-time-progress>small{font-size:1.3cqw;line-height:1;color:#aab4c2;white-space:nowrap}

/* AI: exactly two readable tools, with distinct visual cues instead of UI clutter. */
.demo-product-ai-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4cqw;flex:1;min-height:0}
.demo-product-assistant-tile{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0;padding:2.9cqw 2.1cqw 2.5cqw;border:.14cqw solid #e1e6ee;border-radius:2cqw;background:#fff;box-shadow:0 1cqw 3cqw #1f345a04}
.demo-product-assistant-icon{display:flex;align-items:center;justify-content:center;width:7.6cqw;height:7.6cqw;flex:none;background:#edf4ff;color:#397bce;border-radius:2.1cqw}
.demo-product-assistant-icon>svg{display:block;width:4.6cqw;height:4.6cqw}
.demo-product-assistant-tile h4{font-size:3.1cqw;font-weight:600;line-height:1.1;letter-spacing:-.08cqw;margin:2cqw 0 0;color:#4e5c70;white-space:nowrap}
.demo-product-chat-preview{display:flex;flex-direction:column;justify-content:center;align-self:stretch;flex:1;min-height:0;gap:1.2cqw;padding-top:1.4cqw}
.demo-product-chat-preview>span{display:block;align-self:flex-start;padding:1.45cqw 1.8cqw;border-radius:1.7cqw 1.7cqw 1.7cqw .4cqw;background:#f0f2f5;color:#a0a9b8;font-size:1.55cqw;line-height:1.15;white-space:nowrap}
.demo-product-chat-preview>span:last-child{align-self:flex-end;border-radius:1.7cqw 1.7cqw .4cqw 1.7cqw;background:#eaf2ff;color:#658ac0}
.demo-product-phone-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.7cqw;flex:1;min-height:0;padding-top:1.4cqw}
.demo-product-assistant-wave{display:flex;align-items:center;justify-content:center;gap:.9cqw;height:7.2cqw}
.demo-product-assistant-wave>i{display:block;width:.85cqw;height:2.3cqw;border-radius:2cqw;background:#88abe0}
.demo-product-assistant-wave>i:nth-child(2),.demo-product-assistant-wave>i:nth-child(8){height:3.9cqw;background:#76a0db}
.demo-product-assistant-wave>i:nth-child(3),.demo-product-assistant-wave>i:nth-child(7){height:5.6cqw;background:#5d90d5}
.demo-product-assistant-wave>i:nth-child(4),.demo-product-assistant-wave>i:nth-child(6){height:4.6cqw;background:#4380cf}
.demo-product-assistant-wave>i:nth-child(5){height:7.2cqw;background:#2775cf}
.demo-product-phone-preview>span:last-child{font-size:1.55cqw;line-height:1;color:#a0b0c6;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.demo-product-frame{transition:none}}

@media(prefers-reduced-motion:reduce){.terminal-demo,.demo-product-frame{transition:none}}