*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body.industry-page{margin:0;background:#f6f8fc;color:var(--text);font-family:var(--mp-font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
.industry-page button,.industry-page input,.industry-page select{font:inherit}
.industry-page button,.industry-page a,.industry-page input,.industry-page select{-webkit-tap-highlight-color:transparent}
.industry-page button{cursor:pointer}
.industry-page a{color:inherit;text-decoration:none}
.industry-page button:focus-visible,.industry-page a:focus-visible,.industry-page input:focus-visible,.industry-page select:focus-visible{outline:3px solid #79a1ff;outline-offset:3px}
.industry-skip{position:absolute;left:-10000px;top:8px;z-index:99;padding:10px 14px;background:#fff;border-radius:10px;color:var(--navy)}
.industry-skip:focus{left:12px}
.industry-header{position:sticky;z-index:30;top:0;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:76px;padding:0 max(30px,calc((100vw - 1240px)/2));border-bottom:1px solid #e8edf4;background:#ffffffed;backdrop-filter:blur(18px)}
.industry-brand{display:inline-flex;align-items:center;flex:0 0 auto}
.industry-brand img{display:block;width:176px;height:auto}
.industry-header nav{display:flex;align-items:center;gap:28px;color:#65758e;font-size:13px}
.industry-header nav a{transition:color .18s ease}
.industry-header nav a:hover{color:var(--blue)}
.industry-main{width:min(1240px,calc(100% - 64px));margin:0 auto}
.industry-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);align-items:center;gap:54px;padding:76px 0 58px}
.industry-hero-copy{max-width:710px}
.demo-eyebrow{margin:0 0 11px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.15em;line-height:1.35}
.demo-spark{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:3px;background:linear-gradient(140deg,#8dbdff,#315ce8);box-shadow:0 0 0 4px #e6efff;vertical-align:1px}
.industry-hero h1{margin:0;color:var(--navy);font:800 clamp(42px,6vw,72px)/1.02 var(--mp-font-display);letter-spacing:-.075em}
.industry-hero h1 em,.industry-bottom-cta h2 em{color:var(--blue);font-style:normal}
.industry-lead{max-width:640px;margin:21px 0 0;color:#64738b;font-size:17px;line-height:1.72}
.industry-hero-ctas{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:25px}
.industry-primary,.industry-secondary,.action-button,.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 16px;border:1px solid transparent;border-radius:12px;font-size:13px;font-weight:700;line-height:1.3;transition:transform .17s ease,box-shadow .17s ease,background .17s ease,border-color .17s ease}
.industry-primary{background:var(--blue);color:#fff!important;box-shadow:0 8px 20px #315ce82b}
.industry-primary:hover{background:#244dd0;transform:translateY(-2px);box-shadow:0 11px 24px #315ce83b}
.industry-secondary,.action-button{border-color:#dfe6f1;background:#fff;color:var(--navy);box-shadow:0 5px 14px #1a36590a}
.industry-secondary:hover,.action-button:hover,.quiet-button:hover{border-color:#b9caf1;background:#f8faff;transform:translateY(-1px)}
.industry-secondary span{color:var(--blue)}
.industry-micro{margin:15px 0 0;color:#8a97ab;font-size:11px}
.loop-card{padding:25px 25px 19px;border:1px solid #e3eaf4;border-radius:22px;background:linear-gradient(145deg,#fff,#f5f8ff);box-shadow:0 18px 48px #34517e0b}
.loop-label{margin:0 0 11px;color:#8a97ab;font-size:9px;font-weight:800;letter-spacing:.14em}
.loop-card ol{display:grid;gap:0;padding:0;margin:0;list-style:none}
.loop-card li{position:relative;display:flex;align-items:center;gap:14px;min-height:57px}
.loop-card li:not(:last-child):after{position:absolute;left:15px;top:43px;width:1px;height:17px;background:#d9e4f5;content:""}
.loop-card li>span,.matcha-steps li>span{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border:1px solid #dce6f9;border-radius:10px;background:#f4f7ff;color:var(--blue);font-size:10px;font-weight:800}
.loop-card strong,.loop-card small{display:block}
.loop-card strong{color:var(--navy);font-size:12px}
.loop-card small{margin-top:1px;color:#8390a5;font-size:10px}
.loop-foot{display:flex;align-items:center;gap:9px;padding-top:14px;border-top:1px solid #e9eef5;color:#6d7c93;font-size:10px}
.live-dot{width:7px;height:7px;border-radius:50%;background:#34a883;box-shadow:0 0 0 4px #e8f7f1}
.industry-selector{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:25px 28px;margin:0 0 42px;border:1px solid #e3eaf4;border-radius:22px;background:#fff;box-shadow:0 12px 38px #203b6508}
.industry-selector h2{margin:0;color:var(--navy);font:750 clamp(22px,3vw,31px)/1.15 var(--mp-font-display);letter-spacing:-.05em}
.industry-tabs{display:flex;gap:10px}
.industry-tabs button{display:flex;align-items:center;gap:11px;min-width:217px;padding:11px 13px;border:1px solid #e4eaf3;border-radius:15px;background:#fff;color:var(--text);text-align:left;transition:all .18s ease}
.industry-tabs button:hover{border-color:#bdccf3;background:#f9fbff;transform:translateY(-1px)}
.industry-tabs button[aria-selected=true]{border-color:#9db5f1;background:#f2f6ff;box-shadow:0 0 0 2px #eaf0ff}
.tab-icon{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:12px;font-size:12px;font-weight:800}
.vending-icon{background:#eaf1ff;color:#315ce8}.matcha-icon{background:#e8f5ef;color:#267764}
.industry-tabs strong,.industry-tabs small{display:block}
.industry-tabs strong{color:var(--navy);font-size:12px}
.industry-tabs small{margin-top:2px;color:#8491a6;font-size:9px}
.tab-arrow{margin-left:auto;color:#8ea2c6;font-size:14px}
.industry-demo[hidden]{display:none!important}
.industry-demo{padding:0 0 55px;scroll-margin-top:96px;animation:panel-in .35s ease both}
@keyframes panel-in{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}
.demo-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 23px}
.demo-title-row h2{margin:0;color:var(--navy);font:800 clamp(27px,3.6vw,41px)/1.12 var(--mp-font-display);letter-spacing:-.06em}
.demo-title-row p:not(.demo-eyebrow){max-width:720px;margin:10px 0 0;color:#728098;font-size:14px}
.sample-badge{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:8px 11px;border:1px solid #dfe8f7;border-radius:99px;background:#f7f9ff;color:#647897;font-size:9px;font-weight:800;letter-spacing:.08em}
.sample-badge .live-dot{width:6px;height:6px}
.matcha-badge .live-dot{background:#31916e;box-shadow:0 0 0 4px #e9f5ef}
.industry-story-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:16px;align-items:stretch;margin-bottom:18px}
.people-render,.pipeline-card,.matcha-story-copy,.surface,.event-card{border:1px solid #e1e8f2;border-radius:19px;background:#fff;box-shadow:0 12px 35px #203b6508}
.people-render{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;margin:0;background:#eaf2fd}
.people-render img{display:block;width:100%;height:100%;min-height:315px;max-height:390px;object-fit:cover}
.people-render figcaption{position:absolute;right:12px;bottom:12px;left:12px;display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #ffffffbd;border-radius:11px;background:#ffffffdf;color:#47617f;font-size:9px;font-weight:800;letter-spacing:.08em;backdrop-filter:blur(10px)}
.people-render figcaption span:last-child{font-weight:600;letter-spacing:0}
.matcha-render{background:#edf5f1}
.pipeline-card{padding:21px 22px}
.pipeline-heading,.surface-heading,.customer-phone-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.pipeline-heading h3,.surface-heading h3,.worker-route-head h3,.workbench-heading h3,.matcha-dashboard-heading h3,.customer-phone-top h3{margin:0;color:var(--navy);font:750 18px/1.2 var(--mp-font-display);letter-spacing:-.04em}
.pipeline-heading .demo-eyebrow,.surface-heading .demo-eyebrow,.workbench-heading .demo-eyebrow,.matcha-dashboard-heading .demo-eyebrow,.customer-phone-top .demo-eyebrow{margin-bottom:5px}
.signal-chip{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 9px;border-radius:99px;background:#f2f5fa;color:#7d8ca2;font-size:9px;font-weight:700}
.signal-pulse{width:6px;height:6px;border-radius:50%;background:#9aa9bd}
.signal-chip.live{background:#eaf7f0;color:#227a55}.signal-chip.live .signal-pulse{background:#2ca57a;box-shadow:0 0 0 4px #d5f0e4;animation:pulse-dot 1.8s ease-in-out infinite}
@keyframes pulse-dot{50%{box-shadow:0 0 0 7px #d5f0e400}}
.pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:6px;margin:22px 0 17px}
.pipeline-node{display:grid;justify-items:center;gap:4px;min-width:0;padding:12px 5px;border:1px solid #e8edf5;border-radius:13px;background:#fbfcff;text-align:center}
.pipeline-node-last{border-color:#d6e2fb;background:#f4f7ff}
.pipeline-glyph{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eaf1ff;color:var(--blue);font-size:16px}
.pipeline-node strong{color:#31415a;font-size:9px;line-height:1.2}
.pipeline-node small{color:#8d9aaf;font-size:8px;line-height:1.25}
.pipeline-arrow{color:#9cb0d3;font-size:15px}
.pipeline-note{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e5ecf5;border-radius:12px;background:#f8faff}
.note-icon{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border-radius:50%;background:#e8effb;color:#5876ac;font-size:11px;font-weight:800}
.pipeline-note p{margin:0;color:#718099;font-size:10px;line-height:1.55}
.pipeline-note strong{color:#4d607b}
.action-button{min-height:40px;padding:9px 13px;font-size:11px}
.pipeline-card>.action-button{margin-top:13px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0 26px}
.metric-card{display:flex;align-items:center;gap:12px;min-height:94px;padding:15px;border:1px solid #e3eaf4;border-radius:15px;background:#fff;box-shadow:0 8px 22px #1a365908}
.metric-icon{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:12px;background:#eef3ff;color:#315ce8;font-size:14px;font-weight:800}
.metric-card.attention .metric-icon{background:#fff4e1;color:#98611a}.metric-card.healthy .metric-icon{background:#e9f6ef;color:#277a56}.metric-card.neutral .metric-icon{background:#f1f4f8;color:#697b94}
.metric-card strong,.metric-card small,.metric-card span{display:block}
.metric-card strong{color:var(--navy);font:800 24px/1.05 var(--mp-font-display);font-variant-numeric:tabular-nums;letter-spacing:-.06em}
.metric-card span{margin-top:3px;color:#54647c;font-size:10px;font-weight:700}
.metric-card small{margin-top:2px;color:#98a2b2;font-size:9px;line-height:1.3}
.workbench-heading,.matcha-dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 13px}
.segmented-control{display:inline-flex;gap:3px;padding:4px;border:1px solid #e0e7f2;border-radius:12px;background:#f4f6fa}
.segmented-control button{min-height:34px;padding:7px 13px;border:0;border-radius:9px;background:transparent;color:#75839a;font-size:11px;font-weight:700}
.segmented-control button[aria-pressed=true]{background:#fff;color:var(--navy);box-shadow:0 2px 8px #21395815}
.vending-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.4fr);gap:14px;margin-bottom:14px}
.surface{min-width:0;padding:18px}
.surface-count{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #dfe8fb;border-radius:10px;background:#f1f5ff;color:var(--blue);font-size:11px;font-weight:800}
.machine-list{display:grid;gap:8px;margin-top:15px}
.machine-row{display:grid;width:100%;gap:6px;padding:12px;border:1px solid #e5eaf2;border-radius:13px;background:#fff;color:var(--text);text-align:left;transition:all .16s ease}
.machine-row:hover{border-color:#b8c9ed;background:#fbfcff;transform:translateY(-1px)}
.machine-row.selected{border-color:#92acec;background:#f5f8ff;box-shadow:0 0 0 2px #edf2ff}
.machine-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.machine-row-name{color:var(--navy);font-size:11px;font-weight:800}
.machine-row-id{color:#8b99ad;font-size:9px}
.status-pill{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:4px 7px;border-radius:99px;background:#edf7f1;color:#277a56;font-size:8px;font-weight:800;white-space:nowrap}
.status-pill:before{width:5px;height:5px;border-radius:50%;background:currentColor;content:""}
.status-pill.warn{background:#fff4e1;color:#98611a}.status-pill.critical{background:#fff0f0;color:#b13c4a}
.machine-row-meta{display:flex;justify-content:space-between;gap:8px;color:#8290a4;font-size:9px}
.machine-detail-surface{min-height:376px}
.machine-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #edf0f5}
.machine-detail-head h3{margin:0;color:var(--navy);font:800 22px/1.18 var(--mp-font-display);letter-spacing:-.05em}
.machine-detail-head p{margin:4px 0 0;color:#7d8ba1;font-size:10px}
.machine-detail-head .status-pill{margin-top:2px}
.machine-detail-meta{display:flex;gap:17px;flex-wrap:wrap;margin-top:12px;color:#75839a;font-size:9px}
.machine-detail-meta strong{color:#4b5e79}
.stock-levels{display:grid;gap:10px;padding:14px 0 3px}
.stock-level-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;align-items:center}
.stock-level-title{display:flex;align-items:center;gap:7px;color:#34455e;font-size:10px;font-weight:700}
.drink-swatch{width:9px;height:9px;border-radius:3px;background:var(--swatch,#315ce8)}
.stock-level-count{color:#53647d;font-size:9px;font-weight:800;font-variant-numeric:tabular-nums}
.stock-track{grid-column:1/-1;height:7px;overflow:hidden;border-radius:99px;background:#edf1f7}
.stock-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#83acf5,#315ce8);transition:width .35s ease}
.stock-fill.low{background:linear-gradient(90deg,#f5ca74,#e7a33d)}
.machine-alert{display:flex;align-items:flex-start;gap:9px;margin:13px 0 0;padding:12px;border-radius:12px;background:#fff7e8;color:#886021;font-size:10px;line-height:1.5}
.machine-alert.red{background:#fff1f1;color:#a8444f}
.machine-alert strong{display:block;color:inherit}
.manager-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.manager-actions .action-button{font-size:10px}
.worker-route-panel{padding:20px;border:1px solid #e3eaf4;border-radius:19px;background:#fff;box-shadow:0 12px 35px #203b6508}
.worker-route-panel[hidden]{display:none!important}
.worker-route-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:15px;border-bottom:1px solid #eef1f6}
.worker-route-head h3{font-size:20px}
.worker-route-head p:not(.demo-eyebrow){max-width:680px;margin:6px 0 0;color:#7d8ba1;font-size:11px}
.worker-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #dce7fd;border-radius:14px;background:#edf3ff;color:var(--blue);font:800 16px var(--mp-font-display)}
.route-stops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0 16px}
.route-stop{display:grid;gap:6px;padding:12px;border:1px solid #e5eaf2;border-radius:13px;background:#fff;text-align:left;transition:all .16s}
.route-stop:hover{border-color:#b8c9ed;background:#fafcff}
.route-stop.selected{border-color:#92acec;background:#f5f8ff;box-shadow:0 0 0 2px #edf2ff}
.route-stop strong{color:var(--navy);font-size:10px}
.route-stop small{color:#8290a4;font-size:9px}
.stock-transfer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stock-panel{box-shadow:none}
.stock-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#eef3ff;color:var(--blue);font-size:10px;font-weight:800}
.van-icon{background:#ecf7f2;color:#277a56}
.stock-rows{display:grid;gap:0;margin-top:10px}
.stock-row{display:grid;grid-template-columns:1fr auto;gap:2px 9px;padding:8px 0;border-bottom:1px solid #f0f2f6}
.stock-row:last-child{border-bottom:0}
.stock-row strong{color:#455771;font-size:10px;font-weight:700}
.stock-row span{color:var(--navy);font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}
.stock-row small{grid-column:1/-1;color:#98a2b2;font-size:8px}
.route-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.route-actions .industry-primary,.route-actions .action-button{font-size:10px}
.action-secondary{color:#556983}
.action-feedback{min-height:17px;margin:9px 0 0;color:#6b7c94;font-size:10px}
.event-card{padding:18px;margin-top:14px}
.quiet-button{min-height:32px;padding:6px 9px;border-color:#e3e9f2;background:#fff;color:#738199;font-size:9px;box-shadow:none}
.event-list{display:grid;gap:0;padding:0;margin:10px 0 0;list-style:none}
.event-list li{position:relative;display:flex;align-items:flex-start;gap:9px;padding:9px 0;border-bottom:1px solid #f0f2f6;color:#61718a;font-size:9px}
.event-list li:last-child{border-bottom:0}
.event-mark{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:7px;background:#eef3ff;color:var(--blue);font-size:9px;font-weight:800}
.event-list time{margin-left:auto;color:#98a2b2;font-size:8px;white-space:nowrap}
.sample-disclosure{margin:11px 0 0;color:#929eaf;font-size:9px;line-height:1.5}
.matcha-story-grid{grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)}
.matcha-story-copy{display:flex;flex-direction:column;justify-content:center;padding:23px 25px}
.matcha-story-copy h3{max-width:440px;margin:0;color:var(--navy);font:800 25px/1.13 var(--mp-font-display);letter-spacing:-.055em}
.matcha-steps{display:grid;gap:0;padding:0;margin:17px 0 0;list-style:none}
.matcha-steps li{display:flex;align-items:center;gap:11px;min-height:54px}
.matcha-steps li:not(:last-child){position:relative}
.matcha-steps li:not(:last-child):after{position:absolute;left:15px;top:40px;width:1px;height:15px;background:#dbe7e1;content:""}
.matcha-steps li>span{flex-basis:30px;width:30px;height:30px;border-color:#dfede5;background:#eef7f2;color:#2a8462}
.matcha-steps strong,.matcha-steps small{display:block}
.matcha-steps strong{color:#364962;font-size:10px}
.matcha-steps small{margin-top:2px;color:#8391a4;font-size:9px}
.story-note{margin:13px 0 0;padding-top:12px;border-top:1px solid #edf1f4;color:#8b98a9;font-size:9px}
.matcha-dashboard-heading{margin:26px 0 12px}
.period-picker{display:flex;align-items:center;gap:9px;color:#8290a4;font-size:9px}
.period-picker select{min-height:34px;padding:6px 30px 6px 10px;border:1px solid #e0e7f2;border-radius:10px;background:#fff;color:#40536d;font-size:10px;font-weight:700}
.matcha-metrics{margin-top:0}
.matcha-metrics .metric-card:nth-child(2) .metric-icon{background:#edf7f2;color:#267764}
.matcha-metrics .metric-card:nth-child(3) .metric-icon{background:#f4f0ff;color:#725bb3}
.matcha-metrics .metric-card:nth-child(4) .metric-icon{background:#fff4e5;color:#9a6c23}
.matcha-dashboard-grid{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(280px,1.1fr) minmax(240px,.85fr);gap:12px;align-items:start}
.matcha-dashboard-grid>.surface{min-height:372px;padding:17px}
.menu-sales{display:grid;gap:11px;margin-top:17px}
.menu-sale-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center}
.menu-sale-name{display:flex;align-items:center;gap:7px;color:#41536c;font-size:10px;font-weight:700}
.menu-sale-count{color:var(--navy);font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}
.menu-sale-track{grid-column:1/-1;height:6px;overflow:hidden;border-radius:99px;background:#edf1f5}
.menu-sale-fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#9dd5b7,#2e906a);transition:width .35s ease}
.menu-sale-row.slow .menu-sale-fill{background:linear-gradient(90deg,#f5cf88,#e3a447)}
.menu-sale-row small{grid-column:1/-1;color:#8b99aa;font-size:8px}
.slow-mover-note{display:flex;gap:9px;margin-top:17px;padding:11px;border:1px solid #f0e6d1;border-radius:12px;background:#fffaf0;color:#876021}
.slow-mover-note .note-icon{background:#fff0d1;color:#946821}
.slow-mover-note p{margin:0;font-size:9px;line-height:1.5}
.slow-mover-note strong{display:block;margin-bottom:2px;color:#70501d;font-size:10px}
.order-ticket{display:grid;gap:10px;margin-top:14px;padding:13px;border:1px solid #e7edf5;border-radius:14px;background:#f9fbff}
.ticket-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ticket-id{color:#70809a;font-size:9px;font-weight:800;letter-spacing:.06em}
.ticket-stage{padding:4px 7px;border-radius:99px;background:#edf2ff;color:#4261ba;font-size:8px;font-weight:800}
.ticket-stage.preparing{background:#fff4e2;color:#94631e}.ticket-stage.ready{background:#eaf7ef;color:#267853}.ticket-stage.collected{background:#edf0f4;color:#66778e}
.ticket-drink{color:var(--navy);font:800 15px/1.2 var(--mp-font-display);letter-spacing:-.03em}
.ticket-mods{color:#7c899d;font-size:9px}
.ticket-scan-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;border-top:1px solid #e9edf4;color:#78879c;font-size:9px}
.ticket-scan-row strong{color:#435671;font-variant-numeric:tabular-nums}
.order-actions{margin-top:10px}
.order-actions .industry-primary,.order-actions .action-button{width:100%;font-size:10px}
.order-actions .action-button{margin-top:8px}
.customer-surface{background:linear-gradient(150deg,#fff,#f7fbf9)}
.customer-phone-top{justify-content:flex-start}
.phone-dot{width:10px;height:10px;border:2px solid #3e9674;border-radius:50%;box-shadow:0 0 0 5px #eaf6f0}
.customer-state{margin-left:auto;padding:5px 7px;border-radius:99px;background:#edf2f5;color:#748298;font-size:8px;font-weight:800}
.customer-state.ready{background:#e9f6ef;color:#267853}.customer-state.collected{background:#edf0f4;color:#64758d}
.customer-pickup-card{display:grid;place-items:center;min-height:146px;margin:15px 0 13px;padding:15px;border:1px dashed #d7e6dc;border-radius:14px;background:#f6fbf8;text-align:center}
.pickup-empty-icon{display:grid;place-items:center;width:39px;height:39px;margin-bottom:9px;border-radius:13px;background:#eaf5ee;color:#43876d;font-size:17px}
.customer-pickup-card strong{display:block;color:var(--navy);font:800 17px var(--mp-font-display)}
.customer-pickup-card small{display:block;max-width:210px;margin:4px auto 0;color:#8795a6;font-size:9px}
.pickup-ready{display:grid;gap:5px;width:100%}
.pickup-slot{display:inline-flex;justify-content:center;align-items:center;gap:5px;margin:0 auto 2px;padding:5px 8px;border-radius:8px;background:#eaf1ff;color:#3559b6;font-size:9px;font-weight:800}
.pickup-code-display{color:#2456df!important;font:800 26px var(--mp-font-display)!important;letter-spacing:.14em}
.pickup-ready .pickup-product{color:#6f7f96;font-size:9px}
.pickup-form label{display:block;margin-bottom:6px;color:#65758e;font-size:9px;font-weight:700}
.pickup-code-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:7px}
.pickup-code-row input{width:100%;min-width:0;height:40px;padding:7px 9px;border:1px solid #dfe6ee;border-radius:10px;background:#fff;color:var(--navy);font-size:15px;font-weight:800;letter-spacing:.12em;text-align:center}
.pickup-code-row input::placeholder{color:#bdc5d1}
.pickup-code-row .industry-primary{min-height:40px;padding:8px 10px;font-size:9px}
.fill-demo-code{margin-top:8px}
.matcha-disclosure{margin-top:12px}
.industry-bottom-cta{display:grid;grid-template-columns:1fr .75fr;gap:40px;align-items:center;padding:43px;margin:13px 0 35px;border:1px solid #dfe8f5;border-radius:24px;background:radial-gradient(ellipse at 7% 95%,#e9f2ff,transparent 55%),linear-gradient(140deg,#fff,#f5f8ff);box-shadow:0 14px 38px #203b6508}
.industry-bottom-cta h2{margin:0;color:var(--navy);font:800 clamp(28px,4vw,45px)/1.08 var(--mp-font-display);letter-spacing:-.065em}
.industry-bottom-cta>div:last-child>p{max-width:500px;margin:0 0 17px;color:#75839a;font-size:12px;line-height:1.7}
.industry-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:0 max(32px,calc((100vw - 1240px)/2));border-top:1px solid #e9edf3;background:#fff;color:#8491a4;font-size:10px}
.industry-footer .industry-brand img{width:145px}
@media(max-width:960px){.industry-hero{grid-template-columns:1fr minmax(250px,.7fr);gap:28px}.industry-main{width:min(100% - 42px,1240px)}.industry-tabs button{min-width:190px}.industry-story-grid,.matcha-story-grid{grid-template-columns:1fr 1fr}.matcha-dashboard-grid{grid-template-columns:1fr 1fr}.customer-surface{grid-column:1/-1;min-height:0!important}.customer-pickup-card{min-height:115px}.vending-layout{grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr)}}
@media(max-width:700px){.industry-header{min-height:65px;padding:0 19px}.industry-brand img{width:145px}.industry-header nav{gap:14px;font-size:10px}.industry-main{width:calc(100% - 32px)}.industry-hero{grid-template-columns:1fr;gap:23px;padding:48px 0 31px}.industry-hero h1{font-size:clamp(41px,11vw,60px)}.industry-lead{font-size:14px}.loop-card{padding:18px}.loop-card li{min-height:51px}.loop-card li:not(:last-child):after{top:39px;height:12px}.industry-selector{display:grid;gap:16px;padding:19px;margin-bottom:30px}.industry-tabs{display:grid;grid-template-columns:1fr 1fr}.industry-tabs button{min-width:0;padding:9px;gap:8px}.tab-icon{flex-basis:32px;width:32px;height:32px}.industry-tabs small{font-size:8px}.demo-title-row{display:grid;gap:12px;align-items:start}.sample-badge{width:max-content}.demo-title-row h2{font-size:30px}.industry-story-grid,.matcha-story-grid{grid-template-columns:1fr}.people-render img{min-height:0;max-height:none;aspect-ratio:1.5;object-fit:cover}.pipeline-card,.matcha-story-copy{padding:18px}.pipeline{gap:3px}.pipeline-node{padding:9px 2px}.pipeline-node small{font-size:7px}.pipeline-arrow{font-size:12px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0 22px}.metric-card{min-height:77px;padding:10px;gap:8px}.metric-icon{flex-basis:31px;width:31px;height:31px;border-radius:10px}.metric-card strong{font-size:20px}.metric-card span{font-size:9px}.metric-card small{font-size:8px}.workbench-heading,.matcha-dashboard-heading{align-items:flex-start;flex-direction:column;gap:11px}.workbench-heading h3,.matcha-dashboard-heading h3{font-size:16px}.vending-layout{grid-template-columns:1fr}.machine-list{grid-template-columns:1fr 1fr}.machine-row{padding:10px}.machine-detail-surface{min-height:0}.worker-route-panel{padding:15px}.route-stops{grid-template-columns:1fr}.route-stop{grid-template-columns:1fr auto;align-items:center}.route-stop small{grid-column:1}.route-stop .status-pill{grid-column:2;grid-row:1/3}.stock-transfer-grid{grid-template-columns:1fr}.route-actions>*{flex:1 1 100%}.event-card{padding:15px}.event-list li{align-items:flex-start}.event-list time{font-size:7px}.matcha-dashboard-grid{grid-template-columns:1fr}.matcha-dashboard-grid>.surface{min-height:0}.customer-surface{grid-column:auto}.customer-pickup-card{min-height:125px}.industry-bottom-cta{grid-template-columns:1fr;gap:17px;padding:25px;margin-bottom:23px}.industry-footer{flex-wrap:wrap;justify-content:center;padding:15px 18px;text-align:center}.industry-footer>*{flex:1 1 100%}.industry-footer .industry-brand{justify-content:center}}
@media(max-width:390px){.industry-header nav{gap:9px;font-size:9px}.industry-header .industry-brand img{width:126px}.industry-tabs button{padding:8px 6px}.industry-tabs strong{font-size:10px}.tab-arrow{display:none}.pipeline{grid-template-columns:1fr auto 1fr;row-gap:8px}.pipeline-node:nth-of-type(3){grid-column:1}.pipeline-node:nth-of-type(3)~.pipeline-arrow:nth-of-type(4){display:none}.pipeline-node-last{grid-column:3;grid-row:2}.pipeline-node:nth-of-type(3){grid-row:2}.pipeline-node:nth-of-type(3)~.pipeline-arrow:nth-of-type(4){display:none}}
@media(prefers-reduced-motion:reduce){.industry-page *, .industry-page *:before,.industry-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Three complete, role-aware workspaces share one calm operations design. */
.logistics-icon{background:#edf2fb;color:#315ce8}
.industry-tabs button{flex:1 1 205px}
.matcha-role-heading{margin-top:9px;margin-bottom:18px}
.matcha-role-heading .segmented-control{flex:0 0 auto}
[data-matcha-manager-only][hidden],#dispatch-manager-panel[hidden],#dispatch-worker-panel[hidden]{display:none!important}
.matcha-dashboard-grid.barista-mode{grid-template-columns:repeat(2,minmax(0,1fr))}
.dispatch-summary-card{display:flex;align-items:center;gap:20px;padding:21px 24px;margin:0 0 16px;border:1px solid #dce7f7;border-radius:19px;background:linear-gradient(115deg,#f0f5ff,#fff 80%)}
.dispatch-truck{display:grid;place-items:center;flex:0 0 55px;width:55px;height:55px;border:1px solid #dce7f7;border-radius:16px;background:#fff}
.dispatch-truck svg{width:34px;height:30px;fill:none;stroke:#315ce8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dispatch-summary-card h3,.dispatch-worker-top h3{margin:0;color:var(--navy);font:750 20px/1.2 var(--mp-font-display);letter-spacing:-.04em}
.dispatch-summary-card p:last-child,.dispatch-worker-top>div>p:last-child{margin:5px 0 0;color:#61718a;font-size:12px;line-height:1.5}
.dispatch-manager-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:13px;align-items:start}
.dispatch-board-surface,.dispatch-detail-surface,.dispatch-email-surface{padding:18px}
.dispatch-list{display:grid;gap:8px;margin-top:13px}
.dispatch-list-row{display:grid;gap:6px;width:100%;padding:12px;border:1px solid #e4eaf3;border-radius:13px;background:#fff;color:var(--text);text-align:left;transition:border-color .16s,background .16s,transform .16s}
.dispatch-list-row:hover{border-color:#bdccf3;background:#fafcff;transform:translateY(-1px)}
.dispatch-list-row.selected{border-color:#9db5f1;background:#f3f7ff;box-shadow:0 0 0 2px #eaf0ff}
.dispatch-row-top{display:flex;align-items:center;justify-content:space-between;gap:7px}
.dispatch-direction{color:#526887;font-size:9px;font-weight:900;letter-spacing:.1em}
.dispatch-direction.inbound{color:#277a56}
.dispatch-list-row>strong{color:var(--navy);font:750 14px/1.3 var(--mp-font-display)}
.dispatch-list-row>small,.dispatch-owner{color:#5e708a;font-size:10px;line-height:1.4}
.dispatch-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.dispatch-detail-head h3{margin:0;color:var(--navy);font:800 20px/1.2 var(--mp-font-display);letter-spacing:-.045em}
.dispatch-detail-head p:not(.demo-eyebrow){margin:5px 0 0;color:#5e708a;font-size:11px}
.dispatch-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;padding:13px;border:1px solid #e8edf5;border-radius:13px;background:#f9fbff}
.dispatch-facts>div{display:grid;gap:3px;min-width:0}
.dispatch-facts span{color:#65758d;font-size:9px;font-weight:700}
.dispatch-facts strong{overflow-wrap:anywhere;color:#273b58;font-size:11px}
.dispatch-assignee{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#52647d;font-size:10px;font-weight:700}
.dispatch-assignee select,.dispatch-worker-picker select{min-height:36px;padding:6px 30px 6px 10px;border:1px solid #dfe6f1;border-radius:10px;background:#fff;color:#293f5c;font-size:11px}
.dispatch-manager-steps{display:grid;gap:0;padding:0;margin:15px 0;list-style:none}
.dispatch-manager-steps li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #edf0f5}
.dispatch-manager-steps li>span,.dispatch-step-check{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid #dfe7f3;border-radius:9px;background:#f7f9fc;color:#64758d;font-size:9px;font-weight:800}
.dispatch-manager-steps li.done>span,.dispatch-worker-steps li.done .dispatch-step-check{border-color:#d7ede1;background:#edf8f1;color:#277a56}
.dispatch-manager-steps li strong,.dispatch-manager-steps li small{display:block}
.dispatch-manager-steps li strong{color:#334862;font-size:10px}
.dispatch-manager-steps li small{margin-top:2px;color:#61738b;font-size:9px}
.dispatch-manager-note{margin:9px 0 0;padding:10px 12px;border:1px solid #e3ebfa;border-radius:11px;background:#f5f8ff;color:#4e6484;font-size:10px;line-height:1.55}
.dispatch-email-surface{grid-column:1/-1}
.dispatch-email-surface>.surface-heading{margin-bottom:7px}
.dispatch-email-surface>p{max-width:780px;margin:0 0 11px;color:#5c6e87;font-size:11px;line-height:1.5}
.dispatch-email-surface>label{display:block;margin:9px 0 6px;color:#40546f;font-size:10px;font-weight:700}
.dispatch-email-surface textarea{display:block;width:100%;min-height:92px;padding:11px 12px;border:1px solid #dfe6f1;border-radius:11px;background:#fbfcff;color:#283d5b;font:11px/1.55 var(--mp-font-body);resize:vertical}
.dispatch-email-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}
.dispatch-email-actions button{min-height:37px;font-size:10px}
.dispatch-email-feedback,.dispatch-worker-picker{color:#566983}
.dispatch-worker-panel{padding:20px;border:1px solid #e2eaf4;border-radius:19px;background:#fff;box-shadow:0 12px 35px #203b6508}
.dispatch-worker-panel[hidden]{display:none!important}
.dispatch-worker-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid #edf1f6}
.dispatch-worker-picker{display:grid;gap:5px;flex:0 0 auto;font-size:9px;font-weight:700}
.dispatch-worker-jobs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.dispatch-worker-job{min-width:0;padding:15px;border:1px solid #e4eaf3;border-radius:15px;background:#fff}
.dispatch-worker-job-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.dispatch-worker-job-head h4{margin:0;color:var(--navy);font:750 14px/1.3 var(--mp-font-display)}
.dispatch-worker-job-head>div>p:last-child{margin:4px 0 0;color:#5c6e87;font-size:10px}
.dispatch-arrival{display:grid;gap:9px;margin:13px 0;padding:11px;border:1px solid #e3ebf8;border-radius:12px;background:#f5f8ff}
.dispatch-arrival strong,.dispatch-arrival small{display:block}
.dispatch-arrival strong{color:#354c6a;font-size:10px}
.dispatch-arrival small{margin-top:3px;color:#5f718b;font-size:9px;line-height:1.4}
.dispatch-arrival .action-button{width:100%;min-height:36px;font-size:10px}
.dispatch-worker-steps{display:grid;gap:0;padding:0;margin:12px 0 0;list-style:none}
.dispatch-worker-steps li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #edf0f5}
.dispatch-worker-steps li strong,.dispatch-worker-steps li small{display:block}
.dispatch-worker-steps li strong{color:#344963;font-size:10px;line-height:1.35}
.dispatch-worker-steps li small{margin-top:3px;color:#5f718b;font-size:9px;line-height:1.35}
.dispatch-step-button{min-height:32px;padding:6px 9px;border:1px solid #dfe6f1;border-radius:9px;background:#fff;color:#344f78;font-size:9px;font-weight:800}
.dispatch-step-button:not(:disabled):hover{border-color:#a9bdf0;background:#f4f7ff}
.dispatch-step-button:disabled{cursor:default;opacity:.72}
.dispatch-empty{display:grid;gap:5px;padding:25px;border:1px dashed #dbe4f0;border-radius:14px;background:#f9fbfe}
.dispatch-empty strong{color:#334862;font-size:12px}
.dispatch-empty small{color:#5f718b;font-size:10px}
.dispatch-beta-label{padding:5px 8px;border:1px solid #dce7f8;border-radius:99px;background:#f4f7ff;color:#48679a;font-size:8px;font-weight:900;letter-spacing:.08em}
.dispatch-summary-card,.dispatch-manager-layout,.dispatch-worker-panel{scroll-margin-top:95px}
@media(max-width:1100px){.industry-selector{align-items:flex-start;flex-direction:column}.industry-tabs{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.industry-tabs button{min-width:0}.dispatch-worker-jobs{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.dispatch-manager-layout{grid-template-columns:1fr}.dispatch-email-surface{grid-column:auto}.dispatch-worker-jobs{grid-template-columns:1fr}.matcha-dashboard-grid.barista-mode{grid-template-columns:1fr}}
@media(max-width:700px){.industry-tabs{grid-template-columns:1fr 1fr}.dispatch-summary-card{align-items:flex-start;padding:17px}.dispatch-truck{flex-basis:43px;width:43px;height:43px}.dispatch-summary-card h3{font-size:17px}.dispatch-facts{grid-template-columns:1fr 1fr}.dispatch-worker-top{align-items:flex-start;flex-direction:column}.dispatch-worker-picker{width:100%}.dispatch-worker-picker select{width:100%}.dispatch-detail-head{align-items:flex-start}.dispatch-assignee{align-items:flex-start;flex-direction:column}.dispatch-assignee select{width:100%}.dispatch-worker-steps li{grid-template-columns:24px minmax(0,1fr) auto;gap:7px}.matcha-role-heading{align-items:flex-start}.matcha-role-heading .segmented-control{width:100%}.matcha-role-heading .segmented-control button{flex:1}}
@media(prefers-reduced-motion:reduce){.dispatch-list-row,.industry-tabs button{transition:none}}

@media(max-width:390px){.pipeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.pipeline-arrow{display:none}.pipeline-node{min-height:82px}.pipeline-node small{font-size:7px}}

@media(max-width:390px){.industry-header{gap:12px;padding-inline:14px}.industry-header nav{gap:8px}}