/* Inline styles from final page */
:root{--night:#04111f;--ink:#eefaf8;--muted:#a7bfca;--teal:#57ead7;--accent:#57ead7;--header:80px;--footer:82px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#2a5a60 var(--night)}body{margin:0;background:var(--night);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:6px}button:disabled{cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#journey{height:810svh;position:relative}.stage{position:fixed;inset:0;height:100svh;min-height:520px;overflow:clip;isolation:isolate;background:radial-gradient(ellipse at 73% 26%,#14313f 0,transparent 54%),var(--night)}
.site-head{position:absolute;inset:0 0 auto;height:var(--header);z-index:30;display:flex;justify-content:space-between;align-items:center;padding:0 5.5%;background:linear-gradient(180deg,#04111ff2,transparent)}
.wordmark{color:var(--teal);font-size:29px;font-weight:700;letter-spacing:-1.5px;text-decoration:none}.wordmark span{color:#f4ffff}.head-actions{display:flex;gap:22px;align-items:center}.quiet-button{border:0;padding:9px 0;color:#bad0d6;background:none;font-size:13px;letter-spacing:.015em}.quiet-button:hover{color:white}.icon-full{display:inline-block;margin-right:7px;font-size:17px}
.scene{position:absolute;left:0;top:0;width:941px;height:1672px;transform-origin:0 0;will-change:transform;z-index:1;mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 96%,transparent 100%)}
.restaurant-art{width:100%;height:100%;display:block;user-select:none;pointer-events:none;filter:saturate(.86);mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 91%,transparent 100%)}
.atmosphere{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,#04111f 1%,#04111ff5 27%,#04111f66 48%,transparent 65%),linear-gradient(0deg,#04111fee 0%,transparent 17%,transparent 66%,#04111fbb 89%,#04111f 100%)}
.brain{position:absolute;z-index:12;left:72%;top:62px;width:202px;height:175px;transform:translateX(-50%);pointer-events:none;isolation:isolate;will-change:left}
.brain:before{content:"";position:absolute;inset:5% -15%;background:radial-gradient(ellipse,#3ce4d91c,transparent 70%);filter:blur(12px)}
.brain img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 23px #12bde749);animation:breathe 4s ease-in-out infinite}
.brain .brain-name{position:absolute;left:0;right:0;bottom:25px;text-align:center;font-size:27px;font-weight:700;letter-spacing:-1.3px;color:white;text-shadow:0 2px 9px #000,0 0 17px #062331,0 0 30px #062331}
.brain-orbit{position:absolute;left:12%;right:12%;height:9%;bottom:3%;border:1px solid #57ead744;border-radius:50%;box-shadow:0 0 14px #57ead728;transform:rotate(-7deg)}
.copy{position:absolute;z-index:15;left:5.5%;top:31.5%;width:34%;max-width:505px;pointer-events:none}
.chapter{position:absolute;inset:0 auto auto 0;width:100%;opacity:0;transform:translateY(18px);transition:opacity .36s,transform .55s;visibility:hidden}.chapter.active{opacity:1;transform:none;visibility:visible}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent);font-weight:650;font-size:12px;letter-spacing:.17em;text-transform:uppercase;margin:0 0 22px}.eyebrow:before{content:"";width:24px;height:1px;background:currentColor}
h1,h2{font-size:clamp(38px,4.5vw,70px);font-weight:500;line-height:1.06;letter-spacing:-.055em;margin:0 0 22px}h1 em,h2 em{font-style:normal;color:var(--accent)}.chapter p{font-size:clamp(15px,1.2vw,18px);color:#b8cbd1;line-height:1.55;margin:0;max-width:315px}
.chapter .micro{margin-top:26px;display:flex;flex-wrap:wrap;gap:9px 14px;align-items:center;color:#dbe9ec;font-size:13px;font-weight:550}.micro span{display:inline-flex;align-items:center;gap:7px}.micro .check{color:var(--accent)}
.order-channels{gap:8px!important}.order-channels span{font-size:12px;letter-spacing:-.025em;border-bottom:1px solid #486466;padding-bottom:5px}.order-channels .roo{color:#6be0db}.order-channels .just{color:#ffb27c}.order-channels .uber{color:#83e4a0}
.connections{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none;overflow:visible}.connection{fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--accent));opacity:.72}.connection.ghost{stroke-width:1;opacity:.22;filter:none}.line-point{fill:var(--accent);filter:drop-shadow(0 0 5px var(--accent))}.binary{font:500 13px ui-monospace,SFMono-Regular,Consolas,monospace;fill:#a4fff0;paint-order:stroke;stroke:#04111fcc;stroke-width:3px}.data-token{fill:#071f2a;stroke:var(--accent);stroke-width:1}.token-text{font:600 12px Inter,"Helvetica Neue",Arial,sans-serif;fill:#f0fffb;text-anchor:middle}
.targets{position:absolute;inset:0;z-index:10;pointer-events:none}.target{position:absolute;width:36px;height:36px;border:0;border-radius:50%;background:#05253188;color:var(--teal);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .4s,background .3s;box-shadow:0 0 0 1px #71f5e099,0 0 22px #5ce2cc22}.target.is-shown{opacity:1;pointer-events:auto}.target[aria-current=true]{background:#0e3b45e6;color:#b5fff2;box-shadow:0 0 0 1px var(--accent),0 0 30px #65ffe95e}.target .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.target[aria-current=true] .dot{animation:target-pulse 2.8s infinite}.target .heart{font-size:23px;line-height:1;filter:drop-shadow(0 0 7px #68ffd4)}
.target-label{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;border-radius:5px;padding:7px 10px;background:#061a27e8;box-shadow:0 4px 15px #0003;color:#e9fff9;font-size:12px;font-weight:500;opacity:0;transition:opacity .25s;pointer-events:none}.target[aria-current=true] .target-label,.target:hover .target-label,.target:focus-visible .target-label{opacity:1}.target.label-left .target-label{left:auto;right:calc(100% + 10px)}
.outcome-lines{margin-top:32px;display:flex;flex-direction:column;gap:15px;width:235px}.outcome-lines div{display:flex;justify-content:space-between;align-items:center;color:#d4e6e8;font-size:15px}.outcome-lines b{color:var(--teal);font-size:22px;font-weight:400}.outcome-lines div:nth-child(2) b,.outcome-lines div:nth-child(3) b{color:#c0b4ff}
.intro-action{pointer-events:auto;display:inline-flex;align-items:center;gap:23px;margin-top:34px;padding:14px 0;border:0;border-bottom:1px solid #57ead770;background:none;color:#defff8;font-size:14px}.intro-action span{color:var(--teal);font-size:20px;animation:nudge 2s infinite}.intro-action:hover{border-color:var(--teal);color:white}.office-copy h2{font-size:clamp(38px,4.1vw,66px)}
.report-card{width:310px;max-width:100%;margin-top:26px;padding:16px 18px 12px;border:1px solid #7a98c033;border-radius:12px;background:linear-gradient(130deg,#112836cc,#071a27b3);pointer-events:auto}.report-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#d5e6ef}.report-head span{color:#92a7b5;font-size:10px}.report-tabs{display:flex;gap:17px;margin:13px 0 10px}.report-tabs button{border:0;border-bottom:1px solid transparent;background:none;color:#8dabb7;padding:3px 0 6px;font-size:11px}.report-tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent)}.report-chart{height:63px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid #53728744;padding:0 5px}.report-column{flex:1;display:flex;align-items:flex-end;justify-content:center;height:100%}.report-bar{display:block;width:100%;max-width:23px;height:var(--bar);background:linear-gradient(0deg,#6d8bd64a,var(--accent));border-radius:3px 3px 0 0;transition:height .7s cubic-bezier(.2,.7,.25,1);opacity:.8}.report-days{display:flex;justify-content:space-around;padding-top:7px;color:#93a7b2;font-size:8px}.report-foot{margin-top:11px;display:flex;justify-content:space-between;color:#abc1ce;font-size:10px}.report-foot small{color:#6c8a9c;font-size:9px}.target .heart{animation:heart-beat 1.7s ease-in-out infinite}
.floor-note{position:absolute;z-index:15;left:5.5%;bottom:125px;color:#728d9b;font-size:12px;letter-spacing:.07em}.floor-note span{color:#b2cacf;margin-right:8px}.explore{position:absolute;z-index:16;left:5.5%;bottom:120px;display:inline-flex;gap:18px;align-items:center;border:0;background:none;padding:6px 0;color:#d9fff6;font-size:14px}.explore .arrow{font-size:25px;display:inline-block;animation:nudge 2s infinite}.explore[hidden]{display:none}.footer{position:absolute;z-index:30;inset:auto 0 0;height:var(--footer);padding:0 5.5%;display:flex;align-items:center;gap:35px;background:linear-gradient(0deg,#04111f 45%,#04111fe0 80%,transparent)}
.progress-rail{position:absolute;top:1px;left:5.5%;right:5.5%;height:1px;background:#28434b}.progress-rail span{display:block;height:100%;width:0;background:var(--teal);box-shadow:0 0 7px #57ead789;transition:width .15s linear}
.chapter-count{color:#7899a5;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.chapter-count b{color:#e6fff8;font-weight:500}.chapter-nav{display:flex;gap:24px;align-items:center;flex:1;overflow-x:auto;scrollbar-width:none;padding:12px 5px}.chapter-nav::-webkit-scrollbar{display:none}.chapter-nav button{position:relative;color:#7895a0;background:none;border:0;padding:9px 0;font-size:13px;white-space:nowrap;transition:color .25s}.chapter-nav button:hover{color:white}.chapter-nav button[aria-current=step]{color:#c6fff1}.chapter-nav button[aria-current=step]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--teal)}.scroll-hint{color:#90aab2;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px}.scroll-hint span{color:var(--teal);font-size:19px}
body.paused .brain img,body.paused .target .dot,body.paused .target .heart,body.paused .explore .arrow,body.paused .intro-action span{animation-play-state:paused}
@keyframes heart-beat{0%,36%,100%{transform:scale(1)}12%{transform:scale(1.15)}23%{transform:scale(1.02)}28%{transform:scale(1.1)}}
@keyframes breathe{0%,100%{transform:scale(1);filter:drop-shadow(0 0 21px #12bde749)}50%{transform:scale(1.025);filter:drop-shadow(0 0 31px #12bde778)}}@keyframes target-pulse{0%,100%{box-shadow:0 0 0 0 #8effdc66}65%{box-shadow:0 0 0 11px #8effdc00}}@keyframes nudge{50%{transform:translateY(5px)}}
@media(min-width:1800px){h1,h2{font-size:78px}.copy{max-width:600px}}
@media(max-width:1000px) and (min-width:761px){.copy{width:37%;left:4%}.site-head,.footer{padding-left:4%;padding-right:4%}h1,h2{font-size:42px}.chapter-nav{gap:18px}.scroll-hint{display:none}.brain{width:175px;height:153px}}
@media(max-width:760px){:root{--header:62px;--footer:78px}#journey{height:810svh}.stage{min-height:600px}.site-head{padding:0 22px}.wordmark{font-size:25px}.head-actions{gap:16px}.quiet-button{font-size:12px}.quiet-button .full-label{display:none}.brain{top:67px;width:142px;height:128px;left:73%}.brain .brain-name{font-size:21px;bottom:18px}.copy{left:24px;top:23%;width:80%;max-width:400px}.eyebrow{font-size:11px;letter-spacing:.14em;margin-bottom:13px;gap:9px}.eyebrow:before{width:16px}h1,h2{font-size:clamp(32px,8vw,44px);line-height:1.02;letter-spacing:-.04em;margin-bottom:13px}.chapter p{font-size:14px;max-width:270px;line-height:1.45}.chapter .micro{display:none}.atmosphere{background:linear-gradient(180deg,#04111f 0%,#04111fed 27%,#04111fba 35%,#04111f66 46%,transparent 60%,#04111f77 84%,#04111f 100%),linear-gradient(90deg,#04111f44,transparent 60%)}.footer{padding:0 21px;gap:15px}.chapter-nav{gap:19px}.chapter-nav button{font-size:12px}.chapter-count{font-size:11px}.scroll-hint{display:none}.progress-rail{left:22px;right:22px}.explore{left:24px;bottom:103px;font-size:13px}.floor-note{left:24px;bottom:104px;font-size:11px}.target{width:30px;height:30px}.target:before{content:"";position:absolute;inset:-8px}.target-label{font-size:11px;padding:6px 8px}.target .heart{font-size:21px}.outcome-lines{gap:6px;margin-top:18px;width:205px}.outcome-lines div{font-size:13px}.outcome-lines b{font-size:19px}.connection{stroke-width:1.5}}
@media(max-height:640px) and (min-width:761px){.brain{top:28px;width:155px;height:139px}.copy{top:30%}h1,h2{font-size:40px}.eyebrow{margin-bottom:12px}.chapter p{font-size:15px}.chapter .micro{margin-top:15px}.floor-note,.explore{bottom:100px}}
@media(max-width:760px){.intro-action{margin-top:17px;padding:9px 0;font-size:13px}.office-copy h2{font-size:32px}.report-card{width:235px;margin-top:15px;padding:12px 14px 10px}.report-chart{height:40px}.report-tabs{margin:9px 0 7px}.report-foot{margin-top:8px}.stage[data-chapter="6"] .floor-note{display:none}}
@media(max-height:740px) and (min-width:761px){.stage[data-chapter="6"] .copy{top:24%}.office-copy h2{font-size:40px}.report-card{margin-top:15px;padding-top:12px}.report-chart{height:38px}.stage[data-chapter="6"] .floor-note{display:none}}
.opening-wash{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:var(--intro-strength,1);background:linear-gradient(90deg,#04111f 3%,#04111ff5 30%,#04111f66 50%,transparent 71%),linear-gradient(180deg,#04111f 0%,#04111fee 18%,#04111f88 34%,transparent 48%,transparent 76%,#04111f 100%)}
.ambient-light{position:absolute;z-index:4;inset:0 auto 0 0;width:53%;pointer-events:none;overflow:clip;opacity:.48;mask-image:linear-gradient(90deg,#000 0%,#000 35%,transparent 100%)}.ambient-light:before,.ambient-light:after{content:"";position:absolute;width:105%;height:75%;left:-44%;top:10%;filter:blur(48px);will-change:transform;animation:light-drift 18s ease-in-out infinite alternate}.ambient-light:before{background:radial-gradient(ellipse at 35% 56%,#12e4c688,transparent 59%),radial-gradient(ellipse at 75% 85%,#2979ed77,transparent 57%)}.ambient-light:after{top:2%;left:-28%;height:67%;opacity:.75;background:radial-gradient(ellipse at 45% 36%,#8263e877,transparent 55%);animation:light-drift-reverse 23s ease-in-out infinite alternate}.paused .ambient-light:before,.paused .ambient-light:after{animation-play-state:paused}@keyframes light-drift{from{transform:translate3d(-5%,-12%,0) rotate(-8deg) scale(.95)}to{transform:translate3d(18%,15%,0) rotate(14deg) scale(1.13)}}@keyframes light-drift-reverse{from{transform:translate3d(9%,12%,0) scale(1.08)}to{transform:translate3d(-12%,-10%,0) scale(.90)}}
.atmosphere{opacity:calc(1 - var(--intro-strength,0))}
.brain{transform:translateX(-50%) translateY(var(--intro-brain-shift,0px)) scale(var(--intro-brain-scale,1));transform-origin:center top}.brain-orbit{opacity:calc(1 - var(--intro-strength,0))}
.stage[data-chapter="0"] .copy{top:29%;width:46%;max-width:690px}.stage[data-chapter="0"] h1{font-size:clamp(44px,5.7vw,86px);line-height:1.02;letter-spacing:-.055em;margin-bottom:25px}.stage[data-chapter="0"] .eyebrow{font-size:12px;letter-spacing:.19em;margin-bottom:25px}.stage[data-chapter="0"] .chapter p{font-size:17px;line-height:1.55;max-width:335px}.stage[data-chapter="0"] .intro-action{margin-top:31px;padding:16px 23px;gap:34px;border:1px solid #91ffee66;border-radius:6px;background:#57ead7;color:#062323;font-size:15px;font-weight:600;box-shadow:0 7px 32px #57ead714;transition:background .2s,box-shadow .2s}.stage[data-chapter="0"] .intro-action span{color:#062323;font-size:22px}.stage[data-chapter="0"] .intro-action:hover{background:#a5ffee;box-shadow:0 8px 35px #57ead730}.stage[data-chapter="0"] .connection{opacity:.55}.stage[data-chapter="0"] .data-token,.stage[data-chapter="0"] .token-text{display:none}
@media(max-width:760px){.stage[data-chapter="0"] .copy{top:100px;left:24px;right:24px;width:auto;max-width:none}.stage[data-chapter="0"] h1{font-size:clamp(36px,10.5vw,50px);margin-bottom:17px}.stage[data-chapter="0"] .eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:16px}.stage[data-chapter="0"] .chapter p{font-size:15px;line-height:1.45;max-width:295px}.stage[data-chapter="0"] .intro-action{margin-top:21px;padding:12px 17px;font-size:14px;gap:24px}.opening-wash{background:linear-gradient(180deg,#04111f 0%,#04111f 35%,#04111fc4 48%,transparent 65%,transparent 79%,#04111f 100%),linear-gradient(90deg,#04111f88,transparent 65%)}.stage[data-chapter="0"] .target-label{opacity:0}.stage[data-chapter="0"] .target:hover .target-label,.stage[data-chapter="0"] .target:focus-visible .target-label{opacity:1}}
@media(max-height:740px) and (min-width:761px){.stage[data-chapter="0"] .copy{top:24%}.stage[data-chapter="0"] h1{font-size:clamp(42px,5vw,65px);margin-bottom:18px}.stage[data-chapter="0"] .eyebrow{margin-bottom:16px}.stage[data-chapter="0"] .intro-action{margin-top:22px}}
@media(max-width:760px) and (max-height:740px){.stage[data-chapter="0"] .copy{top:77px}.stage[data-chapter="0"] h1{font-size:36px}.stage[data-chapter="0"] .eyebrow{margin-bottom:11px}.stage[data-chapter="0"] .intro-action{margin-top:16px;padding:10px 16px}.stage[data-chapter="0"] .chapter p{font-size:14px}}
.stage[data-chapter="4"] .copy,.stage[data-chapter="5"] .copy,.stage[data-chapter="6"] .copy{top:max(200px,22%);width:36%;max-width:490px}.orders-copy h2,.delivery-copy h2,.hq-copy h2{font-size:clamp(40px,3.85vw,58px);margin-bottom:17px}.orders-copy .eyebrow,.delivery-copy .eyebrow,.hq-copy .eyebrow{margin-bottom:16px}.orders-copy p,.delivery-copy p,.hq-copy p{max-width:405px;font-size:16px;line-height:1.45}.stage[data-chapter="4"] .floor-note,.stage[data-chapter="5"] .floor-note,.stage[data-chapter="6"] .floor-note{display:none}
.channel-picker{margin-top:20px;width:380px;max-width:100%;pointer-events:auto}.channel-button{border:1px solid #5a839540;border-radius:7px;background:#102735dc;color:#c3d7df;transition:border-color .2s,background .2s}.channel-button:hover{border-color:#72cdbfa6;background:#173945}.channel-button[aria-pressed=true]{border-color:#57ead7;background:#113e42;color:#effffb}.voice-channel{width:100%;min-height:58px;padding:10px 13px;display:flex;align-items:center;gap:13px;text-align:left}.voice-channel strong{display:block;font-size:16px;font-weight:600}.voice-channel small{display:block;font-size:12px;color:#a7c8cb;margin-top:3px}.channel-arrow{margin-left:auto;color:#78ffdd;font-size:22px}.voice-wave{display:inline-flex;align-items:center;gap:3px;height:27px;width:29px;color:#72efd8;flex:none}.voice-wave i{width:3px;background:currentColor;border-radius:3px;height:10px;animation:voice-wave 1.2s ease-in-out infinite alternate}.voice-wave i:nth-child(2),.voice-wave i:nth-child(4){height:18px;animation-delay:-.4s}.voice-wave i:nth-child(3){height:27px;animation-delay:-.8s}.tool-channels{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.tool-channels button{min-height:38px;padding:6px 3px;font-size:12px;line-height:1.15}.marketplace-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.logo-chip{height:53px;padding:7px 8px}.logo-chip img{display:block;width:100%;height:100%;object-fit:contain}.logo-chip[data-channel="uber"] img{transform:scale(1.16)}.logo-chip[data-channel="justeat"]{background:#fff5ea}.logo-chip[data-channel="justeat"][aria-pressed=true]{background:#ffecda;box-shadow:0 0 0 1px var(--teal)}.channel-caption{margin-top:13px;color:#a5c8cb;font-size:13px;line-height:1.4}.channel-flow{stroke:#6bf0d1;stroke-width:1.8;fill:none;opacity:.65;filter:drop-shadow(0 0 5px #57ead755)}.channel-packet-bg{fill:#123640;stroke:#62dcca;stroke-width:1}.channel-packet-label{fill:#dffff6;font:600 11px Inter,Arial,sans-serif;text-anchor:middle}
.dispatch-panel{margin-top:21px;width:420px;max-width:100%;border:1px solid #78cae633;border-radius:12px;overflow:hidden;background:#0a2030e8;pointer-events:auto}.dispatch-head{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;color:#cce8f1;font-size:13px}.dispatch-head span{font-size:11px;color:#89a7b6}.dispatch-panel svg{display:block;width:100%;height:auto}.map-label{fill:#bfd3e0;font:13px Inter,Arial,sans-serif}.map-driver text{fill:#cde9ed;font:600 10px Inter,Arial,sans-serif}.selected-driver text{fill:#061c25}.dispatch-status{display:flex;gap:8px;align-items:center;padding:7px 11px 7px 15px;min-height:38px;color:#c1e4e9;font-size:12px}.dispatch-dot{width:5px;height:5px;border-radius:50%;background:#81efcb;box-shadow:0 0 8px #57ead744;flex:none}.dispatch-status>span:nth-child(2){flex:1}.dispatch-status button{background:none;border:0;color:#bcdae3;font-size:22px;width:30px;height:27px;padding:0}.dispatch-status button:hover{color:#fff}
.hq-agent{margin-top:20px;width:390px;max-width:100%;padding:13px 16px 11px;border:1px solid #b3c6ff33;border-radius:12px;background:linear-gradient(130deg,#172e41f0,#0c202fdc);pointer-events:auto}.agent-head{display:flex;align-items:center;gap:10px;font-size:14px;color:#dfebff}.agent-head .voice-wave{height:22px;transform:scale(.8);transform-origin:left center;width:23px;color:#c4c5ff}.agent-head small{margin-left:auto;font-size:10px;color:#90a4bf}.agent-choices{display:flex;gap:7px;margin-top:12px}.agent-choices button{padding:8px 10px;font-size:12px;background:#102536;border:1px solid #8397b94d;border-radius:5px;color:#abbdd1;flex:1}.agent-choices button[aria-pressed=true]{background:#263751;color:#e6ebff;border-color:#b3c6ff88}.agent-prompt{font-size:13px;color:#e5edff;line-height:1.35;margin-top:14px}.agent-status{font-size:12px;color:#a6e5d5;margin-top:6px;min-height:17px}.hq-agent .report-card{width:100%;margin-top:11px;padding:0;border:0;border-radius:0;background:none}.hq-agent .report-head{font-size:11px}.hq-agent .report-head strong{display:none}.hq-agent .report-head span{margin-left:auto}.hq-agent .report-tabs{margin:0 0 6px}.hq-agent .report-chart{height:43px}.hq-agent .report-foot{margin-top:6px}.agent-demo-note{font-size:9px;color:#7892a7;margin-top:9px;text-align:right}.hq-agent .report-foot small{display:none}.agent-tasks{list-style:none;margin:12px 0 0;padding:0;min-height:123px}.agent-tasks li{display:flex;gap:9px;align-items:center;padding:9px 0;border-top:1px solid #60799226;color:#8ea4ba;font-size:12px}.agent-tasks li:before{content:"○";color:#8394b5}.agent-tasks li.done{color:#d7eee6}.agent-tasks li.done:before{content:"✓";color:#78edc2}.agent-choices button:disabled{opacity:.7}.paused .voice-wave i{animation-play-state:paused}@keyframes voice-wave{from{transform:scaleY(.45);opacity:.6}to{transform:scaleY(1);opacity:1}}
@media(min-width:761px) and (max-height:850px){.stage:not([data-chapter="0"]) .brain{width:155px;height:136px;top:62px}.stage[data-chapter="4"] .copy,.stage[data-chapter="5"] .copy,.stage[data-chapter="6"] .copy{top:225px}.orders-copy h2,.delivery-copy h2,.hq-copy h2{font-size:40px}.orders-copy p,.delivery-copy p,.hq-copy p{font-size:14px}.channel-picker,.dispatch-panel,.hq-agent{margin-top:14px}.dispatch-panel{width:375px}.hq-agent{padding-top:11px}.agent-prompt{margin-top:10px}.hq-agent .report-chart{height:31px}}
@media(min-width:761px) and (max-height:700px){.stage:not([data-chapter="0"]) .brain{width:130px;height:113px;top:58px}.stage[data-chapter="4"] .copy,.stage[data-chapter="5"] .copy,.stage[data-chapter="6"] .copy{top:186px}.orders-copy h2,.delivery-copy h2,.hq-copy h2{font-size:34px;line-height:1.02;margin-bottom:10px}.orders-copy .eyebrow,.delivery-copy .eyebrow,.hq-copy .eyebrow{margin-bottom:10px}.channel-picker,.dispatch-panel,.hq-agent{margin-top:11px}.dispatch-panel{width:310px}.dispatch-head{padding:8px 12px}.voice-channel{min-height:48px;padding:6px 10px}.tool-channels button{min-height:30px;font-size:11px}.logo-chip{height:34px;padding:7px 10px}.channel-caption{font-size:11px;margin-top:8px}.hq-agent{width:355px;padding:9px 12px}.agent-choices{margin-top:8px}.agent-choices button{padding:6px 8px}.agent-prompt{font-size:11px;margin-top:8px}.agent-status{font-size:11px}.hq-agent .report-card{margin-top:5px}.hq-agent .report-chart{height:24px}.agent-demo-note{margin-top:5px}.agent-tasks{min-height:94px}.agent-tasks li{padding:7px 0}}
@media(max-width:760px){.stage[data-chapter="4"] .copy,.stage[data-chapter="5"] .copy,.stage[data-chapter="6"] .copy{top:23%;left:24px;right:24px;width:auto;max-width:none}.orders-copy h2,.delivery-copy h2,.hq-copy h2{font-size:32px;margin-bottom:11px}.orders-copy .eyebrow,.delivery-copy .eyebrow,.hq-copy .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:12px}.orders-copy p,.delivery-copy p,.hq-copy p{font-size:14px;max-width:320px}.channel-picker,.dispatch-panel,.hq-agent{margin-top:13px}.voice-channel{min-height:50px;padding:8px 10px}.voice-channel strong{font-size:14px}.voice-channel small{font-size:10px}.tool-channels{gap:5px;margin-top:6px}.tool-channels button{font-size:11px;min-height:33px}.marketplace-channels{margin-top:6px;gap:6px}.logo-chip{height:40px;padding:4px 8px}.channel-caption{font-size:11px;margin-top:8px;padding:3px 5px;border-radius:4px;background:#04111f99;width:fit-content}.dispatch-panel{width:320px}.dispatch-head{font-size:11px;padding:9px 12px}.dispatch-status{font-size:10px;padding:6px 8px 6px 12px;min-height:32px}.hq-agent{width:320px;padding:10px 12px}.agent-head{font-size:12px}.agent-head small{font-size:9px}.agent-choices{margin-top:9px}.agent-choices button{padding:7px 8px;font-size:12px}.agent-prompt{font-size:11px;margin-top:10px}.agent-status{font-size:10px;margin-top:5px}.hq-agent .report-card{margin-top:7px}.hq-agent .report-chart{height:29px}.hq-agent .report-foot{font-size:9px}.agent-demo-note{margin-top:5px;font-size:8px}.agent-tasks{min-height:112px}.agent-tasks li{font-size:11px;padding:8px 0}}
@media(max-width:760px) and (max-height:740px){.stage[data-chapter="4"] .copy,.stage[data-chapter="5"] .copy,.stage[data-chapter="6"] .copy{top:177px}.orders-copy h2,.delivery-copy h2,.hq-copy h2{font-size:27px}.orders-copy p,.delivery-copy p,.hq-copy p{font-size:12px}.voice-channel{min-height:42px;padding:5px 8px}.voice-channel strong{font-size:12px}.voice-channel small{font-size:9px}.tool-channels button{min-height:28px}.logo-chip{height:30px;padding:6px 8px}.dispatch-panel{width:275px}.dispatch-head{padding:7px 10px}.dispatch-status{font-size:9px}.hq-agent{padding:8px 11px}.hq-agent .report-head{display:none}.hq-agent .report-chart{height:22px}.agent-prompt{margin-top:8px}.agent-tasks{min-height:86px}.agent-tasks li{padding:5px 0}.hq-agent .report-days{padding-top:3px}.agent-demo-note{margin-top:4px}}

/* The opening keeps the brain above the copy and reveals every connected operation. */
.stage[data-chapter="0"] .copy{top:max(275px,32%);width:47%;max-width:710px}
.stage[data-chapter="0"] h1{font-size:clamp(38px,4.25vw,70px);line-height:1.1;letter-spacing:-.045em;margin-bottom:23px;white-space:nowrap}
.stage[data-chapter="0"] .eyebrow{margin-bottom:19px}
.stage[data-chapter="0"] .chapter p{max-width:350px;font-size:17px}
.intro-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px;pointer-events:auto}
.contact-action{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 21px;border:1px solid #91ffee66;border-radius:6px;background:#57ead7;color:#062323;font-size:15px;font-weight:600;text-decoration:none;pointer-events:auto;transition:background .2s,box-shadow .2s}
.contact-action:hover{background:#a5ffee;box-shadow:0 8px 35px #57ead730}.contact-action span{font-size:20px;font-weight:400}.closing-contact{margin-top:28px}
.stage[data-chapter="0"] .intro-action{position:static;margin:0;padding:13px 0;border:0;border-radius:0;background:none;color:#d6eceb;font-size:14px;font-weight:400;box-shadow:none;gap:12px}
.stage[data-chapter="0"] .intro-action span{color:#57ead7;font-size:19px}.stage[data-chapter="0"] .intro-action:hover{background:none;color:white;box-shadow:none}
.stage[data-chapter="0"] .connection{opacity:.29;stroke-width:1.25;filter:drop-shadow(0 0 4px #57ead733)}
.stage[data-chapter="0"] .binary{font-size:11px;fill:#72dfd0;opacity:.65}
.stage[data-chapter="0"] .target-label{opacity:1;font-size:12px;padding:6px 8px}
.stage[data-chapter="0"] .target{width:28px;height:28px}.stage[data-chapter="0"] .target .heart{font-size:19px}
.opening-wash{background:linear-gradient(90deg,#04111f 2%,#04111ff5 30%,#04111f55 48%,transparent 66%),linear-gradient(180deg,#04111f 0%,#04111fa6 12%,transparent 27%,transparent 78%,#04111f 100%)}
.stock-copy p{max-width:360px;font-size:16px}.stock-insights{margin-top:24px;max-width:360px;display:grid;gap:18px}.stock-insights>div{display:flex;gap:13px;align-items:center}.stock-insight-mark{display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid #76efd038;border-radius:7px;color:#76efd0;font-size:17px;font-weight:400}.stock-insights strong{font-size:15px;font-weight:550;color:#e6f6f2}.stock-insights small{display:block;font-size:13px;line-height:1.4;color:#9ebdc5;margin-top:4px}
@media(min-width:761px) and (max-height:740px){.stage[data-chapter="0"] .copy{top:32%}.stage[data-chapter="0"] h1{font-size:clamp(36px,4vw,56px)}.stage[data-chapter="0"] .eyebrow{margin-bottom:13px}.stage[data-chapter="0"] .intro-actions{margin-top:21px}.stage[data-chapter="1"] .copy{top:27%}.stock-copy h2{font-size:42px;margin-bottom:17px}.stock-copy .eyebrow{margin-bottom:15px}.stock-insights{gap:13px;margin-top:18px}}
@media(max-width:760px){
 .stage[data-chapter="0"] .copy{top:210px;width:auto;left:24px;right:24px;max-width:none}
 .stage[data-chapter="0"] h1{font-size:clamp(27px,7.55vw,40px);margin-bottom:13px;line-height:1.09;letter-spacing:-.04em}
 .stage[data-chapter="0"] .eyebrow{display:none}
 .stage[data-chapter="0"] .chapter p{font-size:14px;line-height:1.4;max-width:290px}
 .intro-actions{gap:17px;margin-top:18px;flex-wrap:nowrap}.contact-action{padding:12px 15px;gap:17px;font-size:13px}.contact-action span{font-size:17px}
 .stage[data-chapter="0"] .intro-action{font-size:12px;gap:7px;padding:12px 0;white-space:nowrap}
 .stage[data-chapter="0"] .target{width:24px;height:24px}.stage[data-chapter="0"] .target-label{opacity:0}.stage[data-chapter="0"] .target:hover .target-label,.stage[data-chapter="0"] .target:focus-visible .target-label{opacity:1}
 .stage[data-chapter="0"] .connection{opacity:.20}.stage[data-chapter="0"] .binary{display:none}
 .opening-wash{background:linear-gradient(180deg,#04111f 0%,#04111f 41%,#04111f88 49%,transparent 62%,transparent 82%,#04111f 100%)}
 .stage[data-chapter="1"] .floor-note{display:none}.stock-copy p{max-width:320px;font-size:14px}.stock-insights{max-width:320px;gap:12px;margin-top:18px}.stock-insight-mark{width:25px;height:25px;font-size:15px}.stock-insights strong{font-size:14px}.stock-insights small{font-size:12px;margin-top:3px}
}
@media(max-width:760px) and (max-height:740px){.stage[data-chapter="0"] .brain{top:62px;width:120px;height:110px}.stage[data-chapter="0"] .copy{top:183px}.stage[data-chapter="0"] h1{font-size:clamp(26px,7.5vw,32px)}.stage[data-chapter="0"] .intro-actions{margin-top:15px}.stage[data-chapter="1"] .copy{top:177px}.stock-copy h2{font-size:30px}.stock-copy p{font-size:13px}.stock-insights{gap:9px;margin-top:13px}.stock-insights small{font-size:11px}.stock-insights strong{font-size:13px}}


/* Staff app and staffing forecast */
.stage[data-chapter="3"] .copy{left:calc(5.5% + 306px);top:31%;width:27%;max-width:375px}.staff-copy h2{font-size:clamp(35px,3.25vw,51px);margin-bottom:19px}.staff-copy .eyebrow{font-size:11px;letter-spacing:.13em;margin-bottom:17px}.staff-copy p{font-size:16px;line-height:1.5;max-width:290px}.stage[data-chapter="3"] .floor-note{display:none}
.staff-forecast{margin-top:29px;padding-top:21px;border-top:1px solid #bcb5ea38;max-width:235px}.staff-forecast>span{font-size:13px;color:#aeaec9}.staff-forecast>strong{display:block;margin-top:7px;font-size:27px;letter-spacing:-.04em;font-weight:500;color:#e7e2ff}.forecast-slots{display:flex;gap:5px;margin:15px 0 10px}.forecast-slots i{display:block;width:35px;height:5px;border-radius:4px;background:#615776}.forecast-slots i.confirmed{background:#76efd0;box-shadow:0 0 10px #76efd024}.staff-forecast #staff-team-status{font-size:14px;color:#bfd4d9}.staff-forecast small{display:block;font-size:11px;color:#73959f;margin-top:8px}
.staff-app{position:absolute;z-index:17;left:5.5%;top:31%;width:254px;pointer-events:auto;animation:staff-appear .55s ease-out}.staff-app[hidden]{display:none}.staff-switch{display:flex;gap:6px;padding:0 17px;justify-content:center;margin-bottom:13px}.staff-switch button{color:#afbacd;background:#122739e6;border:1px solid #4e617c88;border-radius:20px;min-width:77px;padding:7px 14px;font-size:14px}.staff-switch button[aria-pressed=true]{background:#d6cbff;border-color:#d6cbff;color:#241d40}.staff-switch button:hover{border-color:#d6cbff}
.staff-phone{height:447px;border:5px solid #25323b;border-radius:37px;background:#f4f8f7;color:#15312d;box-shadow:0 0 0 1px #7c8b9699,0 26px 50px #0008,0 0 46px #b6a0ff14;position:relative;overflow:hidden}.phone-status{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px;font-weight:700;position:relative}.phone-island{display:block;position:absolute;left:50%;top:7px;transform:translateX(-50%);width:65px;height:18px;border-radius:12px;background:#152124}.phone-screen{padding:6px 17px 0}.staff-app-brand{font-size:22px;font-weight:700;letter-spacing:-1px;color:#158b7a}.staff-app-brand>span{color:#183b35}.staff-app-brand small{float:right;margin-top:9px;font-size:9px;letter-spacing:.15em;font-weight:600;color:#74948a}.staff-person{display:flex;gap:10px;align-items:center;margin-top:18px}.staff-person>span{width:34px;height:34px;flex:none;display:grid;place-items:center;background:#e3dff2;border:1px solid #d6cfeb;border-radius:50%;color:#615480;font-size:11px;font-weight:600}.staff-person small{display:block;color:#648377;font-size:11px;margin-bottom:4px}.staff-person strong{display:block;font-size:16px;font-weight:600;letter-spacing:-.025em}.staff-week{display:flex;justify-content:space-between;gap:2px;margin-top:20px}.staff-week>span{flex:1;text-align:center;color:#7e958c;font-size:9px;padding:5px 0 6px;border-radius:8px}.staff-week b{display:block;font-size:13px;font-weight:600;margin-top:5px;color:#4b635c}.staff-week .selected{background:#d7f4ed;color:#176c5c}.staff-week .selected b{color:#155c50}
.staff-shift{margin-top:16px;border:1px solid #b8d9ce;background:white;border-radius:13px;padding:13px 12px 11px;box-shadow:0 5px 15px #1b57420a}.shift-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.06em;font-weight:650;color:#729185}.shift-top span:last-child{color:#875eac}.staff-shift>strong{display:block;font-size:21px;letter-spacing:-.04em;margin-top:10px;font-weight:650}.staff-shift>span{display:block;font-size:12px;color:#4d6f61;margin-top:5px}.shift-location{font-size:9px;color:#8a9b94;margin-top:5px}#accept-shift{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:14px;padding:11px 12px;border:0;border-radius:7px;background:#155e52;color:white;font-size:14px;font-weight:600;transition:background .2s}#accept-shift:hover{background:#107f69}#accept-shift:disabled{background:#d8f0e6;color:#256654}.staff-next{margin:13px 1px 0;display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:10px;color:#6c867b}.staff-next strong{margin-left:auto;font-size:11px;font-weight:600;color:#577064}.staff-next small{width:100%;text-align:right;font-size:9px;color:#819589}.staff-app-feedback{margin-top:10px;text-align:center;font-size:10px;color:#6b867c}.phone-home{position:absolute;bottom:7px;width:75px;height:4px;background:#344d44;border-radius:4px;left:50%;transform:translateX(-50%)}.staff-demo-note{text-align:center;font-size:12px;color:#8facb9;margin-top:14px}.staff-app-connection{fill:none;stroke:#c3b8ff;stroke-width:1.6;stroke-linecap:round;opacity:.6;filter:drop-shadow(0 0 5px #c3b8ff44)}
.stage[data-chapter="3"] .target{width:23px;height:23px;background:#111f3433;box-shadow:0 0 0 1px #c3b8ff66}.stage[data-chapter="3"] .target.staff-selected{box-shadow:0 0 0 2px #dfd4ff,0 0 22px #c3b8ff66;background:#4c416144}.stage[data-chapter="3"] .target-label{top:calc(100% + 10px);left:50%;right:auto;transform:translateX(-50%);font-size:12px}.stage[data-chapter="3"] .connection{stroke-width:1.5}.stage[data-chapter="3"] .target-label{background:#091828ed}.stage[data-chapter="3"] .target .dot{width:4px;height:4px}
@media(min-width:761px){.stage[data-chapter="3"] .atmosphere{background:linear-gradient(90deg,#04111f 1%,#04111ff5 29%,#04111fbb 44%,#04111f33 57%,transparent 69%),linear-gradient(0deg,#04111fee 0%,transparent 17%,transparent 66%,#04111fbb 89%,#04111f 100%)}}
@keyframes staff-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px) and (max-height:790px){.stage[data-chapter="3"] .copy{top:27%;left:calc(5.5% + 272px)}.staff-copy h2{font-size:39px}.staff-copy p{font-size:15px}.staff-app{top:25%;width:226px}.staff-phone{height:405px}.staff-person{margin-top:13px}.staff-week{margin-top:13px}.staff-shift{margin-top:11px;padding:11px 10px}.staff-next{margin-top:9px}.staff-app-feedback{margin-top:8px}.staff-forecast{margin-top:20px;padding-top:17px}.staff-demo-note{margin-top:9px}}
@media(max-width:1000px) and (min-width:761px){.staff-app{left:4%;width:215px}.staff-phone{height:410px}.stage[data-chapter="3"] .copy{left:calc(4% + 245px);width:31%}.staff-copy h2{font-size:34px}.staff-copy p{font-size:14px}.staff-person{margin-top:12px}.staff-week{margin-top:14px}.staff-shift{margin-top:12px}.staff-shift>strong{font-size:19px}.shift-location{font-size:8px}}
@media(max-width:760px){.stage[data-chapter="3"] .copy{left:24px;right:24px;top:23%;width:auto;max-width:none}.staff-copy .eyebrow{font-size:10px;margin-bottom:12px}.staff-copy h2{font-size:31px;margin-bottom:11px}.staff-copy p{font-size:13px;max-width:310px;line-height:1.4}.staff-forecast{position:absolute;left:205px;top:177px;max-width:130px;width:130px;border:0;margin:0;padding:0}.staff-forecast>span{font-size:10px}.staff-forecast>strong{font-size:21px;margin-top:5px}.forecast-slots{margin:10px 0 7px;gap:3px}.forecast-slots i{width:21px;height:4px}.staff-forecast #staff-team-status{font-size:11px;line-height:1.35}.staff-forecast small{font-size:9px;margin-top:6px}.staff-app{top:calc(23% + 160px);left:24px;width:188px}.staff-switch{gap:5px;margin-bottom:9px;padding:0}.staff-switch button{min-width:65px;padding:5px 10px;font-size:12px}.staff-phone{height:350px;border-width:4px;border-radius:29px}.phone-status{height:27px;padding:0 13px;font-size:8px}.phone-island{width:52px;height:15px;top:5px}.phone-screen{padding:3px 11px 0}.staff-app-brand{font-size:18px}.staff-app-brand small{font-size:7px;margin-top:7px}.staff-person{margin-top:12px;gap:7px}.staff-person>span{width:27px;height:27px;font-size:9px}.staff-person small{font-size:9px;margin-bottom:3px}.staff-person strong{font-size:14px}.staff-week{margin-top:12px}.staff-week>span{font-size:8px;padding:4px 0}.staff-week b{font-size:10px;margin-top:3px}.staff-shift{margin-top:10px;padding:10px 8px 9px;border-radius:10px}.shift-top{font-size:7px}.staff-shift>strong{font-size:18px;margin-top:8px}.staff-shift>span{font-size:11px}.shift-location{display:none}#accept-shift{font-size:12px;padding:9px;margin-top:12px}.staff-next{font-size:9px;margin-top:10px}.staff-next strong{font-size:9px}.staff-next small{font-size:8px}.staff-app-feedback{font-size:9px;margin-top:7px}.phone-home{width:60px;height:3px;bottom:5px}.staff-demo-note{font-size:10px;margin-top:10px}.stage[data-chapter="3"] .target{width:19px;height:19px}.stage[data-chapter="3"] .target-label{font-size:10px;padding:5px 7px;top:calc(100% + 8px)}.staff-app-connection{opacity:.30}.stage[data-chapter="3"] .atmosphere{background:linear-gradient(180deg,#04111f 0%,#04111fed 30%,#04111fba 40%,#04111f11 62%,transparent 74%,#04111f 100%),linear-gradient(90deg,#04111f77,transparent 75%)}
}
@media(max-width:760px){.staff-forecast{width:145px;max-width:145px;padding:8px;background:#061624d9;border-radius:8px}.staff-forecast>strong{font-size:19px}.staff-demo-note{display:none}}
@media(max-width:760px) and (max-height:740px){.stage[data-chapter="3"] .copy{top:177px}.staff-copy .eyebrow{margin-bottom:9px}.staff-copy h2{font-size:27px;margin-bottom:9px}.staff-copy p{font-size:12px}.staff-app{top:313px;width:167px}.staff-switch{margin-bottom:6px}.staff-switch button{font-size:11px;padding:4px 9px;min-width:62px}.staff-phone{height:236px;border-radius:25px}.staff-person{margin-top:9px}.staff-person>span{display:none}.staff-person small{display:none}.staff-week,.staff-next,.staff-app-feedback{display:none}.staff-shift{margin-top:12px}.staff-shift>strong{font-size:17px}.staff-shift>span{font-size:10px}.staff-app-brand{font-size:16px}.staff-person strong{font-size:13px}.phone-screen{padding:3px 10px 0}.staff-demo-note{display:none}.staff-forecast{left:181px;top:137px;width:135px;max-width:135px}.staff-forecast>strong{font-size:19px}.staff-forecast small{font-size:8px}.staff-forecast #staff-team-status{font-size:10px}}


/* Live content is mapped onto the physical screens in the restaurant. */
#restaurant-displays{position:absolute;inset:0;pointer-events:none}.restaurant-display{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:#071219;backface-visibility:hidden;isolation:isolate;filter:brightness(.92);opacity:0;transition:opacity 1s}.restaurant-display[data-phase="1"],.restaurant-display[data-phase="2"]{opacity:1}.display-state{position:absolute;inset:0;overflow:hidden;transition:opacity 1s;opacity:0}.restaurant-display[data-phase="1"] .display-offer,.restaurant-display[data-phase="2"] .display-menu{opacity:1}.display-state .display-food{position:absolute;overflow:hidden;inset:0}.display-food img{position:absolute;max-width:none;object-fit:fill;display:block}.display-offer .display-food,.display-menu .display-food{left:36%}.display-state:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#073e36 2%,#073e36f5 34%,#073e3666 58%,transparent 86%);z-index:1}.display-state.display-menu:after{background:linear-gradient(90deg,#101a2d 5%,#101a2ded 35%,#101a2d44 64%,transparent 87%)}.display-offer-copy{position:absolute;z-index:2;inset:14px auto 12px 17px;width:55%;display:flex;flex-direction:column;justify-content:center}.display-offer-copy small{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#aaffd8;font-weight:600}.display-offer-copy strong{font-size:34px;line-height:.98;letter-spacing:-.035em;font-weight:650;margin-top:8px;color:#fff}.display-offer-copy span{font-size:12px;line-height:1.15;margin-top:8px;color:#d0e6e0}.display-menu .display-offer-copy small{color:#c9c1ff}.display-menu .display-offer-copy strong{font-size:36px}.display-menu .display-offer-copy span{color:#c7d6e5}
.kiosk-display{background:#f5f4f0}.kiosk-display .display-state{padding:16px 12px;background:#f5f4f0;color:#17241f}.kiosk-display .display-state:after{display:none}.kiosk-brand{font-size:20px;font-weight:700;letter-spacing:-1px;color:#207867;margin:3px 0 12px}.kiosk-menu h3{margin:0 0 10px;font-size:23px;font-weight:650;line-height:1.05;letter-spacing:-.05em}.kiosk-item{position:relative;height:107px;margin:7px 0;border-radius:7px;overflow:hidden;background:#171b22}.kiosk-item .display-food{inset:0}.kiosk-item strong{position:absolute;z-index:2;inset:auto 0 0;padding:14px 9px 7px;font-size:17px;color:#fff;background:linear-gradient(transparent,#071316e6)}.kiosk-footer{position:absolute;bottom:16px;left:12px;right:12px;border-radius:6px;padding:9px;background:#176e5b;color:white;text-align:center;font-size:15px;font-weight:650}.kiosk-display .kiosk-offer{background:#143c32;color:white}.kiosk-offer .kiosk-brand{color:#9ffff0}.kiosk-offer .kiosk-offer-label{display:block;font-size:12px;letter-spacing:.1em;color:#b7dbc6;margin-top:25px}.kiosk-offer h3{font-size:36px;line-height:1;letter-spacing:-.05em;margin:10px 0 15px;font-weight:600}.kiosk-offer .display-food{position:absolute;inset:205px 0 55px}.kiosk-offer p{font-size:15px;margin:0;line-height:1.25;color:#dcece0}.kiosk-offer .kiosk-footer{background:#b5efcf;color:#173d2e}
.paused .restaurant-display,.paused .display-state{transition:none}


/* Stock and kitchen: concise copy with the working tools in view. */
.stage[data-chapter="1"] .copy{top:29%;width:37%;max-width:510px}.stock-copy h2{font-size:clamp(39px,3.9vw,60px);line-height:1.07;margin-bottom:24px}.stock-copy .eyebrow{margin-bottom:17px}.forecast-preview{display:block;width:390px;max-width:100%;padding:0;overflow:hidden;border:1px solid #79cfc75c;border-radius:10px;background:#0b2230;text-align:left;pointer-events:auto;box-shadow:0 18px 40px #0004;transition:box-shadow .2s,border-color .2s}.forecast-preview:hover{border-color:#76efd0;box-shadow:0 14px 40px #76efd01a}.forecast-preview img{display:block;width:100%;height:auto;max-height:24svh;object-fit:contain;background:white}.forecast-preview>span{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;color:#cee9e4;font-size:13px}.forecast-preview b{color:#76efd0;font-size:18px;font-weight:400}.stage[data-chapter="1"] .floor-note,.stage[data-chapter="2"] .floor-note{display:none}
#forecast-dialog{width:min(94vw,1440px);max-width:94vw;padding:17px;border:1px solid #65bcb873;border-radius:13px;background:#081d29;color:#e5fbf6;box-shadow:0 20px 100px #000b}#forecast-dialog::backdrop{background:#020c13d9;backdrop-filter:blur(6px)}.forecast-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;font-size:17px}.forecast-dialog-head strong{font-weight:550}.forecast-dialog-head button{border:1px solid #4f777d;background:#13303b;border-radius:6px;color:#dcf9f5;padding:8px 12px;font-size:14px}.forecast-dialog-head button span{font-size:19px;margin-left:7px}#forecast-dialog>img{display:block;width:100%;height:auto;max-height:79svh;object-fit:contain;border-radius:5px;background:white}
.stage[data-chapter="2"] .copy{top:30%;width:39%;max-width:530px}.kitchen-copy h2{font-size:clamp(36px,3.65vw,56px);line-height:1.13;margin-bottom:25px}.kitchen-copy .eyebrow{margin-bottom:18px}.kitchen-order-buttons{display:flex;gap:10px;pointer-events:auto;flex-wrap:wrap}.kitchen-order-buttons button{border:1px solid #956f555c;border-radius:6px;padding:12px 15px;font-size:14px;color:#dbd5d2;background:#10242edd;display:flex;gap:22px;align-items:center}.kitchen-order-buttons button[aria-pressed=true]{border-color:#ffca98;color:#fff4e4;background:#493b2abf}.kitchen-order-buttons button:hover{border-color:#ffca98}.kitchen-order-buttons span{color:#ffca98}.kitchen-routing-status{font-size:13px;color:#b9c7c9;margin-top:15px;min-height:20px}.stage[data-chapter="2"] .target{width:14px;height:14px;background:transparent;box-shadow:0 0 0 1px #ffca9866}.stage[data-chapter="2"] .target .dot{width:4px;height:4px}.stage[data-chapter="2"] .target-label{font-size:12px;top:calc(100% + 11px);left:50%;right:auto;transform:translateX(-50%)}
#kitchen-displays{position:absolute;inset:0;pointer-events:none}.kds-display{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:#0b1a23;border:3px solid #203742;border-radius:4px;color:#e5fbf5;backface-visibility:hidden}.kds-header{height:47px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;border-bottom:1px solid #355d65;color:#84e2c6}.kds-header strong{font-size:29px;font-weight:650;letter-spacing:.02em}.kds-header span{font-size:17px;color:#729da4}.kds-ticket{margin:12px;padding:13px;background:#15322f;border:1px solid #3e7761;border-radius:5px}.kds-ticket-top{display:flex;justify-content:space-between;align-items:center;font-size:19px;color:#aee4d2;font-weight:600}.kds-ticket-top span{font-size:16px;letter-spacing:.04em;color:#ffce90}.kds-ticket>strong{display:block;font-size:30px;line-height:1.05;margin:15px 0 9px;letter-spacing:-.03em}.kds-ticket>small{font-size:18px;color:#91b7ad}.kds-progress{display:flex;gap:5px;margin-top:13px}.kds-progress i{height:5px;background:#315b55;flex:1;border-radius:2px}.kds-display[data-state="new"] .kds-progress i:first-child,.kds-display[data-state="preparing"] .kds-progress i:nth-child(-n+2),.kds-display[data-state="ready"] .kds-progress i{background:#70dfb1}.kds-display[data-state="ready"] .kds-ticket-top span{color:#7ff2b9}.kds-display[data-state="preparing"] .kds-ticket{background:#342c1e;border-color:#8b683a}.kds-display[data-state="preparing"] .kds-ticket-top span{color:#ffe0ad}
@media(min-width:761px) and (max-height:740px){.stage[data-chapter="1"] .copy,.stage[data-chapter="2"] .copy{top:28%}.stock-copy h2{font-size:40px;margin-bottom:18px}.stock-copy .eyebrow,.kitchen-copy .eyebrow{margin-bottom:12px}.forecast-preview{width:340px}.forecast-preview>span{padding:7px 11px;font-size:12px}.kitchen-copy h2{font-size:39px;margin-bottom:22px}.kitchen-order-buttons button{font-size:13px;padding:10px 12px}}
@media(max-width:760px){.stage[data-chapter="1"] .copy{top:23%;left:24px;right:24px;width:auto;max-width:none}.stock-copy h2{font-size:clamp(30px,8vw,38px);line-height:1.04;margin-bottom:16px}.stock-copy .eyebrow{font-size:10px;margin-bottom:12px}.forecast-preview{width:270px;max-width:85%}.forecast-preview img{max-height:18svh}.forecast-preview>span{font-size:11px;padding:7px 10px}.forecast-preview b{font-size:16px}.stage[data-chapter="2"] .copy{top:23%;left:24px;right:20px;width:auto;max-width:none}.kitchen-copy h2{font-size:30px;line-height:1.09;margin-bottom:18px}.kitchen-copy .eyebrow{font-size:10px;margin-bottom:12px}.kitchen-order-buttons{gap:8px}.kitchen-order-buttons button{font-size:12px;padding:9px 11px;gap:14px}.kitchen-routing-status{font-size:11px;margin-top:10px}.stage[data-chapter="2"] .target{width:12px;height:12px}.stage[data-chapter="2"] .target .dot{width:3px;height:3px}.stage[data-chapter="2"] .target-label{font-size:10px;padding:5px 7px}.forecast-dialog-head{font-size:14px}#forecast-dialog{padding:11px}.forecast-dialog-head button{font-size:12px;padding:6px 8px}.stage[data-chapter="1"] .atmosphere{background:linear-gradient(180deg,#04111f 0%,#04111ff0 39%,#04111faa 51%,transparent 64%,transparent 78%,#04111f 100%)} }
@media(max-width:760px) and (max-height:740px){.stage[data-chapter="1"] .copy,.stage[data-chapter="2"] .copy{top:177px}.stock-copy h2{font-size:27px;margin-bottom:12px}.forecast-preview{width:220px}.forecast-preview img{max-height:17svh}.forecast-preview>span{padding:5px 9px;font-size:10px}.stock-copy .eyebrow,.kitchen-copy .eyebrow{margin-bottom:10px}.kitchen-copy h2{font-size:27px;margin-bottom:13px}.kitchen-order-buttons button{padding:8px 10px;font-size:11px}.kitchen-routing-status{font-size:10px;margin-top:8px}}

/* Item-level kitchen routing and product-level stock movements. */
.kitchen-meal{width:330px;max-width:100%;border:1px solid #6dcaba4a;border-radius:10px;background:linear-gradient(145deg,#15343bcc,#071a27eb);overflow:hidden;pointer-events:auto}.kitchen-meal-head{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;color:#d3f3e8;font-size:13px;border-bottom:1px solid #72baa41f}.kitchen-meal-head strong{font-weight:550}.kitchen-meal-head>span{color:#7cb8b1;font-size:11px}.kitchen-meal-items{display:grid;grid-template-columns:1fr 1fr;padding:10px 12px 12px;gap:12px}.kitchen-meal-items>div{display:flex;align-items:center;flex-direction:column}.meal-photo{display:block;width:100px;height:70px;filter:drop-shadow(0 5px 10px #0006)}.meal-photo svg{display:block;width:100%;height:100%}.kitchen-meal-items strong{font-size:13px;font-weight:550;margin-top:5px}.kitchen-meal-items small{font-size:11px;color:#7ba9a5;margin-top:4px}.kitchen-meal-items>div:last-child small{color:#b6abdf}.kitchen-meal-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 15px;border-top:1px solid #74c0af29;background:#0d2a3244}.kitchen-meal-footer button{background:none;border:0;color:#9effdb;font-size:13px;padding:4px 0;display:flex;gap:18px;align-items:center}.kitchen-meal-footer button:hover{color:white}.kitchen-meal-footer button span{font-size:18px}.kitchen-meal-footer>span{font-size:10px;color:#6c999b}.kitchen-routing-status{font-size:12px;color:#9edac8;margin-top:13px}.stage[data-chapter="2"] .target{box-shadow:0 0 0 1px #a6ffe499}.stage[data-chapter="2"] .target-label{background:#071c2af2;border:1px solid #4b8c83;padding:7px 10px;font-size:12px}.stage[data-chapter="2"] .target[data-target="kitchen"]{color:#c7b7ff}.stage[data-chapter="2"] .target[data-target="kitchen"] .target-label{border-color:#9688cc}.stage[data-chapter="2"] .kitchen-copy h2{margin-bottom:20px}
.item-flow-line{fill:none;stroke:#70edc7;stroke-width:1.8;stroke-linecap:round;filter:drop-shadow(0 0 4px #73ffd34d)}.item-flow-line.sides-line{stroke:#bca4ff;filter:drop-shadow(0 0 5px #bba4ff44)}.item-packet-box{fill:#082330;stroke:#8becd1;stroke-width:1}.item-packet-title{fill:#edfff5;font:600 12px Inter,Arial,sans-serif}.item-packet-sub{fill:#8fbfb7;font:10px Inter,Arial,sans-serif}.item-arrival{fill:#d9fff0;stroke:#6affc3;stroke-width:1.5}.stock-usage-line{stroke:#c3b4ff}.stock-packet-title{fill:#b9a9e9;font:600 10px Inter,Arial,sans-serif;letter-spacing:.06em}.stock-packet-label{fill:#edfff8;font:550 14px Inter,Arial,sans-serif}.stock-order-title{fill:#8bffcf}.kds-ticket{position:relative}.kds-item-photo{position:absolute;right:8px;top:42px;width:87px;height:87px}.kds-item-photo svg{width:100%;height:100%}.kds-ticket>strong{max-width:265px;font-size:28px}.kds-ticket>small{font-size:15px}.brain.is-routing:before{opacity:1!important;filter:blur(14px) brightness(1.4)}.brain.is-routing img{filter:drop-shadow(0 0 30px #71ffd6)!important}
@media(min-width:761px) and (max-height:740px){.kitchen-meal{width:300px}.kitchen-meal-head{padding:9px 12px}.meal-photo{height:53px;width:80px}.kitchen-meal-items{padding:7px 10px 9px}.kitchen-meal-items strong{font-size:12px}.kitchen-meal-footer{padding:5px 12px}.kitchen-routing-status{margin-top:10px;font-size:11px}}
@media(max-width:760px){.stage[data-chapter="2"] .copy{top:173px}.kitchen-copy h2{font-size:28px;line-height:1.08}.stage[data-chapter="2"] .kitchen-copy h2{margin-bottom:14px}.kitchen-meal{width:278px}.kitchen-meal-head{padding:8px 11px;font-size:11px}.kitchen-meal-head>span{font-size:10px}.kitchen-meal-items{padding:7px 9px 8px;gap:8px}.meal-photo{width:74px;height:48px}.kitchen-meal-items strong{font-size:11px;margin-top:3px}.kitchen-meal-items small{font-size:9px;margin-top:3px}.kitchen-meal-footer{padding:4px 11px}.kitchen-meal-footer button{font-size:11px;gap:12px}.kitchen-meal-footer>span{font-size:9px}.kitchen-routing-status{font-size:10px;margin-top:9px}.stage[data-chapter="2"] .target-label{font-size:10px;padding:5px 7px}.item-packet-title{font-size:12px}.item-packet-sub{font-size:9px}.stock-packet-label{font-size:13px}}
@media(max-width:760px) and (max-height:740px){.stage[data-chapter="2"] .copy{top:154px}.stage[data-chapter="2"] .brain{width:119px;height:106px;top:68px}.stage[data-chapter="2"] .brain-name{font-size:18px;bottom:15px}.kitchen-copy h2{font-size:25px}.kitchen-copy .eyebrow{margin-bottom:8px}.stage[data-chapter="2"] .kitchen-copy h2{margin-bottom:12px}.kitchen-meal{width:252px}.meal-photo{height:40px;width:68px}.kitchen-meal-head{padding:6px 10px}.kitchen-meal-items{padding:5px 8px 7px}.kitchen-meal-items small{display:none}.kitchen-meal-footer{padding:3px 10px}.kitchen-routing-status{font-size:9px;margin-top:8px}}

/* An order is received, consolidated by Menu Manager, and routed to its kitchen screen. */
.channel-tour-controls{display:flex;align-items:center;gap:12px;width:380px;max-width:100%;margin-top:16px;pointer-events:auto;color:#779caa;font-size:11px}.channel-tour-controls button{display:flex;gap:7px;align-items:center;border:0;background:none;color:#a5d4ce;font-size:12px;white-space:nowrap;padding:5px 0}.channel-tour-controls button:hover{color:white}#channel-tour-symbol{font-size:14px;color:#8af5d8}.channel-tour-track{height:2px;flex:1;background:#254d50;overflow:hidden;border-radius:3px}.channel-tour-track i{display:block;width:0;height:100%;background:#67efd0;box-shadow:0 0 10px #62ffd866}
.order-ticket{position:absolute;z-index:16;left:46%;top:57%;width:280px;border:1px solid #77d6c66b;border-radius:12px;background:linear-gradient(145deg,#0d2b38f5,#061c29f5);box-shadow:0 16px 55px #0008,0 0 35px #36dbc51c;color:#e3f8f4;overflow:hidden;pointer-events:none;backdrop-filter:blur(14px);transform:translateY(var(--ticket-shift,0px));opacity:var(--ticket-opacity,1)}.order-ticket[hidden]{display:none}.ticket-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px 12px;border-bottom:1px solid #639b9b30}.ticket-source{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:#bdffeb;min-width:0}.ticket-source img{display:block;width:110px;height:30px;object-fit:contain;object-position:left center}.ticket-source[data-channel="justeat"]{background:#fff2e6;border-radius:5px;padding:3px 7px}.ticket-source[data-channel="justeat"] img{width:98px;height:24px}.ticket-source .voice-wave{transform:scale(.72);width:22px;transform-origin:left center}.ticket-number{text-align:right;white-space:nowrap}.ticket-number strong{display:block;font-size:13px;font-weight:500;color:#d7ece7}.ticket-number span{display:block;font-size:10px;color:#8bacb4;margin-top:4px}.ticket-items{list-style:none;margin:0;padding:12px 16px 9px;display:grid;gap:8px}.ticket-items li{display:flex;align-items:baseline;gap:10px;font-size:14px;line-height:1.25}.ticket-items li b{font-weight:500;color:#6dd9c0;width:22px;flex:none}.ticket-note{margin:0 16px 12px;font-size:11px;color:#8fd4c3;line-height:1.25;min-height:14px}.ticket-route{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:0 16px;padding:11px 0;border-top:1px dashed #5f999b55;font-size:10px;color:#678a96}.ticket-route span{white-space:nowrap}.ticket-route i{font-style:normal;color:#426b73}.ticket-route .reached{color:#a2f2d9}.ticket-route .current{color:#effff8;text-shadow:0 0 9px #8affdd55}.ticket-status{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;background:#6bcfb20a;color:#afd9cc;font-size:11px}.ticket-status small{font-size:9px;color:#5f8992;white-space:nowrap}.order-kitchen-path{stroke:#9bffcb;stroke-width:1.8;fill:none;filter:drop-shadow(0 0 5px #57ead766)}.order-arrival{fill:#d1ffe6;stroke:#84f6c9;stroke-width:1.5}.stage[data-chapter="4"] .target[data-target="pos"] .target-label{color:#c2ffea}.stage[data-chapter="4"] .target[data-target="pos"]{transition:box-shadow .3s}
@media(min-width:761px) and (max-height:740px){.order-ticket{top:53%;width:260px}.ticket-header{padding:10px 14px}.ticket-items{padding:10px 14px 8px;gap:6px}.ticket-items li{font-size:13px}.ticket-note{margin:0 14px 9px;font-size:10px}.ticket-route{padding:8px 0;margin:0 14px}.ticket-status{padding:7px 14px;font-size:10px}.channel-tour-controls{margin-top:8px}}
@media(max-width:760px){.stage[data-chapter="4"] .copy{top:112px}.stage[data-chapter="4"] .brain{width:105px;height:94px;top:76px}.stage[data-chapter="4"] .brain-name{font-size:16px;bottom:13px}.orders-copy h2{font-size:32px;line-height:1.06;max-width:230px;margin-bottom:15px}.orders-copy .eyebrow{font-size:9px;max-width:215px;line-height:1.5;letter-spacing:.06em;gap:7px;margin-bottom:11px}.orders-copy .eyebrow:before{width:12px}.orders-copy>p{display:none}.channel-picker{margin-top:14px}.orders-copy .voice-channel{min-height:44px}.orders-copy .tool-channels button{min-height:32px}.orders-copy .logo-chip{height:36px}.orders-copy .voice-channel small{display:none}.channel-caption{font-size:10px;margin-top:8px;padding:0;background:none}.channel-tour-controls{margin-top:7px;font-size:10px;gap:11px}.channel-tour-controls button{font-size:11px}.order-ticket{left:24px;top:auto;width:255px;border-radius:9px;backdrop-filter:blur(14px)}.ticket-header{padding:9px 12px}.ticket-source{font-size:13px;gap:6px}.ticket-source img{width:95px;height:23px}.ticket-source[data-channel="justeat"] img{width:82px;height:20px}.ticket-number strong{font-size:11px}.ticket-number span{font-size:9px;margin-top:3px}.ticket-items{padding:10px 12px 8px;gap:6px}.ticket-items li{font-size:12px}.ticket-items li b{width:18px}.ticket-note{font-size:10px;margin:0 12px 9px;min-height:12px}.ticket-route{margin:0 12px;font-size:9px;padding:8px 0}.ticket-status{font-size:10px;padding:7px 12px}.ticket-status small{font-size:8px}.stage[data-chapter="4"] .target{width:25px;height:25px}.stage[data-chapter="4"] .target-label{font-size:10px;padding:5px 6px}.stage[data-chapter="4"] .target[data-target="pos"] .target-label{top:calc(100% + 10px);left:auto;right:-8px;transform:none}.stage[data-chapter="4"] .atmosphere{background:linear-gradient(180deg,#04111f 0%,#04111fef 43%,#04111f66 61%,transparent 79%,#04111f 100%)} }
@media(max-width:760px) and (max-height:740px){.stage[data-chapter="4"] .copy{top:90px}.stage[data-chapter="4"] .brain{top:64px;width:92px;height:83px}.stage[data-chapter="4"] .brain-name{font-size:15px;bottom:11px}.orders-copy h2{font-size:28px;margin-bottom:11px}.orders-copy .eyebrow{margin-bottom:8px;font-size:8px;letter-spacing:.055em}.orders-copy .channel-picker{margin-top:9px}.orders-copy .voice-channel{min-height:36px;padding:5px 9px}.orders-copy .tool-channels button{min-height:27px;font-size:10px}.orders-copy .logo-chip{height:29px;padding:4px 8px}.channel-caption{font-size:9px}.channel-tour-controls{margin-top:4px}.order-ticket{width:251px}.ticket-header{padding:7px 11px}.ticket-items{padding:8px 11px 6px;gap:5px}.ticket-items li{font-size:12px}.ticket-note{font-size:9px;margin:0 11px 7px}.ticket-route{padding:7px 0}.ticket-status{padding:6px 11px;font-size:9px}}

/* The finale opens the space between sales and costs into a growing profit field. */
.scene{transition:opacity .8s,filter .8s}.stage[data-chapter="7"] .scene{opacity:.14;filter:blur(2px)}.stage[data-chapter="7"] .atmosphere{background:linear-gradient(180deg,#04111f 0%,#04111f99 23%,#04111f66 60%,#04111f 100%)}.stage[data-chapter="7"] .ambient-light{width:100%;opacity:.55;mask-image:linear-gradient(90deg,#000,transparent)}.stage[data-chapter="7"] .copy{inset:0;width:100%;max-width:none;height:100%}.margins-copy{height:100%;--growth:0}.stage[data-chapter="7"] .floor-note,.stage[data-chapter="7"] .scroll-hint{display:none}.margin-heading{position:absolute;left:33%;right:5.5%;top:15.5%}.margin-heading .eyebrow{margin-bottom:16px;font-size:12px}.margin-heading h2{font-size:clamp(40px,4.7vw,76px);line-height:1.05;margin:0;letter-spacing:-.055em}.margin-heading h2 em{color:#8dffe1}
.margin-visual{position:absolute;left:8.5%;right:5.5%;top:32%;bottom:24%;isolation:isolate}.margin-visual:before{content:"";position:absolute;inset:-12% -3%;z-index:-1;background:radial-gradient(ellipse at 72% 52%,#13b99828,transparent 65%);opacity:calc(.2 + var(--growth)*.8);filter:blur(18px)}#margin-graph{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.margin-curve{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke}.sales-stroke{stroke:url(#sales-light)}.costs-stroke{stroke:url(#cost-light)}.margin-halo{fill:none;stroke-width:9;vector-effect:non-scaling-stroke;filter:blur(8px);opacity:.65}.profit-depth{fill:#0c7b6917;stroke:#72ffdf16;stroke-width:1;transform:translate(0,13px)}.margin-bracket{fill:none;stroke:url(#profit-edge);stroke-width:1;vector-effect:non-scaling-stroke}.margin-end{vector-effect:non-scaling-stroke;stroke-width:7}.sales-end{fill:#e8fff6;stroke:#71ffdc22;filter:drop-shadow(0 0 7px #77ffdd)}.costs-end{fill:#f6eeff;stroke:#c8b3ff22;filter:drop-shadow(0 0 7px #bbaaff)}.profit-contour{fill:none;stroke:#90ffe1;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.10}.profit-spark{fill:#aeffe6;filter:drop-shadow(0 0 4px #5dffd6)}
.margin-line-label{position:absolute;left:87%;display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:clamp(15px,1.5vw,22px);font-weight:500;letter-spacing:-.02em}.margin-line-label b{font-size:1.25em;font-weight:400}.sales-label{color:#9affe0;transform:translate(-50%,-160%)}.costs-label{color:#cbb8ff;transform:translate(-50%,60%)}.profit-word{position:absolute;left:65%;top:50%;display:flex;align-items:center;flex-direction:column;transform:translate(-50%,-50%) scale(.38);transform-origin:center;white-space:nowrap;text-shadow:0 0 40px #5df8c64d;will-change:transform}.profit-word>span{font-size:14px;letter-spacing:.45em;margin-left:.45em;color:#b2eadb}.profit-word strong{font-size:clamp(55px,7.2vw,116px);line-height:1.1;letter-spacing:-.04em;font-weight:600;color:#dafff0}.profit-word small{font-size:clamp(14px,1.4vw,20px);letter-spacing:.01em;color:#b9e8db;margin-top:8px}
.margin-controls{position:absolute;left:12%;right:10%;bottom:119px;display:flex;align-items:center;justify-content:space-between;gap:35px;pointer-events:auto}.margin-replay{display:inline-flex;gap:11px;align-items:center;background:none;border:0;color:#bfd9dc;font-size:14px;padding:13px 0;white-space:nowrap}.margin-replay>span{font-size:27px;color:#72f7d9}.margin-replay:hover{color:#fff}.margin-scrub{display:flex;flex-direction:column;gap:11px;flex:1;max-width:350px;color:#b2d4d0;font-size:13px}.margin-scrub small{font-size:11px;color:#71958f}.margin-scrub input{appearance:none;width:100%;height:3px;border:0;background:linear-gradient(90deg,#73f5d4 var(--fill,0%),#2a484b var(--fill,0%));border-radius:8px;cursor:ew-resize;touch-action:pan-y;outline-offset:9px}.margin-scrub input::-webkit-slider-thumb{appearance:none;width:15px;height:15px;background:#b8ffe6;border:3px solid #46bba1;border-radius:50%;box-shadow:0 0 17px #5effd75e}.margin-scrub input::-moz-range-thumb{width:12px;height:12px;background:#b8ffe6;border:3px solid #46bba1;border-radius:50%;box-shadow:0 0 17px #5effd75e}.margin-scrub input:focus-visible{outline:2px solid #57ead7}.margin-contact{border-radius:7px;white-space:nowrap}.margin-input-line{fill:none;stroke:#63dbc699;stroke-width:1.5;filter:drop-shadow(0 0 6px #69eed055)}.margin-input-bit{fill:#a3ffe7;font:12px ui-monospace,monospace;paint-order:stroke;stroke:#04111f;stroke-width:4px}
@media(min-width:761px) and (max-height:740px){.margin-heading{top:15%}.margin-heading h2{font-size:49px}.margin-heading .eyebrow{font-size:11px;margin-bottom:12px}.margin-visual{top:33%;bottom:28%}.margin-controls{bottom:100px}.margin-scrub{gap:9px}.profit-word strong{font-size:80px}.profit-word small{font-size:16px}}
@media(max-width:760px){.stage[data-chapter="7"] .brain{top:86px;width:112px;height:100px}.stage[data-chapter="7"] .brain-name{font-size:17px;bottom:14px}.margin-heading{left:24px;right:134px;top:96px}.margin-heading .eyebrow{font-size:9px;letter-spacing:.10em;margin-bottom:14px;gap:7px}.margin-heading .eyebrow:before{width:12px}.margin-heading h2{font-size:34px;line-height:1.06;letter-spacing:-.055em}.margin-visual{left:17px;right:17px;top:30%;bottom:240px}.margin-line-label{left:85%;font-size:15px;gap:7px}.profit-word{left:61%}.profit-word strong{font-size:49px;letter-spacing:-.05em}.profit-word>span{font-size:11px;letter-spacing:.3em}.profit-word small{font-size:12px;margin-top:5px}.margin-controls{left:24px;right:24px;bottom:99px;display:grid;grid-template-columns:1fr 1fr;gap:22px 16px}.margin-scrub{grid-column:1/-1;grid-row:1;max-width:none;font-size:12px;gap:13px}.margin-scrub small{font-size:10px}.margin-replay{font-size:12px;padding:6px 0;gap:8px}.margin-replay>span{font-size:24px}.margin-contact{justify-self:end;font-size:13px;padding:10px 14px;gap:15px}.margin-contact span{font-size:18px}}
@media(max-width:760px) and (max-height:740px){.margin-heading{top:85px}.margin-heading h2{font-size:31px}.stage[data-chapter="7"] .brain{top:75px}.margin-visual{top:215px;bottom:230px}.profit-word strong{font-size:44px}.margin-controls{gap:16px;bottom:96px}.margin-heading .eyebrow{margin-bottom:11px}}
.margin-replay[hidden]{display:none}
@media(max-width:760px){.stage[data-chapter="4"] .ticket-items{display:flex;flex-wrap:wrap;gap:6px 12px}.stage[data-chapter="4"] .ticket-items li{gap:5px}.stage[data-chapter="4"] .ticket-items li b{width:auto}.stage[data-chapter="4"] .ticket-note{display:none}.stage[data-chapter="4"] .target[data-target="pos"] .target-label{display:none}.kitchen-meal{background:#0b2230f2}.kitchen-routing-status{width:fit-content;padding:4px 6px;background:#061724df;border-radius:4px}}

/* Menu Manager is the order hub; the food ticket lives inside its beating heart. */
.stage[data-chapter="4"] .copy{top:250px;width:41%;max-width:565px}.orders-copy h2{font-size:clamp(30px,2.85vw,44px);white-space:nowrap;margin-bottom:18px}.orders-copy .eyebrow{font-size:11px;margin-bottom:12px}.orders-copy .channel-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%;margin:0}.orders-copy .channel-button{height:43px;min-height:43px;padding:7px 8px;font-size:13px;display:flex;align-items:center;justify-content:center}.orders-copy .voice-channel{gap:5px}.orders-copy .voice-channel strong{font-size:13px;white-space:nowrap}.orders-copy .voice-wave{width:19px;gap:2px;transform:scale(.7);margin-right:-3px}.orders-copy .logo-chip img{max-width:104px}.orders-copy .logo-chip[data-channel="uber"] img{transform:none}.orders-copy .channel-button[aria-pressed=true]{box-shadow:0 0 20px #5bf4d817}
.menu-hub.order-ticket{position:relative;left:auto;top:auto!important;width:100%;margin-top:38px;transform:none;opacity:1;border-color:#ea727c66;border-radius:16px;background:linear-gradient(130deg,#152b38fa,#091c29fc);box-shadow:0 12px 38px #0004,0 0 35px #e4476509;overflow:visible;pointer-events:auto;backdrop-filter:none}.hub-heading{display:flex;align-items:center;gap:15px;padding:14px 20px;border-bottom:1px solid #ce778826}.hub-heart{width:55px;flex:none;display:grid;place-items:center;font-size:61px;line-height:1;color:#ff354c;text-shadow:0 0 17px #ff223e88;animation:hub-heartbeat 1.8s ease-in-out infinite;transform-origin:50% 55%}.hub-heading h3{margin:0;color:#f1fbfa;letter-spacing:-.04em;font-size:25px;font-weight:600}.hub-heading>div>span{display:block;font-size:12px;color:#acbdc9;margin-top:4px}.hub-live{margin-left:auto;font-size:11px;color:#84ddc2;white-space:nowrap}.hub-order-body{transition:opacity .25s,transform .3s;min-height:142px}.menu-hub.is-receiving .hub-order-body{opacity:0;transform:translateY(9px)}.hub-waiting{position:absolute;left:22px;right:22px;top:124px;display:none;color:#bcacb8;font-size:14px}.menu-hub.is-receiving .hub-waiting{display:block}.menu-hub .ticket-header{padding:12px 20px 7px;border:0}.menu-hub .ticket-items{display:flex;flex-wrap:wrap;gap:10px 15px;padding:9px 20px 6px}.menu-hub .ticket-items li{font-size:13px;gap:6px;align-items:center}.menu-hub .ticket-items li b{width:auto}.ticket-food{display:inline-flex;width:27px;height:27px;flex:none}.menu-hub .ticket-note{margin:3px 20px 10px;min-height:14px}.menu-hub .ticket-route{margin:0 20px;font-size:12px;padding:10px 0}.menu-hub .ticket-status{border-radius:0 0 16px 16px;padding:9px 20px;font-size:12px}.menu-hub .ticket-status small{font-size:10px}.menu-hub[data-phase="1"]{border-color:#ff8090;box-shadow:0 0 27px #ef416422}.stage[data-chapter="4"] .target[data-target="pos"]{display:none}.stage[data-chapter="4"] .connections{z-index:18}.orders-copy .channel-tour-controls{margin-top:13px}.hub-heart,.staff-shift{will-change:transform}.paused .hub-heart{animation-play-state:paused}@keyframes hub-heartbeat{0%,43%,100%{transform:scale(1);filter:brightness(1)}12%{transform:scale(1.16);filter:brightness(1.3)}23%{transform:scale(1.02)}31%{transform:scale(1.10)}}
/* Visible shift confirmations and acknowledgement back to Maistro. */
.staff-accept-event{margin-top:13px;font-size:14px;line-height:1.4;color:#d7c8ff;min-height:39px}.staff-accept-event.confirmed{color:#84efd0}#staff-replay{pointer-events:auto;border:0;border-bottom:1px solid #678f9277;padding:3px 0 5px;background:none;color:#accec8;font-size:12px;margin-top:5px}.shift-accepted .staff-shift{border-color:#59bc9a;background:#effcf5;box-shadow:0 0 0 2px #75d7b326}.staff-phone.accept-flash{animation:accept-flash .8s ease-out}.shift-accepted .staff-app-feedback{color:#0f775e;font-weight:600}.staff-app.accepting #accept-shift{background:#248c74}.stage[data-chapter="3"] .connections{z-index:18}@keyframes accept-flash{0%,100%{transform:scale(1)}35%{transform:scale(1.022);box-shadow:0 0 32px #73ffc977}}
/* The dispatch map and all three drivers form a single working surface. */
.stage[data-chapter="5"] .copy{width:55%;max-width:770px;top:max(200px,22%)}.delivery-copy h2{font-size:clamp(37px,3.5vw,54px)}.delivery-copy p{max-width:520px}.dispatch-panel{width:100%;margin-top:22px;border-color:#7ed5ed44;background:#091d2bed;box-shadow:0 15px 45px #0004}.dispatch-head{padding:13px 16px;font-size:14px}.dispatch-head span{font-size:12px}.dispatch-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(195px,1fr);align-items:stretch;border-top:1px solid #50798d33;border-bottom:1px solid #50798d33}.dispatch-map-wrap{display:flex;align-items:center;overflow:hidden;background:#091c2a}.dispatch-panel #dispatch-map{height:100%;min-height:214px;object-fit:cover}.driver-list{display:flex;flex-direction:column;border-left:1px solid #51778944;padding:8px;gap:6px}.driver-row{width:100%;flex:1;min-height:65px;display:flex;align-items:center;gap:10px;padding:7px 8px;color:#a8c2cd;border:1px solid transparent;border-radius:8px;background:#112a3866;text-align:left}.driver-row:hover{background:#163d49}.driver-row[aria-pressed=true]{background:#15443fe0;border-color:#74e7c6;box-shadow:0 0 17px #5eeac818;color:#e7fff8}.driver-portrait{display:block;width:47px;height:47px;flex:none;overflow:hidden;border-radius:50%;background:#284450;border:1px solid #7bacb366}.driver-portrait svg{display:block;width:100%;height:100%}.driver-detail{display:flex;flex-direction:column;gap:5px;min-width:0}.driver-detail strong{font-size:15px;font-weight:550}.driver-detail small{font-size:11px;line-height:1.3;color:#a8c5c8}.driver-check{font-size:18px;color:#7af3d1;margin-left:auto}.dispatch-status{font-size:13px;padding:9px 12px 9px 16px;min-height:43px}.dispatch-status button{width:34px;height:30px}.stage[data-chapter="5"] .connections{z-index:18}.map-driver .marker-ring{fill:#123544;stroke:#81a7b5;stroke-width:1.4}.map-driver.selected-driver .marker-ring{fill:#2b6b60;stroke:#91ffda;stroke-width:2.4}.map-driver.assigned-waiting .marker-ring{fill:#20715f;stroke:#d0ffed;stroke-width:2.8;filter:drop-shadow(0 0 5px #73f1cf)}.map-driver .marker-name{font:600 11px Inter,Arial,sans-serif;fill:#e7fbf5;paint-order:stroke;stroke:#081c28;stroke-width:4px}#driver-waiting-tag{transition:opacity .3s}#driver-waiting-tag rect{fill:#123f3d;stroke:#79ebcb;stroke-width:1}#driver-waiting-tag text{fill:#d8fff3;font:700 8px Inter,Arial,sans-serif;letter-spacing:.08em}
@media(min-width:761px) and (max-height:850px){.stage[data-chapter="4"] .copy{top:209px}.orders-copy h2{font-size:33px;margin-bottom:14px}.orders-copy .channel-button{height:38px;min-height:38px}.menu-hub.order-ticket{margin-top:30px}.hub-heading{padding:10px 17px}.hub-heart{font-size:51px;width:48px}.hub-heading h3{font-size:23px}.hub-order-body{min-height:127px}.menu-hub .ticket-items{gap:8px 12px}.menu-hub .ticket-note{margin-bottom:7px}.hub-waiting{top:111px}.stage[data-chapter="5"] .copy{top:220px}.delivery-copy h2{font-size:40px}.dispatch-panel #dispatch-map{min-height:196px}.driver-row{min-height:57px}.driver-portrait{width:42px;height:42px}.driver-list{gap:4px}}
@media(min-width:761px) and (max-height:710px){.stage[data-chapter="4"] .copy{top:175px}.orders-copy h2{font-size:29px;margin-bottom:12px}.orders-copy .eyebrow{margin-bottom:8px}.orders-copy .channel-button{height:34px;min-height:34px;font-size:12px}.menu-hub.order-ticket{margin-top:25px}.hub-heading{padding:8px 16px}.hub-heart{font-size:42px;width:42px}.hub-heading h3{font-size:21px}.hub-order-body{min-height:99px}.menu-hub .ticket-header{padding:8px 16px 4px}.menu-hub .ticket-items{padding:4px 16px;gap:4px 10px}.menu-hub .ticket-note{display:none}.menu-hub .ticket-route{padding:7px 0}.menu-hub .ticket-status{padding:7px 16px}.orders-copy .channel-tour-controls{margin-top:8px}.hub-waiting{top:89px}.stage[data-chapter="5"] .copy{top:184px}.delivery-copy h2{font-size:34px}.delivery-copy p{font-size:14px}.dispatch-panel{margin-top:13px}.dispatch-panel #dispatch-map{min-height:180px}.driver-row{min-height:50px}.driver-portrait{width:36px;height:36px}.staff-accept-event{margin-top:7px;min-height:30px;font-size:12px}.staff-forecast{margin-top:15px;padding-top:14px}}
@media(max-width:1000px) and (min-width:761px){.stage[data-chapter="4"] .copy{width:45%}.orders-copy h2{font-size:30px}.hub-live{font-size:10px}.stage[data-chapter="5"] .copy{width:65%}.driver-detail strong{font-size:14px}.driver-detail small{font-size:10px}}
@media(max-width:760px){.stage[data-chapter="4"] .copy{left:24px;right:24px;top:108px;width:auto;max-width:none}.orders-copy h2{font-size:28px;max-width:220px;line-height:1.08;white-space:normal;margin-bottom:19px}.orders-copy h2 em{display:block}.orders-copy .eyebrow{max-width:190px;font-size:9px;line-height:1.4;letter-spacing:.07em;margin-bottom:9px}.orders-copy .channel-picker{gap:6px}.orders-copy .channel-button{height:39px;min-height:39px;font-size:11px;padding:7px 5px}.orders-copy .voice-channel strong{font-size:11px}.orders-copy .voice-channel{gap:2px}.orders-copy .voice-wave{width:14px;transform:scale(.6);margin-right:-2px}.menu-hub.order-ticket{margin-top:29px;border-radius:12px}.hub-heading{gap:10px;padding:10px 14px}.hub-heart{font-size:45px;width:41px}.hub-heading h3{font-size:22px}.hub-heading>div>span{font-size:10px;margin-top:3px}.hub-live{font-size:10px}.hub-order-body{min-height:108px}.menu-hub .ticket-header{padding:9px 14px 3px}.menu-hub .ticket-source img{width:92px;height:23px}.menu-hub .ticket-items{padding:6px 14px;gap:7px 10px}.menu-hub .ticket-items li{font-size:12px}.ticket-food{width:23px;height:23px}.menu-hub .ticket-note{display:none}.menu-hub .ticket-route{font-size:11px;margin:0 14px;padding:8px 0}.menu-hub .ticket-status{font-size:11px;padding:8px 14px}.menu-hub .ticket-status small{font-size:8px}.hub-waiting{top:102px;font-size:13px;left:15px}.orders-copy .channel-tour-controls{margin-top:10px}.staff-accept-event{font-size:11px;line-height:1.35;margin-top:9px;min-height:30px}#staff-replay{font-size:10px;margin-top:2px}.staff-forecast small{display:none}.stage[data-chapter="5"] .copy{top:176px;left:24px;right:24px;width:auto}.stage[data-chapter="5"] .brain{top:69px;width:118px;height:105px}.stage[data-chapter="5"] .brain-name{font-size:19px;bottom:16px}.delivery-copy h2{font-size:32px;margin-bottom:10px}.delivery-copy .eyebrow{font-size:10px;margin-bottom:10px}.delivery-copy p{max-width:300px;font-size:13px}.dispatch-panel{width:100%;margin-top:17px;border-radius:10px}.dispatch-head{padding:10px 11px;font-size:12px}.dispatch-head span{font-size:10px}.dispatch-workspace{grid-template-columns:minmax(0,1fr) minmax(127px,.8fr)}.dispatch-panel #dispatch-map{min-height:219px;width:100%;height:100%}.dispatch-map-wrap{overflow:hidden}.driver-list{padding:5px;gap:4px}.driver-row{min-height:65px;padding:5px;gap:6px}.driver-portrait{width:34px;height:42px;border-radius:7px}.driver-detail strong{font-size:12px}.driver-detail small{font-size:10px;line-height:1.25}.driver-check{display:none}.dispatch-status{padding:7px 8px 7px 11px;font-size:11px;min-height:40px}.dispatch-status button{width:28px}.map-label{font-size:15px}.stage[data-chapter="5"] .atmosphere{background:linear-gradient(180deg,#04111f 0%,#04111fea 40%,#04111f55 75%,#04111f 100%)}.stage[data-chapter="5"] .target-label{font-size:10px}}
@media(max-width:760px) and (max-height:740px){.stage[data-chapter="4"] .copy{top:94px}.orders-copy h2{font-size:25px;margin-bottom:14px}.orders-copy .eyebrow{font-size:8px;margin-bottom:7px}.orders-copy .channel-button{height:35px;min-height:35px;padding:6px 4px;font-size:10px}.orders-copy .voice-channel strong{font-size:10px}.menu-hub.order-ticket{margin-top:25px}.hub-heading{padding:8px 12px}.hub-heading h3{font-size:20px}.hub-heart{font-size:39px;width:36px}.hub-order-body{min-height:94px}.menu-hub .ticket-header{padding:8px 12px 2px}.menu-hub .ticket-items{padding:4px 12px;gap:5px 9px}.ticket-food{width:21px;height:21px}.menu-hub .ticket-items li{font-size:11px}.menu-hub .ticket-route{padding:7px 0}.menu-hub .ticket-status{padding:6px 12px;font-size:10px}.hub-waiting{top:90px}.orders-copy .channel-tour-controls{margin-top:8px}.stage[data-chapter="5"] .copy{top:156px}.delivery-copy h2{font-size:28px}.delivery-copy p{font-size:12px}.delivery-copy .eyebrow{margin-bottom:8px}.dispatch-panel{margin-top:12px}.dispatch-panel #dispatch-map{min-height:190px}.driver-row{min-height:57px}.driver-portrait{width:31px;height:37px}.dispatch-head{padding:8px 10px}.dispatch-status{font-size:10px;min-height:35px}.staff-accept-event{font-size:10px;margin-top:7px;min-height:27px}}

@media(max-width:760px){.stage[data-chapter="4"] .connections,.stage[data-chapter="5"] .connections{z-index:14}}

/* Real couriers stand on the restaurant pavement; their badges receive each order. */
#delivery-riders{position:absolute;inset:0;opacity:0;transition:opacity .4s;pointer-events:none}.stage[data-chapter="5"] #delivery-riders{opacity:1}.scene-courier{position:absolute;transform:translate(-50%,-100%);width:108px;height:188px;filter:drop-shadow(2px 8px 4px #00121d99);transition:filter .35s}.scene-courier svg{width:100%;height:100%;display:block;overflow:visible}.scene-courier.is-assigned{filter:drop-shadow(0 0 5px #82ffd7aa) drop-shadow(2px 8px 4px #00121d88)}
#rider-assignments{position:absolute;inset:0;z-index:19;pointer-events:none}#rider-assignments[hidden]{display:none}.rider-assignment{position:absolute;transform:translate(-50%,0);pointer-events:auto;padding:7px 11px;border:1px solid #547b86;border-radius:8px;background:#071c29ee;color:#d3e8e9;min-width:110px;box-shadow:0 7px 19px #0005;font-size:12px;text-align:center;white-space:nowrap}.rider-assignment strong{display:block;font-size:13px;font-weight:600}.rider-assignment small{display:block;font-size:10px;color:#8fb1bc;margin-top:4px}.rider-assignment[aria-pressed=true]{border-color:#8be6da}.rider-assignment.accepted{border-color:#81ffd4;background:#0c3432f2;box-shadow:0 0 22px #54efc333}.rider-assignment.accepted small{color:#99f8d8}.rider-assignment.receiving{box-shadow:0 0 22px #72f3d377;animation:assignment-received 1s ease-out}.driver-phone-pulse{fill:#a4ffe3;stroke:#60dcbc;stroke-width:1.3;filter:drop-shadow(0 0 6px #77ffda)}.paused .rider-assignment{animation-play-state:paused}@keyframes assignment-received{0%,100%{transform:translate(-50%,0) scale(1)}35%{transform:translate(-50%,0) scale(1.08)}}
.stage[data-chapter="5"] .target[data-target="drivers"]{display:none}.stage[data-chapter="5"] .copy{width:53%;max-width:730px}.dispatch-workspace{grid-template-columns:minmax(0,1.3fr) minmax(238px,1fr)}.driver-list{gap:6px;padding:8px}.driver-row{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;min-height:87px;padding:10px 11px}.delivery-order-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.delivery-order-head>strong{font-size:15px;font-weight:600;letter-spacing:.01em}.delivery-order-channel{font-size:11px;color:#adcfce;display:inline-flex;align-items:center;justify-content:flex-end;max-width:93px;min-height:16px}.delivery-order-channel img{display:block;width:82px;height:19px;object-fit:contain;object-position:right center}.delivery-order-channel[data-order-channel="justeat"]{background:#fff2e5;border-radius:3px;padding:2px 5px}.delivery-order-channel[data-order-channel="justeat"] img{width:66px;height:14px}.delivery-order-items{font-size:13px;color:#d3e2e6;white-space:nowrap}.delivery-order-driver{display:flex;gap:6px;align-items:center;color:#aec7cd;font-size:12px}.delivery-order-driver .driver-portrait{width:23px;height:23px;border-radius:50%;border-color:#6e999d55}.driver-state{margin-left:auto;font-size:11px;color:#8faaae}.driver-row[aria-pressed=true] .driver-state{color:#a2ffe0}.dispatch-panel #dispatch-map{min-height:285px}.dispatch-status{min-height:38px}.delivery-copy>p{font-size:16px}.stage[data-chapter="5"] .connections{z-index:18}.dispatch-order-label{font:600 12px Inter,Arial,sans-serif;fill:#effffb}.dispatch-food-label{font:11px Inter,Arial,sans-serif;fill:#bad6d5}
@media(min-width:761px) and (max-height:850px){.driver-row{min-height:76px;padding:7px 9px;gap:5px}.dispatch-panel #dispatch-map{min-height:252px}.delivery-order-items{font-size:12px}.dispatch-panel{margin-top:16px}.delivery-copy h2{font-size:38px}.delivery-copy .eyebrow{margin-bottom:12px}}
@media(min-width:761px) and (max-height:710px){.stage[data-chapter="5"] .copy{top:171px}.delivery-copy h2{font-size:32px;margin-bottom:10px}.delivery-copy>p{font-size:13px}.driver-row{min-height:67px;padding:6px 9px;gap:4px}.dispatch-panel #dispatch-map{min-height:225px}.dispatch-head{padding:9px 13px}.dispatch-status{font-size:11px;padding:6px 11px;min-height:32px}.delivery-order-head>strong{font-size:13px}.delivery-order-driver{font-size:11px}}
@media(min-width:761px) and (max-width:1050px){.stage[data-chapter="5"] .copy{width:51%;left:4%}.dispatch-workspace{grid-template-columns:minmax(0,1fr) minmax(205px,1.05fr)}.delivery-order-items{font-size:11px}.driver-row{padding:7px}.delivery-order-channel img{width:69px}.delivery-copy h2{font-size:34px}.rider-assignment{min-width:91px;padding:6px 8px}}
@media(max-width:760px){.stage[data-chapter="5"] .copy{top:160px;left:24px;right:24px;width:auto;max-width:none}.delivery-copy h2{font-size:30px;line-height:1.08;margin-bottom:10px;max-width:250px}.delivery-copy .eyebrow{font-size:9px;margin-bottom:10px}.delivery-copy>p{font-size:12px;white-space:nowrap}.dispatch-panel{margin-top:14px}.dispatch-head{padding:9px 10px;font-size:12px}.dispatch-head span{font-size:10px}.dispatch-workspace{grid-template-columns:minmax(0,1.05fr) minmax(151px,1fr)}.driver-list{padding:5px;gap:4px}.driver-row{min-height:66px;padding:6px;gap:5px}.delivery-order-head>strong{font-size:12px}.delivery-order-channel{font-size:9px;max-width:78px;min-height:12px}.delivery-order-channel img{width:64px;height:15px}.delivery-order-channel[data-order-channel="justeat"]{padding:1px 4px}.delivery-order-channel[data-order-channel="justeat"] img{width:52px;height:11px}.delivery-order-items{font-size:10px}.delivery-order-driver{font-size:10px;gap:4px}.delivery-order-driver .driver-portrait{width:18px;height:18px}.driver-state{font-size:9px}.dispatch-panel #dispatch-map{min-height:216px}.dispatch-status{min-height:32px;font-size:10px;padding:6px 8px}.rider-assignment{min-width:82px;padding:5px 7px;border-radius:6px}.rider-assignment strong{font-size:11px}.rider-assignment small{font-size:9px;margin-top:3px}.stage[data-chapter="5"] .connections{z-index:14}.stage[data-chapter="5"] .atmosphere{background:linear-gradient(180deg,#04111f 0%,#04111feb 25%,#04111f8c 58%,transparent 77%,#04111f99 100%)} }
@media(max-width:760px) and (max-height:850px){.stage[data-chapter="5"] .copy{top:119px}.delivery-copy .eyebrow{max-width:176px;font-size:8px;line-height:1.35;margin-bottom:7px}.delivery-copy h2{font-size:26px;max-width:190px;margin-bottom:0}.delivery-copy>p{display:none}.dispatch-panel{margin-top:11px}.dispatch-head{padding:7px 9px;font-size:11px}.dispatch-head span{font-size:9px}.dispatch-workspace{grid-template-columns:minmax(0,1fr) minmax(145px,1fr)}.driver-row{min-height:48px;padding:4px 5px;gap:3px}.driver-list{gap:3px;padding:4px}.delivery-order-head>strong{font-size:10px}.delivery-order-channel img{width:55px;height:12px}.delivery-order-channel[data-order-channel="justeat"] img{width:47px;height:9px}.delivery-order-channel{font-size:8px;min-height:10px}.delivery-order-items{font-size:9px}.delivery-order-driver{font-size:9px}.delivery-order-driver .driver-portrait{width:14px;height:14px}.driver-state{font-size:8px}.dispatch-panel #dispatch-map{min-height:158px}.dispatch-status{min-height:29px;font-size:9px;padding:4px 7px}.dispatch-status button{height:25px}.rider-assignment{min-width:77px;padding:4px 6px}.rider-assignment strong{font-size:10px}.rider-assignment small{font-size:8px}.stage[data-chapter="5"] .brain{top:67px;width:111px;height:98px}}

.rider-assignment:before{content:"";position:absolute;bottom:100%;height:var(--rider-hit,150px);width:72px;left:50%;transform:translateX(-50%)}
@media(min-width:761px) and (max-height:710px){.stage[data-chapter="5"] .delivery-copy>p{display:none}.stage[data-chapter="5"] .driver-row{min-height:60px}.stage[data-chapter="5"] .dispatch-panel{margin-top:10px}.stage[data-chapter="5"] #dispatch-map{min-height:208px}}
/* One stronger heartbeat: the image, corona and ripple share the same rhythm. */
.brain img{position:relative;z-index:2;animation:neural-heartbeat 2.6s ease-in-out infinite;transform-origin:50% 55%;will-change:transform,filter}.brain:before{z-index:-1;inset:-13% -20%;background:radial-gradient(ellipse at 38% 42%,#17ffe16b,transparent 57%),radial-gradient(ellipse at 77% 46%,#9474ff68,transparent 55%);filter:blur(18px);animation:neural-corona 2.6s ease-in-out infinite}.brain:after{content:"";position:absolute;z-index:0;inset:7% 0 10%;border:1px solid #84ffe0;border-radius:50%;transform:scale(.85);opacity:0;box-shadow:0 0 12px #6bffdd42,inset 0 0 15px #497ae926;animation:neural-ripple 2.6s ease-out infinite;pointer-events:none}.brain .brain-name{z-index:3}.brain-orbit{z-index:1;box-shadow:0 0 16px #57ead74d;border-color:#68e7d967}.paused .brain:before,.paused .brain:after{animation-play-state:paused}
@keyframes neural-heartbeat{0%,44%,100%{transform:scale(1);filter:drop-shadow(0 0 18px #15bee76b) saturate(1.1) brightness(1)}12%{transform:scale(1.08);filter:drop-shadow(0 0 30px #3dffdcc2) drop-shadow(10px -4px 17px #9862ff75) saturate(1.35) brightness(1.18)}23%{transform:scale(1.015);filter:drop-shadow(0 0 22px #3dffe28c) saturate(1.15) brightness(1.04)}31%{transform:scale(1.055);filter:drop-shadow(0 0 27px #32ebf3b3) drop-shadow(8px 0 14px #9672ff66) saturate(1.25) brightness(1.12)}}
@keyframes neural-corona{0%,45%,100%{transform:scale(.92);opacity:.40}12%{transform:scale(1.12);opacity:.9}23%{transform:scale(.98);opacity:.48}31%{transform:scale(1.06);opacity:.75}}
@keyframes neural-ripple{0%,8%{transform:scale(.86);opacity:0}13%{opacity:.35}70%,100%{transform:scale(1.43);opacity:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.brain:before{opacity:.5}.brain:after{display:none}}

/* Inline styles from final page */
html.maistro-connected .site-head>.wordmark{display:none}
html.maistro-connected .site-head{justify-content:flex-end;background:none;pointer-events:none}
html.maistro-connected .head-actions{pointer-events:auto}
@media(max-width:760px) and (max-height:680px){html.maistro-connected .stage[data-chapter="5"] .brain{top:44px}}
@media(max-width:760px){html.maistro-connected .stage[data-chapter="5"] .copy{top:max(48px,calc(42svh - 205px))}}

/* mobile.css */
/* Phone-only refinements. This stylesheet is loaded only below 761px. */
@media (max-width:760px) {
  .stage{min-height:0;height:100dvh}
  .chapter-nav button{min-height:44px;min-width:44px;font-size:13px}
  .chapter-nav{gap:16px;scroll-padding-inline:12px}
  .quiet-button{min-height:44px;min-width:44px}
  .orders-copy .channel-button{height:44px;min-height:44px;font-size:11px;padding:7px 4px}
  .orders-copy .voice-channel strong{font-size:11px}
  .orders-copy .channel-picker{gap:6px}
  .menu-hub.order-ticket{margin-top:20px}
  .agent-choices button{min-height:44px}
  .staff-switch button{min-height:44px}
  #accept-shift{min-height:44px}
  .stage[data-chapter="3"] .copy{top:calc(23% - 40px)}
  .staff-copy h2{max-width:210px}
  .staff-app{top:calc(100dvh - 490px)}
  .staff-forecast{max-width:calc(100vw - 242px)}
}
@media (max-width:760px) and (max-height:740px) {
  .stage[data-chapter="3"] .copy{top:max(72px,calc(100dvh - 500px))}
  .stage[data-chapter="3"] .brain{top:45px;width:112px;height:99px}
  .staff-app{top:calc(100dvh - 370px)}
  .staff-forecast{max-width:calc(100vw - 220px)}
  .stage[data-chapter="4"] .copy{top:70px}
  .menu-hub.order-ticket{margin-top:18px}
  .stage[data-chapter="6"] .copy{top:145px}
  .stage[data-chapter="6"] .brain{top:48px;width:118px;height:104px}
}
@media (max-width:760px) and (max-height:600px) {
  .stage[data-chapter="4"] .copy{top:52px}
  .stage[data-chapter="4"] .brain{top:30px;width:97px;height:86px}
  .stage[data-chapter="6"] .copy{top:118px}
  .stage[data-chapter="6"] .brain{top:28px;width:106px;height:94px}
}

/* cinematic-mobile.css */
.mobile-controls,.mobile-details{display:none}
@media(max-width:760px){
.stage{height:100dvh;min-height:0!important}
.stage .brain{left:66px!important;top:66px!important;width:102px!important;height:92px!important}
.stage .brain .brain-name{font-size:17px;bottom:12px}
.stage .copy{left:20px!important;right:20px!important;top:168px!important;width:auto!important;max-width:none!important}
.chapter.active{transform:none!important}
.chapter .eyebrow{font-size:11px!important;margin-bottom:8px!important}
.chapter h1,.chapter h2{font-size:30px!important;line-height:1.08!important;max-width:330px;margin-bottom:12px!important}
.chapter>p,.chapter>.eyebrow,.chapter>h1,.chapter>h2,.margin-heading{transition:opacity .8s ease,filter .8s ease}
.stage.mobile-playing .chapter>h1,.stage.mobile-playing .chapter>h2,.stage.mobile-playing .chapter>.eyebrow,.stage.mobile-playing .chapter>p,.stage.mobile-playing .margin-heading{opacity:0;pointer-events:none;filter:blur(3px)}
/* Overridden: after ~4s idle on mobile, "mobile-playing" mode deliberately
   faded the chapter's own heading/eyebrow/body text to near-invisible to
   spotlight an ambient demo animation (stock schedule, capture-label, etc).
   Repeatedly reported as "content missing/not loading" since nothing
   signals this is intentional — keeping the real copy always visible. */
.stage.mobile-playing .chapter>h1,.stage.mobile-playing .chapter>h2,.stage.mobile-playing .chapter>.eyebrow,.stage.mobile-playing .chapter>p,.stage.mobile-playing .margin-heading{opacity:1;pointer-events:auto;filter:none}
.chapter>p{display:none}.intro-actions{position:fixed;left:20px;bottom:92px;margin:0!important;gap:12px!important}.intro-actions a,.intro-actions button{font-size:13px!important;padding:12px!important;min-height:44px}
.stage .atmosphere,.stage .opening-wash{background:linear-gradient(180deg,#04111f 0%,#04111fe0 17%,#04111f35 36%,transparent 55%,#04111f22 76%,#04111f 100%)!important}
.floor-note,.chapter-count,.chapter-nav,.scroll-hint{display:none!important}.footer{height:72px;padding:0 18px!important}
.mobile-controls{position:fixed;bottom:8px;left:12px;right:12px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:7px;background:linear-gradient(180deg,#082534f5,#061a28f7);border:1px solid #2ee7eb;border-radius:14px;padding:5px 6px;box-shadow:0 0 0 1px #2ee7eb24,0 0 18px #12ddeb22,0 10px 26px #0007;backdrop-filter:blur(12px)}
.mobile-controls button,.mobile-controls select{height:48px;color:#eaffff;font:inherit;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s,opacity .2s}.mobile-controls button{min-width:48px;width:48px;padding:0;border:1px solid #42eff0;border-radius:50%;background:#092b3a;color:#eaffff;font-size:23px;line-height:1;box-shadow:inset 0 0 12px #1de5e51d,0 0 12px #22e6ea69}.mobile-controls button:active:not(:disabled){transform:scale(.94)}
.mobile-controls select{flex:1;min-width:0;max-width:none;padding:0 12px;border:1px solid #4edce25c;border-radius:24px;background:linear-gradient(180deg,#12394ae8,#0a2a3ae8);box-shadow:inset 0 0 16px #2de8df10;color:#f3ffff;font-size:15px;font-weight:550;text-align:center;text-align-last:center}
.mobile-controls button:last-child{border-color:#8affff;background:linear-gradient(145deg,#22dae4,#087b94);color:#fff;box-shadow:inset 0 0 13px #b9ffff38,0 0 0 2px #22e9ed2e,0 0 22px #21e7edc2}
.mobile-controls button:disabled{opacity:.42;box-shadow:none}
.mobile-details{position:fixed;right:20px;top:83px;display:block;z-index:40;background:#0c2837e6;border:1px solid #57ead750;border-radius:24px;color:#dffbf5;padding:12px 17px;font-size:14px}
.stage .forecast-preview{position:fixed;bottom:98px;left:20px;width:195px;max-width:none;margin:0}.forecast-preview img{max-height:92px}.forecast-preview>span{font-size:12px}
.stage .kitchen-meal{position:fixed;bottom:97px;left:20px;width:242px;margin:0}.kitchen-routing-status{position:fixed;bottom:265px;left:20px;font-size:12px!important}.kitchen-meal-items small{display:none}
.stage .staff-app{top:auto!important;bottom:95px;left:16px;width:163px}.staff-phone{height:250px!important}.staff-week,.staff-next,.staff-app-feedback,.staff-demo-note{display:none!important}.staff-switch{margin-bottom:5px}.staff-person{margin-top:7px}.staff-person small{display:none}.staff-shift{margin-top:9px}.staff-phone #accept-shift{min-height:44px}.stage .staff-forecast{position:fixed;left:auto;right:18px;top:auto;bottom:99px;width:157px;max-width:157px;padding:12px;background:#071b2ae6}.staff-forecast small{display:none}
.stage .channel-picker{position:fixed;left:20px;top:244px;margin:0;width:170px;display:flex}.stage.mobile-playing .channel-picker{top:170px;transition:top .6s}.orders-copy .channel-button{display:none!important}.orders-copy .channel-button[aria-pressed=true]{display:flex!important;width:170px!important;height:44px!important;font-size:14px!important;justify-content:center}.orders-copy .channel-button img{max-height:26px}
.stage .menu-hub.order-ticket{position:fixed;left:20px;top:305px;width:245px;margin:0!important;transform:none}.stage.mobile-playing .menu-hub.order-ticket{top:233px;transition:top .6s}.hub-heading{padding:10px!important}.hub-heading h3{font-size:19px}.hub-heading>div>span,.hub-live,.ticket-route,.ticket-status small,.ticket-note{display:none!important}.ticket-header{padding:8px 12px!important}.ticket-items{padding:7px 12px!important}.ticket-items li{font-size:12px!important}.ticket-status{padding:8px 12px!important;font-size:11px}.hub-order-body{min-height:72px}.hub-waiting{font-size:12px}.channel-tour-controls{position:fixed;left:20px;bottom:91px;width:220px}.channel-tour-controls button{min-height:44px}
.stage .dispatch-panel{position:fixed;left:16px;right:16px;top:auto;bottom:99px;width:auto;margin:0}.dispatch-head{display:none}.dispatch-workspace{height:215px!important;grid-template-columns:1fr 145px!important}.dispatch-map-wrap{height:215px!important}.driver-row{min-height:68px!important;padding:6px!important}.delivery-order-items{font-size:10px!important}.driver-state{font-size:10px!important}
.stage .hq-agent{position:fixed;left:20px;right:20px;bottom:99px;width:auto;margin:0;background:#071c2beb}.agent-demo-note,.agent-head small{display:none}.agent-choices button{min-height:44px}.agent-prompt{font-size:13px}.agent-status{font-size:12px}.hq-agent .report-chart{height:45px}
.margin-heading{left:20px!important;right:20px!important;top:168px!important}.margin-visual{top:34%!important;bottom:235px!important}.margin-controls{bottom:96px!important}.target-label{font-size:11px}.head-actions #fullscreen{display:none}
#mobile-info{max-width:calc(100vw - 32px);width:360px;border:1px solid #4b8d8b;background:#092331;color:#e4f8f4;border-radius:18px;padding:24px;line-height:1.6}#mobile-info::backdrop{background:#0009;backdrop-filter:blur(4px)}#mobile-info h2{margin:0;font-size:24px}#mobile-info p{font-size:16px}#mobile-info button{min-height:44px;background:#57ead7;border:0;color:#062321;padding:10px 20px;border-radius:8px}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.stage.mobile-playing .chapter>h1,.stage.mobile-playing .chapter>h2,.stage.mobile-playing .chapter>.eyebrow,.stage.mobile-playing .margin-heading{opacity:1;filter:none}}
.margin-levers{display:none}
@media(max-width:760px){
.stage[data-chapter="7"] .margin-heading{opacity:1!important;filter:none!important;top:166px!important}.margin-heading .eyebrow{display:none}.margin-heading h2{font-size:30px!important}
.margin-levers{position:fixed;top:221px;left:20px;right:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;pointer-events:auto}
.margin-levers button{border:1px solid #315961;background:#082330cc;color:#a5c5c8;border-radius:9px;min-height:46px;font-size:12px;padding:7px 3px;transition:background .5s,border-color .5s,color .5s}
.margin-levers button[aria-pressed=true]{background:#164c48;color:#d6fff0;border-color:#78efd0;box-shadow:0 0 25px #57ead721}.margin-levers button span{font-size:17px;margin-right:5px}.margin-reason{grid-column:1/-1;text-align:center;color:#c5eae1;font-size:13px;margin:3px 0 0;min-height:18px}
.margin-visual{top:39%!important;bottom:239px!important}.margin-visual[data-lever="0"] .sales-halo{opacity:.95}.margin-visual[data-lever="1"] .costs-halo,.margin-visual[data-lever="2"] .costs-halo{opacity:.95}
@media(max-height:740px){.margin-visual{top:47%!important;bottom:213px!important}.margin-controls{gap:12px!important}.margin-controls .margin-scrub{gap:9px}.profit-word strong{font-size:40px}.profit-word small{font-size:11px}}
}
@media(max-width:760px){.stage[data-chapter="7"] .copy{position:fixed;inset:0!important;width:100%!important;height:100%;max-width:none!important}.stage[data-chapter="7"] .margins-copy{inset:0;width:100%;height:100%}.stage[data-chapter="7"] .margin-visual{left:20px;right:20px}.margin-levers{z-index:2}}
@media(max-width:760px){
.stage .chapter{transition:opacity .28s ease;transform:none!important}
.stage .chapter:not(.active){transition:none;visibility:hidden;opacity:0}
.stage .copy,.stage .staff-app,.stage .connections,.stage .targets,#rider-assignments{transition:opacity .25s ease}
.stage.mobile-moving .copy,.stage.mobile-moving .staff-app,.stage.mobile-moving .connections,.stage.mobile-moving .targets,.stage.mobile-moving #rider-assignments{opacity:0!important;pointer-events:none!important}
body:has(.stage.mobile-moving) .mobile-details{opacity:.35;pointer-events:none}
.mobile-controls button:disabled,.mobile-controls select:disabled{opacity:.4}
}
@media(max-width:760px){
.stage[data-chapter="4"] .menu-hub.order-ticket,.stage[data-chapter="4"].mobile-playing .menu-hub.order-ticket{top:auto!important;bottom:155px!important;left:20px!important;transition:opacity .3s!important}
.stage[data-chapter="6"] .hq-agent{display:none!important}
.hq-demo{position:fixed;z-index:21;left:20px;right:20px;bottom:96px;padding:16px;background:#082330f5;border:1px solid #5bafab77;border-radius:16px;color:#e4fbf5;box-shadow:0 15px 50px #0005;transition:opacity .25s}
.hq-demo[hidden],.hq-data[hidden]{display:none!important}.mobile-moving .hq-demo,.mobile-moving .hq-data{opacity:0;pointer-events:none}
.hq-demo-head{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600}.hq-demo-head small{font-size:11px;color:#9ebcbf;font-weight:400}
.hq-demo-tabs{display:flex;gap:6px;margin:12px 0}.hq-demo-tabs button{flex:1;min-height:44px;background:#102f40;border:1px solid #31535f;border-radius:7px;color:#c3dbdb;font-size:12px}.hq-demo-tabs button[aria-pressed=true]{background:#175149;color:#d2ffef;border-color:#6be8c6}
.hq-demo-request{font-size:16px;line-height:1.4;margin:14px 0 7px;min-height:44px}.hq-demo-status{font-size:12px;color:#79eac8;min-height:18px}.hq-demo-result{height:137px;margin-top:12px;border-top:1px solid #47777755;padding-top:13px;transition:opacity .4s}.hq-demo-result.pending{opacity:.15}
.hq-mini-bars{height:65px;display:flex;align-items:end;gap:8px;margin:10px 0 7px}.hq-mini-bars i{flex:1;height:var(--h);background:linear-gradient(#8ef2d9,#258e8c);border-radius:4px 4px 0 0;transform-origin:bottom;animation:hq-bars .8s ease both}.hq-mini-foot{display:flex;justify-content:space-between;font-size:11px;color:#aec8cb}.hq-result-title{font-size:14px}.hq-staff-card{display:flex;gap:12px;align-items:center;padding:12px 0}.hq-staff-avatar{width:44px;height:44px;border-radius:50%;background:#7868aa;color:white;display:grid;place-items:center}.hq-staff-card strong{display:block;font-size:17px}.hq-staff-card small{display:block;margin-top:5px;color:#b3cacc;font-size:12px}.hq-success{font-size:13px;color:#8ff0d2}.hq-price{display:flex;align-items:center;gap:18px;padding:15px 0;font-size:26px}.hq-price del{font-size:18px;color:#9ab1ba}.hq-price strong{color:#8ff0d2}.hq-data{position:absolute;inset:0;width:100%;height:100%;z-index:20;pointer-events:none;transition:opacity .25s}.hq-data path{fill:none;stroke:#72e9cf;stroke-width:1.5;opacity:.65}.hq-data rect{fill:#103842;stroke:#75e9ce}.hq-data text{fill:#e3fff5;font:11px Arial,sans-serif;text-anchor:middle}.hq-demo-foot{font-size:11px;color:#829fa7;margin-top:8px;text-align:right}
@keyframes hq-bars{from{transform:scaleY(.06)}to{transform:scaleY(1)}}
@media(max-height:700px){.hq-demo{padding:12px;bottom:91px}.hq-demo-tabs{margin:8px 0}.hq-demo-request{margin:8px 0 5px;font-size:14px;min-height:38px}.hq-demo-result{height:113px;margin-top:7px;padding-top:9px}.hq-mini-bars{height:49px}.hq-demo-foot{margin-top:3px}}
@media(prefers-reduced-motion:reduce){.hq-mini-bars i{animation:none}}
}
@media(max-width:760px){.stage[data-chapter="6"]>.connections{opacity:0!important}}
@media(max-width:760px){.hq-demo-result.pending{opacity:0}}
@media(max-width:760px){
.hq-demo{bottom:128px;padding:17px 19px;border-radius:13px;background:#082330ec;box-shadow:0 8px 26px #0003;max-width:350px;margin:auto;transition:opacity .45s,transform .45s}
.hq-demo-head{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#80dfc8}
.hq-demo-request{font-size:19px;min-height:0;margin:10px 0 0;line-height:1.4}
.hq-demo-status{font-size:15px;line-height:1.4;min-height:0;margin-top:9px}
.hq-demo[data-phase="0"] .hq-demo-status{display:none}
.hq-demo:not([data-phase="0"]) .hq-demo-request{display:none}
.hq-demo-result.pending{display:none}.hq-demo-result{height:auto;min-height:0;padding-top:12px;margin-top:12px}
.hq-demo[data-phase="5"]{opacity:0;transform:translateY(-12px);pointer-events:none}
.hq-demo[data-phase="2"] .hq-demo-status:after{content:' ●';color:#75f0d0;animation:task-working 1s ease-in-out infinite alternate}
@keyframes task-working{to{opacity:.2}}
@media(prefers-reduced-motion:reduce){.hq-demo[data-phase="2"] .hq-demo-status:after{animation:none}}
}
@media(max-width:760px){
.stage[data-chapter="4"] .menu-hub.order-ticket{width:min(330px,calc(100vw - 40px));max-height:320px;overflow:hidden;border:1px solid #e17b9166;background:linear-gradient(140deg,#163342f7,#081d2bf7);box-shadow:0 16px 40px #0006;transition:width .55s ease,max-height .6s ease,opacity .3s!important}
.stage[data-chapter="4"] .menu-hub[data-phase="0"]{width:223px;max-height:64px;border-color:#ff617877}
.menu-hub .hub-heading{height:62px;box-sizing:border-box;padding:10px 14px!important;gap:12px}.menu-hub .hub-heart{width:34px;font-size:39px}.menu-hub .hub-heading h3{font-size:20px}
.menu-hub .hub-order-body{min-height:0}.menu-hub .ticket-header{padding:12px 14px 8px!important}.menu-hub .ticket-source{font-size:13px}.menu-hub .ticket-number strong{font-size:13px}.menu-hub .ticket-number span{font-size:10px}
.menu-hub .ticket-items{display:grid;gap:5px;padding:4px 12px 12px!important}.menu-hub .ticket-items li{display:flex;padding:5px 8px;background:#ffffff06;border:1px solid #ffffff08;border-radius:7px;font-size:13px!important;gap:8px}.menu-hub .ticket-items li b{color:#8cebd5}.menu-hub .ticket-status{background:#163e43;border-top:1px solid #81ead42a;color:#a8f6df;padding:10px 14px!important}.menu-hub .hub-waiting{display:none!important}
.menu-hub[data-phase="0"] .hub-order-body,.menu-hub[data-phase="0"] .ticket-status{opacity:0}.menu-hub[data-phase="1"] .hub-order-body{animation:receipt-in .5s ease both}.menu-hub[data-phase="1"]{box-shadow:0 0 26px #ff47632c,0 16px 40px #0006!important}
@keyframes receipt-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.stage .forecast-preview{width:calc(100vw - 40px);max-width:350px;bottom:100px;border:1px solid #81e8d3;border-radius:14px;background:#082532f5;box-shadow:0 0 30px #42dfca20,0 15px 40px #0005;overflow:hidden;padding:0;text-align:left}
.forecast-preview>img,.forecast-preview>span{display:none!important}.stock-schedule{display:block;padding:16px;color:#e5fcf6}.schedule-head{display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:600;margin-bottom:16px}.schedule-head small{font-size:9px;letter-spacing:.12em;color:#92aaa9}.schedule-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);align-items:center;gap:5px;font-size:10px}.schedule-grid>b{text-align:center;color:#91b4b9;font-size:10px;padding-bottom:4px}.schedule-grid>span{font-size:11px}.schedule-grid>i{font-style:normal;text-align:center;padding:10px 0;background:#163c49;border-radius:5px;color:#d4f9f0}.schedule-grid>i.busy{background:#7153a6;color:white}.schedule-grid>i.delivery{background:#19584e;color:#a9ffe0}.schedule-grid>i.order{background:#3f3760;color:#ddc5ff}.schedule-foot{display:flex;justify-content:space-between;gap:8px;margin-top:14px;font-size:9px;color:#94b8ba}.schedule-foot b{color:#a0f4df;font-weight:500}.schedule-foot i,.capture-label i{display:inline-block;width:5px;height:5px;background:#6df1cf;border-radius:50%;margin-right:4px;box-shadow:0 0 8px #6df1cf}
.capture-label{display:none;position:absolute;left:20px;top:170px;font-size:11px;letter-spacing:.03em;color:#b1e4da}.stage[data-chapter="0"].mobile-playing .capture-label{display:block;animation:receipt-in .8s ease}
@media(max-height:700px){.stage[data-chapter="4"] .menu-hub.order-ticket{bottom:145px!important}.menu-hub .ticket-items li{padding:3px 8px}.stock-schedule{padding:13px}.schedule-grid>i{padding:8px 0}}
@media(prefers-reduced-motion:reduce){.menu-hub,.menu-hub .hub-order-body,.capture-label{animation:none!important;transition:none!important}}
}
@media(max-width:760px){.stage .menu-hub .ticket-items{display:grid!important;grid-template-columns:1fr!important}.stage .menu-hub .ticket-items li{width:auto!important}.stage[data-chapter="4"] .menu-hub[data-phase="0"]{max-height:64px!important}.stage .schedule-foot b{font-size:10px!important}}
@media(max-width:760px){
.stage[data-chapter="4"] .menu-hub.order-ticket{width:270px!important;max-height:215px;bottom:155px!important;border-radius:12px}
.stage[data-chapter="4"] .menu-hub[data-phase="0"]{width:218px!important;max-height:51px!important}
.stage .menu-hub .hub-heading{height:49px;padding:8px 12px!important;gap:10px}.stage .menu-hub .hub-heart{font-size:32px;width:28px}.stage .menu-hub .hub-heading h3{font-size:18px}
.stage .menu-hub .ticket-header{padding:7px 12px 4px!important}.stage .menu-hub .ticket-source{font-size:12px}.stage .menu-hub .ticket-source img{max-height:20px;max-width:75px}.stage .menu-hub .ticket-items{gap:1px;padding:3px 10px 6px!important}.stage .menu-hub .ticket-items li{padding:2px 4px;font-size:12px!important;background:none;border:0;min-height:23px;gap:6px}.stage .menu-hub .ticket-food{width:22px;height:22px;transform:scale(.8);transform-origin:center}.stage .menu-hub .ticket-status{padding:7px 12px!important;font-size:10px}
.stage .menu-hub[data-phase="3"]{border-color:#74d9bc88}.margin-levers{z-index:30!important}.margin-levers button{cursor:pointer;touch-action:manipulation}.margin-levers button:active{transform:scale(.96)}
.stage[data-chapter="7"] .readable-packet{filter:drop-shadow(0 0 4px #7affdb)}
}
@media(max-width:760px){
.schedule-grid>b{padding:7px 0;border-radius:5px;transition:background .4s,color .4s}.schedule-grid>b.active-day{background:#85efd6;color:#092e32}.schedule-grid>i.active-day{outline:1px solid #8beed0;box-shadow:0 0 12px #71f2d31c}.schedule-grid>i{transition:background .4s,outline-color .4s}.readable-packet{filter:drop-shadow(0 0 3px #4df5d388)}
}
@media(max-width:760px){.order-carry{position:fixed;z-index:80;left:20px;bottom:155px;width:245px;padding:15px 13px;border:1px solid #8ee6d0;border-radius:12px;background:#103440;box-shadow:0 0 28px #71ead344;display:flex;align-items:center;justify-content:space-between;color:#dbfff0;font-size:12px;transition:transform 1.1s ease,opacity .3s}.order-carry img{max-width:75px;max-height:25px}.order-carry .voice-wave{display:none}.order-carry.dropping{transform:translateY(58px);opacity:.95}.kitchen-meal-footer{gap:12px}.kitchen-meal-footer button{min-height:38px}.stage[data-chapter="2"] .kitchen-routing-status{max-width:calc(100vw - 40px)}}
@media(max-width:760px){.stage[data-chapter="2"] .kitchen-copy>h2,.stage[data-chapter="2"] .kitchen-copy>.eyebrow{opacity:0!important;pointer-events:none}.order-carry .ticket-source{font-size:12px}.order-carry .ticket-source>span{font-size:12px}}
@media(max-width:760px){.stage[data-chapter="2"].concept-kitchen-intro .kitchen-copy>h2,.stage[data-chapter="2"].concept-kitchen-intro .kitchen-copy>.eyebrow{opacity:1!important;filter:none!important}.stage[data-chapter="2"] .kitchen-copy>h2,.stage[data-chapter="2"] .kitchen-copy>.eyebrow{transition:opacity .7s ease!important}}
@media(max-width:760px){
.product-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:7px;align-items:center}.product-column{font-size:12px;color:#8cabb4}.product-day{padding:7px 0;text-align:center;border-radius:5px;font-size:11px;color:#9ab8bd}.product-day.active{background:#8deed8;color:#062c31}.product-name{font-size:13px;line-height:1.2;color:#e3f7f2}.product-name small{display:block;color:#8daeb5;font-size:10px;margin-top:4px}.product-quantity{background:#123744;border:1px solid #31525e;border-radius:7px;padding:9px 6px;min-height:46px;text-align:center}.product-quantity strong{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.product-quantity.forecast{opacity:.4;border-style:dashed}.product-quantity.past{opacity:.6}.stock-meter{display:block;height:3px;background:#ffffff15;margin-top:8px;border-radius:3px;overflow:hidden}.stock-meter i{display:block;height:100%;background:#7ce5cd;transition:width 1s}.product-quantity.low{background:#4a3421;border-color:#d99848;color:#ffd397}.product-quantity.low .stock-meter i{background:#ffbd6c}.product-quantity.arrived{background:#155549;border-color:#89f4d3;color:#c3ffe9;animation:jit-arrival 1.2s ease}.jit-status{display:flex;gap:7px;align-items:center;margin-top:16px;color:#b7ecdd;font-size:13px}.jit-status strong{font-weight:500}.jit-dot{width:6px;height:6px;border-radius:50%;background:#82e4c5;flex:none}.stock-schedule[data-stock-phase="1"] .jit-dot,.stock-schedule[data-stock-phase="2"] .jit-dot{background:#ffbd6c;box-shadow:0 0 8px #ffbd6c88}.jit-detail{font-size:11px;color:#a3bec5;margin-top:6px}.jit-legend{display:flex;justify-content:space-between;margin-top:13px;border-top:1px solid #7cc5b926;padding-top:9px;font-size:9px;color:#85a7ae}.jit-legend b{font-size:10px;font-weight:500;color:#9ce8d6}@keyframes jit-arrival{0%{box-shadow:0 0 20px #7bffd488}100%{box-shadow:0 0 0 transparent}}
@media(prefers-reduced-motion:reduce){.product-quantity.arrived{animation:none}}
}
@media(max-width:760px){
.stage[data-chapter="7"] .margin-levers,.stage[data-chapter="7"] .margin-scrub{display:none!important}.stage[data-chapter="7"] .margin-heading{top:164px!important;right:20px!important}.stage[data-chapter="7"] .margin-heading h2{font-size:31px!important}.stage[data-chapter="7"] .margin-visual{top:34%!important;bottom:245px!important}.stage[data-chapter="7"] .margin-controls{grid-template-columns:1fr auto;bottom:96px!important}.stage[data-chapter="7"] .margin-replay{grid-column:1;grid-row:1}.stage[data-chapter="7"] .margin-contact{grid-column:2;grid-row:1}
.profit-story{position:fixed;z-index:4;left:20px;right:20px;top:245px;pointer-events:none}.profit-event{width:min(285px,calc(100vw - 40px));margin:auto;display:flex;gap:11px;align-items:center;padding:10px 13px;border:1px solid #71e5ca66;border-radius:11px;background:#082632ed;box-shadow:0 10px 30px #0004;opacity:0;transform:translateY(9px)}.profit-event.show{animation:profit-event-in .55s ease forwards}.profit-event>i{width:8px;height:8px;border-radius:50%;background:#82f5d3;box-shadow:0 0 14px #82f5d3;flex:none}.profit-event div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;width:100%}.profit-event small{grid-column:2;grid-row:1/3;font-size:11px;color:#83f2d2}.profit-event strong{font-size:15px;font-weight:600;color:#edfff9}.profit-event span{font-size:11px;color:#96b7bd}.profit-progress{display:flex;justify-content:center;gap:5px;margin-top:8px}.profit-progress i{width:20px;height:2px;background:#41605f;border-radius:3px}.profit-progress i.active{background:#75ebcc;box-shadow:0 0 7px #75ebcc}.stage[data-chapter="7"] .profit-word small{font-size:13px}.stage[data-chapter="7"] .profit-word strong{font-size:42px}.stage[data-chapter="7"] .profit-word>span{display:none}
@keyframes profit-event-in{to{opacity:1;transform:none}}
@media(max-height:700px){.profit-story{top:215px}.stage[data-chapter="7"] .margin-heading{top:145px!important}.stage[data-chapter="7"] .margin-visual{top:40%!important;bottom:220px!important}}
@media(prefers-reduced-motion:reduce){.profit-event.show{animation:none;opacity:1;transform:none}}
}

/* Compact stock forecast: useful detail without covering the restaurant. */
@media(min-width:761px){.stage[data-chapter="1"] .forecast-preview{width:335px}}
@media(max-width:760px){
.stage[data-chapter="1"] .forecast-preview{width:min(278px,calc(100vw - 48px));max-width:none}
.stage[data-chapter="1"] .stock-schedule{padding:11px}
.stage[data-chapter="1"] .schedule-head{font-size:15px;margin-bottom:10px}
.stage[data-chapter="1"] .product-grid{grid-template-columns:1.3fr repeat(3,1fr);gap:4px}
.stage[data-chapter="1"] .product-column{font-size:10px}.stage[data-chapter="1"] .product-day{padding:5px 0;font-size:9px}
.stage[data-chapter="1"] .product-name{font-size:11px}.stage[data-chapter="1"] .product-name small{font-size:8px;margin-top:2px}
.stage[data-chapter="1"] .product-quantity{padding:5px 3px;min-height:36px;border-radius:5px}.stage[data-chapter="1"] .product-quantity strong{font-size:12px}.stage[data-chapter="1"] .stock-meter{margin-top:5px}
.stage[data-chapter="1"] .jit-status{margin-top:9px;font-size:11px}.stage[data-chapter="1"] .jit-detail{font-size:9px;margin-top:4px}.stage[data-chapter="1"] .jit-legend{margin-top:8px;padding-top:6px;font-size:8px}
}