/* An editorial stage: a short headline and one living demonstration. */
main{height:6500vh;height:6500svh}
.mu-scene{padding-top:clamp(98px,12vh,144px);gap:clamp(22px,3.5vh,38px)}
.mu-heading h2{font-size:clamp(42px,5.5vw,80px);line-height:1.3;letter-spacing:-.045em;font-weight:600}
.mu-heading>p:last-child:not(.mu-kicker){display:none}
.mu-kicker{font-size:11px;margin-bottom:14px;letter-spacing:0}
.mu-demo{max-width:88vw;line-height:1.6}
.ow-visual{width:min(520px,88vw);height:355px;max-height:42svh;text-align:right}
.ow-visual .mu-surface{padding:24px 28px}
.ow-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;line-height:1.7}
.ow-panel-head>b{font-weight:500}.ow-panel-head>span{font-size:11px;color:var(--mu-muted)}.ow-panel-head svg{width:30px;height:30px;fill:none;stroke:var(--mu-blue);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.ow-status{font-size:12px;color:var(--mu-blue);padding-top:15px;line-height:1.8}.ow-options{display:flex;align-items:center;justify-content:center;gap:16px;font-size:11px;color:var(--mu-muted);margin-top:20px;flex-wrap:wrap}
.ow-package-stage{height:100%;display:flex;flex-direction:column}.ow-package-items{display:flex;justify-content:center;gap:22px}.ow-mini-item{width:170px;display:grid;grid-template-columns:45px 1fr;gap:3px 11px;padding:10px 13px;border-radius:14px;background:#ffffff72;border:1px solid #ffffffad;align-items:center}.ow-mini-item>span,.ow-mini-item>img{width:45px;height:45px;grid-row:span 2;border-radius:11px;object-fit:cover}.ow-mini-item svg{width:45px;height:45px}.ow-mini-item b{font-size:13px;font-weight:500}.ow-mini-item small{font-size:10px;color:var(--mu-muted)}
.ow-package-line{display:block;height:43px;width:100%;flex-shrink:0;fill:none;stroke:#81ade2;stroke-width:1.4}.ow-package-line path{stroke-dasharray:1;stroke-dashoffset:1}
.ow-package-result{max-width:420px;width:100%;margin:auto;padding:19px 24px!important}.ow-package-result p{font-size:12px;color:var(--mu-muted);margin:12px 0}.ow-package-price{display:flex;align-items:baseline;gap:14px;margin-top:13px;flex-wrap:wrap}.ow-package-price del{font-size:13px;color:#8fa0b7}.ow-package-price b{font-size:34px;font-weight:500;letter-spacing:-.04em}.ow-package-price small{font-size:10px;color:var(--mu-muted)}.ow-destinations{display:flex;gap:17px;font-size:10px;color:var(--mu-blue);padding-top:14px;border-top:1px solid #97b2d124}
.ow-schedule-panel{height:calc(100% - 40px);min-height:255px;display:flex;flex-direction:column}.ow-time{font-size:24px!important;color:var(--mu-ink)!important;font-variant-numeric:tabular-nums}.ow-clock-track{display:flex;align-items:center;gap:14px;direction:ltr;margin-top:23px;font-size:10px;color:var(--mu-muted)}.ow-clock-track i{display:block;flex:1;height:2px;background:#91b0d725}.ow-clock-track b{display:block;width:100%;height:100%;background:linear-gradient(90deg,#a1c9ef,#397bce);transform-origin:left}
.ow-menu-switch{flex:1;min-height:100px;position:relative;margin:17px 0 0}.ow-old-menu,.ow-new-menu{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.ow-new-menu{visibility:hidden;opacity:0}.ow-menu-switch small{font-size:11px;color:var(--mu-muted)}.ow-menu-switch strong{font-size:34px;font-weight:500;letter-spacing:-.04em;color:var(--mu-blue)}.ow-menu-switch span{font-size:11px;color:var(--mu-muted)}
.ow-identity-stage{position:relative;height:100%;max-width:390px;margin:auto}.ow-identity-profile,.ow-identity-memory{position:absolute;inset:0;height:max-content;min-height:285px}.ow-identity-memory{visibility:hidden;opacity:0}.ow-eyebrow{font-size:11px;color:var(--mu-muted)}.ow-avatar-choices{display:flex;justify-content:center;gap:18px;margin:23px 0}.ow-avatar-choices span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#edf4fccc;color:#8298b4;font-size:18px}.ow-avatar-choices .ow-selected-avatar{color:var(--mu-blue);background:#dbeafe}.ow-field{padding:14px 17px;border:1px solid #b2c7e43d;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.ow-field small{font-size:11px;color:var(--mu-muted)}.ow-field b{font-size:17px;font-weight:500}.ow-favorite{display:flex;align-items:center;gap:17px;margin-top:24px;padding:14px 0;border-bottom:1px solid #8daacc2b;font-size:12px}.ow-favorite span{color:var(--mu-muted)}.ow-favorite b{font-size:15px;font-weight:500}.ow-favorite i{font-style:normal;font-size:26px;color:var(--mu-blue);margin-right:auto}.ow-repeat-order{display:flex;flex-direction:column;gap:10px;margin-top:17px}.ow-repeat-order small{font-size:11px;color:var(--mu-muted)}.ow-repeat-order b{font-size:15px;font-weight:500}.ow-repeat-order>span{font-size:12px;color:var(--mu-blue)}.ow-repeat-order i{font-style:normal;float:left}.ow-identity-memory p{font-size:11px;color:var(--mu-muted);margin:20px 0 0}
.ow-credit-panel{max-width:450px;margin:auto}.ow-ledger-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.8;margin-top:14px}.ow-ledger-row span{color:var(--mu-muted)}.ow-ledger-row b{font-weight:400}.ow-credit-balance{text-align:center;padding:21px 0}.ow-credit-balance small{display:block;color:var(--mu-muted);font-size:11px}.ow-credit-balance strong{display:block;font-size:43px;letter-spacing:-.05em;font-weight:500;margin-top:11px;color:var(--mu-blue)}.ow-credit-track{height:3px;background:#8db0d82d;border-radius:4px;overflow:hidden}.ow-credit-track i{height:100%;width:100%;display:block;transform-origin:right;background:linear-gradient(90deg,#b0d7ff,#5c93db)}.ow-credit-payment{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:17px}.ow-credit-payment b{font-size:20px;font-weight:500}
.ow-inventory-panel{max-width:450px;margin:auto}.ow-stock-number{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:22px 0 18px}.ow-stock-number strong{font-size:43px;font-weight:500;letter-spacing:-.04em}.ow-stock-number>span{font-size:12px;color:var(--mu-muted)}.ow-stock-track{height:5px;border-radius:4px;background:#8db0d82d;position:relative;margin-bottom:20px}.ow-stock-track i{height:100%;width:100%;display:block;background:linear-gradient(90deg,#a1caf6,#4e8bd8);transform-origin:right;border-radius:4px}.ow-stock-track>span{position:absolute;right:80%;top:-4px;height:13px;width:1px;background:#446c9b66}.ow-waste-log{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #a0b4cf22;margin-top:17px;padding-top:14px;font-size:10px;color:var(--mu-muted)}.ow-waste-log b{font-weight:400}.ow-stock-alert{display:flex;align-items:center;gap:13px;margin:16px auto 0;max-width:420px}.ow-stock-alert>div{display:flex;flex-direction:column;gap:7px}.ow-stock-alert b{font-size:13px;font-weight:500}.ow-stock-alert small{font-size:10px;color:var(--mu-muted)}.ow-alert-mark{height:30px;width:30px;border-radius:50%;border:1px solid #75a2d852;display:grid;place-items:center;color:var(--mu-blue);font-size:17px}
.ow-rule-panel{max-width:470px;margin:auto}.ow-rule-condition{text-align:center;padding-top:23px}.ow-rule-condition>small{font-size:11px;color:var(--mu-muted)}.ow-rule-condition strong{display:block;font-size:43px;font-weight:500;margin-top:12px}.ow-rule-condition em{font-size:13px;font-style:normal;color:var(--mu-muted)}.ow-rule-wire{display:block;width:100%;height:37px;stroke:#8eafe0;fill:none;stroke-width:1.3}.ow-rule-wire path{stroke-dasharray:1;stroke-dashoffset:1}.ow-rule-person{display:flex;align-items:center;gap:12px;background:#e2edff47;border-radius:12px;padding:14px 13px}.ow-rule-person>div{display:flex;flex-direction:column;gap:6px}.ow-rule-person b{font-size:13px;font-weight:500}.ow-rule-person small{font-size:9px;color:var(--mu-muted)}.ow-auto-tag{margin-right:auto;color:var(--mu-blue);font-size:10px;white-space:nowrap;padding:6px 8px;border-radius:20px;background:#ffffffa6}
.ow-insight-stage{position:relative;height:100%}.ow-sales-insight,.ow-margin-insight{position:absolute;inset:0;height:max-content;min-height:315px}.ow-margin-insight{opacity:0;visibility:hidden}.ow-growth{color:var(--mu-blue)!important;direction:ltr;font-size:20px!important}.ow-insight-total{font-size:34px;margin:20px 0 25px;letter-spacing:-.04em}.ow-insight-total small{font-size:11px;color:var(--mu-muted);letter-spacing:0}.ow-compare-chart>div{display:grid;grid-template-columns:66px 1fr 87px;gap:12px;align-items:center;margin:18px 0}.ow-compare-chart small{font-size:11px;color:var(--mu-muted)}.ow-compare-chart i{display:block;height:18px;border-radius:3px;transform-origin:right;background:#9eb9df66}.ow-compare-chart .ow-compare-prev{width:84.75%}.ow-compare-chart .ow-compare-now{background:linear-gradient(90deg,#a8d2fb,#578fe0)}.ow-compare-chart b{font-size:12px;font-weight:400}.ow-sales-insight p,.ow-margin-insight p{font-size:11px;color:var(--mu-muted);line-height:1.8;margin:21px 0 0}.ow-margin-stack{display:flex;gap:5px;height:36px;margin:26px 0;border-radius:5px;overflow:hidden}.ow-margin-stack i{display:block;transform-origin:right}.ow-material-part{width:33.75%;background:#a3b9d5}.ow-remainder-part{width:66.25%;background:linear-gradient(90deg,#99ccff,#508adc)}.ow-margin-values{display:flex;justify-content:space-between;gap:20px}.ow-margin-values>div{display:flex;flex-direction:column;gap:9px}.ow-margin-values small{font-size:11px;color:var(--mu-muted)}.ow-margin-values b{font-size:19px;font-weight:500}.ow-margin-result{border-top:1px solid #9ab2d22b;margin-top:20px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ow-margin-result small{font-size:11px;color:var(--mu-muted)}.ow-margin-result strong{font-size:28px;font-weight:500;color:var(--mu-blue)}.ow-margin-result em{font-size:10px;font-style:normal}
.ow-team-detail{position:absolute;inset:0 0 auto;opacity:0;visibility:hidden;min-height:310px;padding:26px}.ow-attendance-times{display:flex;align-items:center;gap:20px;margin-top:27px}.ow-attendance-times>span{display:flex;flex-direction:column;gap:9px}.ow-attendance-times small{font-size:11px;color:var(--mu-muted)}.ow-attendance-times b{font-size:22px;font-weight:500}.ow-attendance-times i{display:block;flex:1;height:3px;border-radius:3px;background:linear-gradient(90deg,#a0cef8,#5e91d6);transform-origin:right}.ow-worked-hours{display:flex;align-items:center;gap:14px;margin:25px 0}.ow-worked-hours strong{font-size:42px;font-weight:500;color:var(--mu-blue)}.ow-worked-hours span{font-size:12px;color:var(--mu-muted)}.ow-salary-record{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #9bb2d12e;padding-top:17px}.ow-salary-record>div{display:flex;flex-direction:column;gap:9px}.ow-salary-record small{font-size:10px;color:var(--mu-muted)}.ow-salary-record b{font-size:17px;font-weight:500}.ow-salary-record>span{font-size:10px;color:var(--mu-blue)}
@media(min-width:901px) and (max-height:800px){.mu-scene{padding-top:88px;gap:21px}.mu-heading h2{font-size:clamp(43px,4.8vw,65px);line-height:1.25}.mu-kicker{margin-bottom:9px}.ow-visual{height:325px;max-height:46vh}.ow-visual .mu-surface{padding:19px 23px}.ow-credit-balance{padding:16px 0}.ow-package-price b,.ow-insight-total{font-size:30px}.ow-schedule-panel{min-height:245px}}
@media(max-width:900px){main{height:7100vh;height:7100svh}.mu-scene{padding-top:clamp(94px,12svh,125px);gap:24px}.mu-heading h2{font-size:clamp(35px,9.3vw,54px);line-height:1.35}.mu-kicker{font-size:10px;margin-bottom:11px}.ow-visual{width:min(470px,89vw);height:355px;max-height:47svh}.ow-visual .mu-surface{padding:19px 21px}.ow-panel-head{font-size:13px}.ow-panel-head>span{font-size:10px}.ow-package-items{gap:12px}.ow-mini-item{width:150px;grid-template-columns:38px 1fr;padding:9px 11px}.ow-mini-item>span,.ow-mini-item>img,.ow-mini-item svg{width:38px;height:38px}.ow-mini-item b{font-size:12px}.ow-package-price b{font-size:29px}.ow-package-result{padding:17px 20px!important}.ow-destinations{font-size:9px;gap:14px}.ow-options{font-size:10px;gap:13px;margin-top:16px}.ow-rule-person{gap:8px;padding:12px 9px}.ow-rule-person small{font-size:8px}.ow-auto-tag{font-size:9px;padding:5px}.ow-rule-condition>small{font-size:10px}.ow-rule-condition strong{font-size:36px}.ow-compare-chart>div{grid-template-columns:57px 1fr 75px;gap:9px}.ow-compare-chart small{font-size:10px}.ow-compare-chart b{font-size:10px}.ow-insight-total{font-size:29px}.ow-margin-values b{font-size:18px}.ow-margin-result strong{font-size:25px}.ow-margin-result small{font-size:10px}.ow-sales-insight,.ow-margin-insight{min-height:300px}.ow-salary-record b{font-size:15px}.ow-salary-record>span{font-size:9px}.ow-team-detail{padding:21px}.ow-ledger-row{font-size:11px}.ow-waste-log{font-size:9px}}
@media(max-height:700px){.ow-visual{height:300px;max-height:46svh}.ow-visual .mu-surface{padding:15px 20px}.ow-package-result{padding:13px 18px!important}.ow-package-price{margin-top:8px}.ow-package-price b{font-size:27px}.ow-package-result p{font-size:10px;margin:9px 0}.ow-destinations{padding-top:10px}.ow-package-line{height:30px}.ow-status{font-size:10px;padding-top:11px}.ow-clock-track{margin-top:15px}.ow-schedule-panel{min-height:235px}.ow-menu-switch{margin-top:10px}.ow-menu-switch strong{font-size:28px}.ow-identity-profile,.ow-identity-memory{min-height:255px}.ow-avatar-choices{margin:19px 0}.ow-repeat-order{gap:8px;margin-top:13px}.ow-favorite{margin-top:17px;padding:10px 0}.ow-identity-memory p{margin-top:15px}.ow-credit-balance{padding:14px 0}.ow-credit-balance strong,.ow-stock-number strong{font-size:35px}.ow-ledger-row{margin-top:10px}.ow-credit-payment{margin-top:13px}.ow-stock-number{margin:16px 0}.ow-stock-track{margin-bottom:15px}.ow-waste-log{margin-top:12px;padding-top:11px}.ow-stock-alert{margin-top:13px}.ow-rule-condition{padding-top:17px}.ow-rule-condition strong{font-size:34px;margin-top:9px}.ow-rule-wire{height:29px}.ow-rule-person{padding:11px 10px}.ow-options{font-size:9px;margin-top:12px}.ow-sales-insight,.ow-margin-insight{min-height:265px}.ow-insight-total{margin:15px 0 19px}.ow-compare-chart>div{margin:14px 0}.ow-sales-insight p,.ow-margin-insight p{font-size:10px;margin-top:15px}.ow-margin-stack{height:25px;margin:19px 0}.ow-margin-values{gap:15px}.ow-margin-values>div{gap:6px}.ow-margin-result{margin-top:16px;padding-top:12px}.ow-team-detail{min-height:280px}.ow-attendance-times{margin-top:19px}.ow-worked-hours{margin:18px 0}.ow-salary-record{padding-top:13px}}
@media(max-width:900px) and (max-height:700px){.mu-scene{padding-top:85px;gap:17px}.mu-heading h2{font-size:34px;line-height:1.3}.mu-kicker{margin-bottom:8px}#mu-guest{padding-top:85px;gap:17px}#mu-guest .mu-heading h2{font-size:34px;line-height:1.3}}
@media(max-width:900px) and (max-height:600px) and (orientation:portrait){.mu-scene{padding-top:78px;gap:13px}.mu-heading h2{font-size:30px;line-height:1.25}.mu-kicker{font-size:9px;margin-bottom:6px}.ow-visual{height:260px;max-height:46svh}.ow-visual .mu-surface{padding:13px 17px}.ow-mini-item{padding:7px 10px;grid-template-columns:30px 1fr}.ow-mini-item>img,.ow-mini-item>span,.ow-mini-item svg{height:30px;width:30px}.ow-package-line{height:24px}.ow-package-price b{font-size:25px}.ow-package-result p{margin:7px 0}.ow-panel-head{font-size:12px}.ow-panel-head svg{height:24px;width:24px}.ow-package-result{padding:12px 16px!important}.ow-schedule-panel{min-height:215px}.ow-clock-track{margin-top:11px}.ow-menu-switch{min-height:90px;gap:7px}.ow-menu-switch strong{font-size:25px}.ow-identity-profile,.ow-identity-memory{min-height:235px}.ow-avatar-choices{margin:16px 0}.ow-avatar-choices span{width:37px;height:37px}.ow-field{padding:11px 14px}.ow-ledger-row{margin-top:8px;font-size:10px}.ow-credit-balance{padding:12px 0}.ow-credit-balance strong{font-size:30px;margin-top:7px}.ow-credit-payment{font-size:10px;margin-top:11px}.ow-credit-payment b{font-size:18px}.ow-stock-number{margin:12px 0}.ow-stock-number strong{font-size:31px}.ow-stock-track{margin-bottom:11px}.ow-waste-log{margin-top:10px;padding-top:9px;font-size:8px}.ow-stock-alert b{font-size:11px}.ow-stock-alert small{font-size:9px}.ow-rule-condition{padding-top:12px}.ow-rule-condition>small{font-size:9px}.ow-rule-condition strong{font-size:29px}.ow-rule-wire{height:24px}.ow-rule-person{padding:9px 8px}.ow-rule-person b{font-size:11px}.ow-rule-person .mx-avatar{width:24px;height:24px}.ow-rule-person small{font-size:7px}.ow-auto-tag{font-size:8px}.ow-sales-insight,.ow-margin-insight{min-height:235px}.ow-insight-total{font-size:25px;margin:12px 0 15px}.ow-compare-chart>div{margin:12px 0}.ow-compare-chart i{height:14px}.ow-margin-stack{margin:15px 0;height:22px}.ow-margin-values small{font-size:10px}.ow-margin-values b{font-size:16px}.ow-margin-result strong{font-size:22px}.ow-sales-insight p,.ow-margin-insight p{font-size:9px}.ow-team-detail{min-height:240px;padding:16px}.ow-attendance-times{margin-top:16px}.ow-attendance-times b{font-size:19px}.ow-worked-hours{margin:13px 0}.ow-worked-hours strong{font-size:34px}.ow-salary-record b{font-size:13px}#mu-guest .mu-heading h2{font-size:30px;line-height:1.25}}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){.mu-scene{padding:67px 28px 35px;gap:25px}.mu-heading h2{font-size:clamp(27px,4.8vw,40px);line-height:1.25}.mu-kicker{font-size:9px;margin-bottom:8px}.ow-visual{height:100%;max-height:100%;width:46%}.ow-visual .mu-surface{padding:11px 15px}.ow-panel-head{font-size:11px}.ow-panel-head>span{font-size:9px}.ow-mini-item{grid-template-columns:25px 1fr;padding:5px 8px;gap:2px 8px}.ow-mini-item>img,.ow-mini-item>span,.ow-mini-item svg{width:25px;height:25px}.ow-mini-item b{font-size:10px}.ow-mini-item small{font-size:8px}.ow-package-items{gap:9px}.ow-package-line{height:22px}.ow-package-result{padding:10px 14px!important}.ow-package-price{margin-top:4px}.ow-package-price b{font-size:23px}.ow-package-result p{font-size:9px;margin:6px 0}.ow-destinations{padding-top:8px;font-size:8px}.ow-options{font-size:8px;gap:10px;margin-top:10px}.ow-schedule-panel{min-height:190px}.ow-time{font-size:20px!important}.ow-clock-track{margin-top:10px}.ow-menu-switch{margin-top:7px;min-height:80px}.ow-menu-switch strong{font-size:24px}.ow-status{font-size:9px;padding-top:8px}.ow-identity-profile,.ow-identity-memory{min-height:210px}.ow-avatar-choices{margin:13px 0}.ow-avatar-choices span{height:30px;width:30px;font-size:14px}.ow-field{padding:9px 12px}.ow-field b{font-size:14px}.ow-favorite{margin-top:12px;padding:8px 0;font-size:10px}.ow-favorite b{font-size:12px}.ow-repeat-order{gap:7px;margin-top:10px}.ow-repeat-order b{font-size:12px}.ow-identity-memory p{font-size:9px;margin-top:11px}.ow-ledger-row{font-size:10px;margin-top:7px}.ow-credit-balance{padding:9px 0}.ow-credit-balance strong{font-size:28px;margin-top:5px}.ow-credit-balance small{font-size:9px}.ow-credit-payment{margin-top:9px;font-size:10px}.ow-credit-payment b{font-size:17px}.ow-stock-number{margin:11px 0}.ow-stock-number strong{font-size:29px}.ow-stock-track{margin-bottom:9px}.ow-waste-log{font-size:8px;margin-top:9px;padding-top:8px}.ow-stock-alert{margin-top:10px}.ow-stock-alert b{font-size:11px}.ow-stock-alert small{font-size:8px}.ow-rule-condition{padding-top:11px}.ow-rule-condition strong{font-size:27px}.ow-rule-condition>small{font-size:9px}.ow-rule-wire{height:22px}.ow-rule-person{padding:8px}.ow-rule-person small{font-size:7px}.ow-auto-tag{font-size:8px}.ow-rule-person b{font-size:11px}.ow-sales-insight,.ow-margin-insight{min-height:225px}.ow-insight-total{font-size:24px;margin:11px 0 15px}.ow-compare-chart>div{grid-template-columns:50px 1fr 65px;gap:7px;margin:12px 0}.ow-compare-chart small{font-size:9px}.ow-compare-chart b{font-size:9px}.ow-compare-chart i{height:13px}.ow-sales-insight p,.ow-margin-insight p{font-size:9px;margin-top:11px}.ow-margin-stack{height:20px;margin:14px 0}.ow-margin-values small{font-size:9px}.ow-margin-values b{font-size:15px}.ow-margin-result{margin-top:12px;padding-top:10px}.ow-margin-result small{font-size:9px}.ow-margin-result strong{font-size:22px}.ow-team-detail{min-height:220px;padding:15px}.ow-attendance-times{margin-top:14px}.ow-attendance-times b{font-size:17px}.ow-worked-hours{margin:13px 0}.ow-worked-hours strong{font-size:31px}.ow-worked-hours span{font-size:10px}.ow-salary-record b{font-size:12px}.ow-salary-record small,.ow-salary-record>span{font-size:8px}#mu-guest .mu-heading h2{font-size:clamp(27px,4.8vw,40px);line-height:1.25}}