/* BagelOpsPOS marketing homepage — connected operations command center */
:root { --mh-bg:#f7f4ec; --mh-panel:#ffffff; --mh-panel-2:#eef5f4; --mh-line:rgba(31,77,82,.14); --mh-text:#183137; --mh-muted:#6f8385; --mh-gold:#e39117; --mh-gold-2:#b66b08; --mh-cyan:#168f91; }
html { scroll-behavior:smooth; }
body.bs-app { margin:0; background:var(--mh-bg); color:var(--mh-text); overflow-x:hidden; }
.mh-header { position:fixed; inset:0 0 auto; z-index:50; background:rgba(7,16,22,.66); border-bottom:1px solid transparent; backdrop-filter:blur(18px); transition:.25s ease; }
.mh-header.is-scrolled { background:rgba(7,16,22,.92); border-bottom-color:var(--mh-line); box-shadow:0 12px 40px rgba(0,0,0,.3); }
.mh-header-inner { width:min(1380px,calc(100% - 48px)); height:82px; margin:auto; display:flex; align-items:center; justify-content:space-between; }
.mh-brand img { display:block; width:auto; height:48px; filter:drop-shadow(0 4px 12px rgba(0,0,0,.4)); }
.mh-nav { display:flex; align-items:center; gap:2rem; }
.mh-nav a:not(.btn) { color:#bac5c8; font-size:.84rem; font-weight:700; letter-spacing:.04em; text-decoration:none; transition:color .2s; }
.mh-nav a:not(.btn):hover { color:#fff; }
.btn { min-height:48px; box-sizing:border-box; padding:.78rem 1.35rem; border:1px solid transparent; border-radius:5px; display:inline-flex; align-items:center; justify-content:center; gap:.8rem; font-size:.82rem; font-weight:850; letter-spacing:.05em; text-transform:uppercase; text-decoration:none; transition:transform .2s,box-shadow .2s,background .2s; }
.btn:hover { transform:translateY(-2px); }
.btn-gold { color:#19150d; background:linear-gradient(135deg,var(--mh-gold-2),var(--mh-gold)); box-shadow:0 8px 30px rgba(245,166,35,.2); }
.btn-gold:hover { color:#19150d; box-shadow:0 12px 36px rgba(245,166,35,.34); }
.btn-ghost { color:#dbe4e6; border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.025); }
.btn-ghost:hover { color:#fff; background:rgba(255,255,255,.08); }
.mh-play { width:21px; height:21px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.35); border-radius:50%; font-size:.55rem; }
.mh-hero { min-height:820px; position:relative; display:flex; align-items:center; padding:130px 24px 70px; box-sizing:border-box; overflow:hidden; background:radial-gradient(circle at 74% 45%,#173039 0,transparent 35%),linear-gradient(145deg,#08131a 10%,#071016 62%,#0d171a); }
.mh-hero-grid,.mh-cta-grid { position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(83,215,210,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(83,215,210,.045) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(to bottom,black,transparent 88%); }
.mh-hero:after { content:""; position:absolute; inset:auto 0 0; height:180px; background:linear-gradient(transparent,var(--mh-bg)); pointer-events:none; }
.mh-orb { position:absolute; border-radius:50%; filter:blur(3px); opacity:.5; pointer-events:none; }
.mh-orb--one { width:520px;height:520px;right:-220px;top:120px;border:1px solid rgba(83,215,210,.14);box-shadow:inset 0 0 90px rgba(83,215,210,.05); }
.mh-orb--two { width:260px;height:260px;left:-150px;bottom:50px;border:1px solid rgba(245,166,35,.12); }
.mh-hero-inner { width:min(1380px,100%); margin:auto; display:grid; grid-template-columns:minmax(390px,.88fr) minmax(580px,1.12fr); gap:4.5rem; align-items:center; position:relative; z-index:2; }
.mh-hero-copy { display:flex; flex-direction:column; align-items:flex-start; }
.mh-hero-copy>* { opacity:0; animation:mh-rise .7s cubic-bezier(.2,.8,.2,1) forwards; }
.mh-hero-copy h1 { animation-delay:.08s; }.mh-hero-copy>p{animation-delay:.16s}.mh-hero-actions{animation-delay:.24s}.mh-hero-proof{animation-delay:.32s}
.mh-live-pill { display:inline-flex; align-items:center; gap:.65rem; color:#bfd1d3; padding:.48rem .7rem; border:1px solid rgba(83,215,210,.2); border-radius:3px; background:rgba(83,215,210,.06); font-size:.68rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.mh-live-pill span,.mh-sync span { width:7px;height:7px;border-radius:50%;background:var(--mh-cyan);box-shadow:0 0 14px var(--mh-cyan);animation:mh-pulse 2s infinite; }
.mh-hero h1 { margin:1.45rem 0 1.25rem; max-width:720px; color:#f7f5ef; font-family:var(--bs-font-heading); font-size:clamp(3.25rem,5.35vw,5.65rem); line-height:.94; letter-spacing:-.045em; }
.mh-hero h1 em,.mh-section-intro h2 em,.mh-story h2 em,.mh-cta h2 em { color:var(--mh-gold-2); font-style:normal; font-weight:inherit; }
.mh-hero-copy>p { max-width:610px; margin:0; color:#aebbc0; font-size:1.08rem; line-height:1.72; }
.mh-hero-actions { display:flex; flex-wrap:wrap; gap:.85rem; margin-top:2rem; }
.mh-hero-proof { display:grid; grid-template-columns:repeat(3,1fr); margin-top:2.6rem; border-top:1px solid var(--mh-line); width:100%; padding-top:1.25rem; }
.mh-hero-proof div { display:grid; gap:.25rem; padding-right:1rem; }
.mh-hero-proof div+div { border-left:1px solid var(--mh-line); padding-left:1rem; }
.mh-hero-proof strong { color:#e9eeee; font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; }
.mh-hero-proof span { color:#71868c; font-size:.7rem; }
.mh-command-wrap { position:relative; perspective:1200px; z-index:3; transition:transform .18s ease-out; }
.mh-command-glow { position:absolute; inset:10% 5%; background:rgba(83,215,210,.18); filter:blur(80px); }
.mh-command { position:relative; overflow:hidden; min-height:525px; background:rgba(10,24,31,.94); border:1px solid rgba(145,205,213,.22); border-radius:10px; box-shadow:0 35px 100px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05); transform:rotateY(-3deg) rotateX(1deg); }
.mh-command-topbar { height:51px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 18px; border-bottom:1px solid var(--mh-line); background:#0b171e; }
.mh-window-controls { display:flex;gap:6px; }.mh-window-controls i{width:7px;height:7px;border-radius:50%;background:#304049}.mh-window-controls i:first-child{background:var(--mh-gold)}
.mh-command-title { display:flex;align-items:center;gap:.55rem;color:#c4d0d3;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase; }
.mh-logo-mark { width:21px;height:21px;display:grid;place-items:center;background:var(--mh-gold);color:#14110b;border-radius:4px;font-weight:950; }
.mh-sync { justify-self:end;display:flex;align-items:center;gap:.5rem;color:#7e9c9f;font-size:.61rem;text-transform:uppercase;letter-spacing:.1em; }
.mh-sync span { width:5px;height:5px; }
.mh-command-body { min-height:474px;display:grid;grid-template-columns:52px 1fr; }
.mh-command-nav { padding-top:24px;border-right:1px solid var(--mh-line);display:flex;flex-direction:column;align-items:center;gap:25px;color:#4f6770;font-size:.8rem; }.mh-command-nav .active{width:28px;height:28px;display:grid;place-items:center;background:rgba(245,166,35,.12);color:var(--mh-gold);border-left:2px solid var(--mh-gold)}
.mh-dashboard { padding:24px 25px;min-width:0; }
.mh-dash-heading { display:flex;justify-content:space-between;align-items:center;margin-bottom:17px; }.mh-dash-heading>div:first-child{display:grid;gap:3px}.mh-dash-heading small{color:#5e777e;font-size:.53rem;letter-spacing:.15em}.mh-dash-heading strong{font-size:1rem;color:#e6ecec}.mh-location{padding:7px 10px;border:1px solid var(--mh-line);border-radius:4px;color:#82969b;font-size:.58rem;}
.mh-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:9px; }.mh-metric{display:grid;grid-template-columns:1fr auto;gap:5px;padding:13px;background:#0e1e26;border:1px solid var(--mh-line);border-radius:5px}.mh-metric>span{grid-column:1/-1;color:#71878d;font-size:.58rem}.mh-metric strong{font-size:1.15rem;color:#edf2f1}.mh-metric small{align-self:end;color:#697e83;font-size:.52rem}.mh-metric .up{color:var(--mh-cyan)}
.mh-dash-grid { display:grid;grid-template-columns:1.55fr .8fr;gap:9px;margin-top:9px; }.mh-chart-card,.mh-pulse-card{padding:14px;background:#0e1e26;border:1px solid var(--mh-line);border-radius:5px}.mh-card-label{display:flex;justify-content:space-between;align-items:center}.mh-card-label strong{font-size:.65rem;color:#d9e2e3}.mh-card-label span{font-size:.51rem;color:#667e84}.mh-card-label .healthy{color:var(--mh-cyan)}
.mh-chart { height:140px;position:relative;margin-top:8px; }.mh-chart-lines{position:absolute;inset:0 0 18px;background:repeating-linear-gradient(to bottom,transparent 0 30px,rgba(255,255,255,.05) 31px)}.mh-chart svg{position:absolute;inset:0 0 18px;width:100%;height:calc(100% - 18px);overflow:visible}.mh-chart .area{fill:url(#chartFill)}.mh-chart .line{fill:none;stroke:var(--mh-gold);stroke-width:2;filter:drop-shadow(0 0 5px rgba(245,166,35,.6));stroke-dasharray:700;stroke-dashoffset:700;animation:mh-draw 2s .5s ease forwards}.mh-chart-labels{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;color:#536c72;font-size:.48rem}
.mh-pulse-card { display:flex;flex-direction:column; }.mh-ring{width:88px;height:88px;margin:12px auto 8px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--mh-cyan) 0 78%,#1a3239 78%);position:relative}.mh-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#0e1e26}.mh-ring span{z-index:1;display:grid;text-align:center;color:#e7eeee;font-weight:800;font-size:.84rem}.mh-ring small{color:#587379;font-size:.38rem;letter-spacing:.08em}.mh-stations{display:grid;gap:6px}.mh-stations span{display:grid;grid-template-columns:1fr 2fr;align-items:center;color:#637c82;font-size:.48rem}.mh-stations i{height:3px;background:linear-gradient(90deg,var(--mh-cyan) var(--fill),#21363c var(--fill));border-radius:2px}
.mh-alert { display:flex;align-items:center;gap:10px;margin-top:9px;padding:10px 12px;border:1px solid rgba(245,166,35,.22);border-radius:5px;background:rgba(245,166,35,.055)}.mh-alert-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:4px;background:rgba(245,166,35,.15);color:var(--mh-gold);font-weight:bold}.mh-alert>div{display:grid;gap:2px}.mh-alert strong{font-size:.57rem;color:#dce5e5}.mh-alert small{font-size:.49rem;color:#71878d}.mh-alert button{margin-left:auto;border:0;background:none;color:var(--mh-gold);font-size:.48rem;text-transform:uppercase;letter-spacing:.06em}
.mh-float-card { position:absolute;display:flex;align-items:center;gap:10px;padding:11px 14px;background:rgba(15,31,38,.94);border:1px solid rgba(138,192,199,.22);border-radius:6px;box-shadow:0 18px 45px rgba(0,0,0,.4);backdrop-filter:blur(12px);animation:mh-float 5s ease-in-out infinite}.mh-float-card--orders{left:-40px;top:22%}.mh-float-card--stock{right:-24px;bottom:11%;animation-delay:-2s}.mh-float-card div{display:grid;gap:2px}.mh-float-card small{font-size:.46rem;letter-spacing:.12em;color:#668086}.mh-float-card strong{font-size:.7rem;color:#e1e8e8}.mh-float-icon,.mh-check{width:28px;height:28px;display:grid;place-items:center;border-radius:4px;background:rgba(245,166,35,.13);color:var(--mh-gold)}.mh-check{background:rgba(83,215,210,.12);color:var(--mh-cyan)}
.mh-scroll-cue { position:absolute;z-index:4;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#526a70;font-size:.58rem;letter-spacing:.13em;text-transform:uppercase}.mh-scroll-cue span{width:34px;height:1px;background:#486168;position:relative;overflow:hidden}.mh-scroll-cue span:after{content:"";position:absolute;width:13px;height:1px;background:var(--mh-cyan);animation:mh-scan 2s infinite}
.mh-platform { padding:120px 24px;background:var(--mh-bg); }.mh-section-intro{max-width:850px;margin:0 auto 60px;text-align:center}.mh-eyebrow{color:var(--mh-cyan);font-size:.65rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase}.mh-section-intro h2,.mh-story h2,.mh-cta h2{margin:16px 0;font-family:var(--bs-font-heading);font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;letter-spacing:-.035em;color:#f2f2ec}.mh-section-intro p{margin:0;color:#81959a;font-size:1rem}
.mh-bento { width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mh-bento-card{position:relative;min-height:380px;padding:38px;overflow:hidden;box-sizing:border-box;border:1px solid var(--mh-line);border-radius:8px;background:linear-gradient(145deg,#11222a,#0b171e);box-shadow:inset 0 1px rgba(255,255,255,.035)}.mh-bento-card--wide{grid-column:span 1}.mh-card-number{color:var(--mh-cyan);font-size:.58rem;font-weight:800;letter-spacing:.17em}.mh-bento h3{margin:16px 0 10px;color:#eef2ef;font-family:var(--bs-font-heading);font-size:1.7rem}.mh-bento p{max-width:50ch;margin:0;color:#80959b;font-size:.9rem;line-height:1.6}.mh-pos-preview{position:absolute;left:38px;right:38px;bottom:-20px;height:175px;display:grid;grid-template-columns:1.3fr .8fr;gap:10px;transform:perspective(700px) rotateX(4deg)}.mh-pos-items{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.mh-pos-items span{display:grid;place-items:center;background:#152b34;border:1px solid var(--mh-line);border-radius:5px;color:#769096;font-size:.61rem}.mh-pos-items .selected{border-color:var(--mh-gold);color:var(--mh-gold-2);background:rgba(245,166,35,.1)}.mh-pos-ticket{padding:14px;background:#e8e5dc;color:#263136;border-radius:5px;display:flex;flex-direction:column;gap:8px}.mh-pos-ticket small{font-size:.48rem;letter-spacing:.1em}.mh-pos-ticket strong{font-size:.75rem}.mh-pos-ticket span{font-size:.51rem;color:#617077;border-bottom:1px solid #cad0ce;padding-bottom:5px}.mh-pos-ticket b{margin-top:auto;text-align:right;color:#111b1f}
.mh-bento-card--dark{background:radial-gradient(circle at 70% 80%,rgba(245,166,35,.12),transparent 40%),#091318}.mh-kds-preview{position:absolute;inset:auto 30px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mh-kds-preview>span{height:120px;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;background:#12262e;border-top:3px solid var(--mh-cyan);color:#dfe8e8}.mh-kds-preview small{font-size:.5rem}.mh-kds-preview b{margin:auto;font-size:1.15rem}.mh-kds-preview i{height:4px;background:var(--mh-cyan)}.mh-kds-preview span:nth-child(2){border-color:var(--mh-gold)}.mh-kds-preview span:nth-child(2) i{background:var(--mh-gold)}
.mh-inventory-preview{position:absolute;right:40px;bottom:35px;display:flex;align-items:center;gap:24px}.mh-inventory-preview>strong{display:grid;color:#edf3f2;font-size:1.5rem}.mh-inventory-preview small{color:#5f7a80;font-size:.45rem;letter-spacing:.12em}.mh-radar{width:130px;height:130px;position:relative;border:1px solid rgba(83,215,210,.25);border-radius:50%;background:conic-gradient(from 20deg,rgba(83,215,210,.22),transparent 22%)}.mh-radar i{position:absolute;border:1px solid rgba(83,215,210,.15);border-radius:50%;inset:20%}.mh-radar i:nth-child(2){inset:40%}.mh-radar i:nth-child(3){inset:50% -1px auto; width:100%;height:0;border-width:1px 0 0;border-radius:0}.mh-radar span{position:absolute;width:6px;height:6px;left:67%;top:25%;border-radius:50%;background:var(--mh-gold);box-shadow:0 0 14px var(--mh-gold)}
.mh-bento-card--network{background:linear-gradient(145deg,#0d1c23,#0a151b)}.mh-network{position:absolute;width:240px;height:170px;right:25px;bottom:10px}.mh-network:before{content:"";position:absolute;inset:15px;background:repeating-radial-gradient(circle at center,transparent 0 26px,rgba(83,215,210,.09) 27px 28px)}.mh-network i{position:absolute;left:var(--x);top:var(--y);width:11px;height:11px;border-radius:50%;background:var(--mh-cyan);box-shadow:0 0 13px rgba(83,215,210,.7)}.mh-network .hub{left:50%;top:50%;translate:-50% -50%;width:38px;height:38px;display:grid;place-items:center;border-radius:6px;background:var(--mh-gold);color:#17130c;font-style:normal;font-weight:900;box-shadow:0 0 25px rgba(245,166,35,.35)}
.mh-workflow { padding:110px 24px;background:#0b171d;border-block:1px solid var(--mh-line)}.mh-workflow-inner{width:min(1180px,100%);margin:auto}.mh-section-intro--left{margin:0 0 60px;text-align:left}.mh-flow-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.mh-flow-progress{position:absolute;top:43px;left:12%;right:12%;height:1px;background:#263b42}.mh-flow-progress i{display:block;width:35%;height:1px;background:linear-gradient(90deg,transparent,var(--mh-gold),var(--mh-cyan));box-shadow:0 0 9px var(--mh-cyan);animation:mh-flow 4s linear infinite}.mh-flow-step{position:relative;z-index:1;display:grid;justify-items:center;text-align:center}.mh-flow-step>span{color:#4d676e;font-size:.55rem;letter-spacing:.12em}.mh-flow-step>i{width:58px;height:58px;margin:11px 0 18px;display:grid;place-items:center;border:1px solid #2d464d;border-radius:50%;background:#0b171d;color:var(--mh-cyan);font-style:normal;box-shadow:0 0 0 7px #0b171d}.mh-flow-step div{display:grid;gap:6px}.mh-flow-step strong{font-size:.86rem;color:#dde7e7}.mh-flow-step small{font-size:.7rem;color:#647c82}
.mh-story{padding:120px 24px;background:#080f13}.mh-story-inner{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.mh-story-visual{min-height:500px;position:relative;display:grid;place-items:end start;padding:35px;box-sizing:border-box;border:1px solid var(--mh-line);border-radius:7px;overflow:hidden;background:linear-gradient(to top,rgba(5,12,16,.96),rgba(5,12,16,.1)),url('/img/marketing/photos/pos-kiosk-touch.jpg') center/cover}.mh-story-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(83,215,210,.13),transparent 45%);mix-blend-mode:screen}.mh-story-visual span{position:relative;color:#d8e1e2;font-size:.65rem;letter-spacing:.17em}.mh-story-visual strong{color:var(--mh-gold);font-size:1.5rem;line-height:1.7}.mh-story h2{font-size:clamp(2rem,3.5vw,3.4rem)}.mh-story-content>p{color:#879a9f;font-size:.96rem;line-height:1.78}.mh-story-quote{margin-top:24px;padding:18px 20px;border-left:2px solid var(--mh-gold);background:rgba(245,166,35,.05);color:#cbd5d6;font-size:.85rem;line-height:1.6}
.mh-cta{position:relative;padding:130px 24px;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 60%,rgba(245,166,35,.13),transparent 35%),#0a151a}.mh-cta-grid{mask-image:radial-gradient(circle at center,black,transparent 70%)}.mh-cta-inner{position:relative;display:flex;flex-direction:column;align-items:center}.mh-cta h2{font-size:clamp(3rem,5.6vw,5.5rem);margin:20px 0}.mh-cta p{color:#87999e;margin:0 0 25px}.mh-footer{min-height:90px;padding:20px max(24px,calc((100% - 1180px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--mh-line);background:#070e12;color:#536a70;font-size:.65rem}.mh-footer img{height:38px;opacity:.75}.mh-footer a{justify-self:end;color:#788c91;text-decoration:none}
/* Light mode: warm paper, crisp white surfaces, and technical teal signals. */
body.bs-app { background:#f7f4ec; color:#183137; }
.mh-header { background:rgba(247,244,236,.78); }
.mh-header.is-scrolled { background:rgba(255,255,255,.95); box-shadow:0 12px 40px rgba(34,64,67,.1); }
.mh-brand img { height:58px; filter:drop-shadow(0 4px 10px rgba(98,58,12,.15)); }
.mh-nav a:not(.btn) { color:#466368; }
.mh-nav a:not(.btn):hover { color:#132f34; }
.btn-gold { color:#fff; background:linear-gradient(135deg,#eba72d,#cf7908); }
.btn-gold:hover { color:#fff; }
.btn-ghost { color:#294b50; border-color:rgba(31,77,82,.23); background:rgba(255,255,255,.56); }
.btn-ghost:hover { color:#12363a; background:#fff; }
.mh-play { border-color:rgba(31,77,82,.32); }
.mh-hero { background:radial-gradient(circle at 76% 43%,rgba(22,143,145,.13),transparent 34%),radial-gradient(circle at 12% 18%,rgba(227,145,23,.12),transparent 29%),linear-gradient(145deg,#fbfaf5 8%,#f4f1e7 65%,#eef5f2); }
.mh-hero:after { background:linear-gradient(transparent,#f7f4ec); }
.mh-hero-grid,.mh-cta-grid { background-image:linear-gradient(rgba(22,143,145,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(22,143,145,.07) 1px,transparent 1px); }
.mh-orb--one { border-color:rgba(22,143,145,.2); box-shadow:inset 0 0 90px rgba(22,143,145,.06); }
.mh-orb--two { border-color:rgba(227,145,23,.18); }
.mh-hero-logo { width:clamp(280px,28vw,430px); height:auto; margin:0 0 1.35rem; filter:drop-shadow(0 12px 20px rgba(104,63,12,.15)); }
.mh-live-pill { color:#42676b; background:rgba(22,143,145,.07); border-color:rgba(22,143,145,.2); }
.mh-hero h1 { color:#163238; }
.mh-hero h1 em,.mh-section-intro h2 em,.mh-story h2 em,.mh-cta h2 em { color:#bd7008; }
.mh-hero-copy>p { color:#627a7e; }
.mh-hero-proof strong { color:#29474b; }
.mh-hero-proof span,.mh-scroll-cue { color:#728a8d; }
.mh-command-glow { background:rgba(22,143,145,.15); }
.mh-command { background:rgba(255,255,255,.96); border-color:rgba(31,77,82,.18); box-shadow:0 35px 90px rgba(45,77,78,.18),inset 0 1px #fff; }
.mh-command-topbar { background:#f5f7f4; }
.mh-command-title { color:#3a575b; }
.mh-sync { color:#668186; }
.mh-command-nav { color:#789095; background:#f7f9f6; }
.mh-command-nav .active { background:rgba(227,145,23,.12); }
.mh-dashboard { background:#fbfcf9; }
.mh-dash-heading strong,.mh-metric strong,.mh-card-label strong { color:#1d393e; }
.mh-dash-heading small,.mh-metric>span,.mh-metric small,.mh-card-label span { color:#71868a; }
.mh-location { color:#617a7e; background:#fff; }
.mh-metric,.mh-chart-card,.mh-pulse-card { background:#fff; box-shadow:0 5px 18px rgba(35,69,71,.04); }
.mh-chart-lines { background:repeating-linear-gradient(to bottom,transparent 0 30px,rgba(31,77,82,.07) 31px); }
.mh-ring:after { background:#fff; }
.mh-ring span { color:#203c40; }
.mh-stations span { color:#698286; }
.mh-alert { background:#fff8eb; }
.mh-alert strong { color:#3f4c49; }
.mh-float-card { background:rgba(255,255,255,.96); box-shadow:0 18px 45px rgba(36,70,71,.16); }
.mh-float-card strong { color:#26464a; }
.mh-platform { background:#f7f4ec; }
.mh-section-intro h2,.mh-story h2,.mh-cta h2 { color:#17353a; }
.mh-section-intro p { color:#70868a; }
.mh-bento-card { background:linear-gradient(145deg,#fff,#f3f7f4); box-shadow:0 12px 32px rgba(39,71,72,.07),inset 0 1px #fff; }
.mh-bento-card--dark,.mh-bento-card--network { background:radial-gradient(circle at 70% 80%,rgba(227,145,23,.1),transparent 40%),linear-gradient(145deg,#f4f8f5,#fff); }
.mh-bento h3 { color:#1d3b40; }
.mh-bento p { color:#6c8387; }
.mh-pos-items span { background:#edf4f2; color:#597579; }
.mh-pos-ticket { box-shadow:0 6px 22px rgba(31,65,68,.12); }
.mh-kds-preview>span { background:#e9f2f0; color:#29494e; box-shadow:0 6px 18px rgba(35,70,72,.08); }
.mh-inventory-preview>strong { color:#254348; }
.mh-workflow { background:#fff; }
.mh-flow-progress { background:#d5e0de; }
.mh-flow-step>i { background:#fff; border-color:#bfd1cf; box-shadow:0 0 0 7px #fff; }
.mh-flow-step strong { color:#28474b; }
.mh-flow-step small { color:#71878a; }
.mh-story { background:#f0f4ef; }
.mh-story-content>p { color:#637a7e; }
.mh-story-quote { color:#405d61; background:rgba(227,145,23,.07); }
.mh-cta { background:radial-gradient(circle at 50% 60%,rgba(227,145,23,.12),transparent 36%),#fbfaf5; }
.mh-cta p { color:#70868a; }
.mh-footer { background:#fff; color:#687f83; }
.mh-footer img { height:48px; opacity:1; }
.mh-footer a { color:#49696d; }
[data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--reveal-delay,0s)}[data-reveal].is-visible{opacity:1;transform:none}
@keyframes mh-rise{to{opacity:1;transform:none}from{opacity:0;transform:translateY(24px)}}@keyframes mh-pulse{50%{opacity:.35;box-shadow:0 0 4px var(--mh-cyan)}}@keyframes mh-draw{to{stroke-dashoffset:0}}@keyframes mh-float{50%{transform:translateY(-9px)}}@keyframes mh-scan{from{left:-13px}to{left:34px}}@keyframes mh-flow{from{transform:translateX(-100%)}to{transform:translateX(385%)}}
@media(max-width:1100px){.mh-hero{padding-top:120px}.mh-hero-inner{grid-template-columns:1fr;gap:55px}.mh-hero-copy{max-width:760px}.mh-command-wrap{width:min(760px,100%);margin:auto}.mh-command{transform:none}.mh-float-card--orders{left:-15px}.mh-float-card--stock{right:-10px}.mh-story-inner{gap:45px}}
@media(max-width:760px){.mh-header-inner{width:calc(100% - 30px);height:70px}.mh-brand img{height:44px}.mh-nav{gap:.5rem}.mh-nav a:not(.btn){display:none}.mh-nav .btn{min-height:40px;padding:.6rem .8rem;font-size:.66rem}.mh-hero{min-height:auto;padding:110px 18px 70px}.mh-hero-inner{display:block}.mh-hero-logo{width:min(340px,92vw);margin-bottom:1.1rem}.mh-hero h1{font-size:clamp(3rem,15vw,4.6rem)}.mh-hero-copy>p{font-size:.96rem}.mh-hero-proof{gap:0}.mh-hero-proof span{font-size:.59rem}.mh-command-wrap{margin-top:55px}.mh-command{min-width:650px;transform:scale(.73);transform-origin:left top;margin-bottom:-135px}.mh-float-card{display:none}.mh-platform,.mh-workflow,.mh-story{padding:80px 18px}.mh-bento{grid-template-columns:1fr}.mh-bento-card{min-height:350px;padding:28px}.mh-pos-preview{left:28px;right:28px}.mh-flow-track{grid-template-columns:1fr 1fr;gap:40px 14px}.mh-flow-progress{display:none}.mh-story-inner{grid-template-columns:1fr}.mh-story-visual{min-height:390px}.mh-cta{padding:90px 18px}.mh-footer{grid-template-columns:1fr auto;gap:10px}.mh-footer span{grid-column:1/-1;grid-row:2}.mh-footer a{grid-column:2;grid-row:1}}
@media(max-width:430px){.mh-hero-proof{grid-template-columns:1fr;gap:9px}.mh-hero-proof div+div{border-left:0;padding-left:0}.mh-command{transform:scale(.59);margin-bottom:-205px}.mh-bento-card--network{min-height:430px}.mh-network{bottom:10px;right:10px}.mh-inventory-preview{right:24px;bottom:25px}.mh-flow-track{grid-template-columns:1fr}.mh-story-visual{min-height:330px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mh-hero-copy>*,[data-reveal]{opacity:1;transform:none;animation:none;transition:none}.mh-live-pill span,.mh-sync span,.mh-chart .line,.mh-float-card,.mh-scroll-cue span:after,.mh-flow-progress i{animation:none}.mh-chart .line{stroke-dashoffset:0}}