/* MAU POS & ERP public landing page */
:root {
  --mau-navy: #071f63;
  --mau-blue: #0d63f3;
  --mau-cyan: #12a8f4;
  --mau-orange: #ff9700;
  --mau-orange-2: #ff5a00;
  --mau-bg: #f7f9fc;
  --mau-text: #102044;
  --mau-muted: #667085;
}
body.mau-landing {
  margin: 0;
  background: var(--mau-bg);
  color: var(--mau-text);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
.mau-landing * { box-sizing: border-box; }
.mau-nav {
  position: sticky; top: 0; z-index: 1000;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(226,232,240,.8);
}
.mau-nav-inner { max-width: 1180px; margin: auto; min-height: 76px; padding: 0 20px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.mau-brand img { display:block; width: 178px; height:auto; max-height:58px; object-fit:contain; }
.mau-nav-links { display:flex; align-items:center; gap:26px; }
.mau-nav-links a { color:#344054; text-decoration:none; font-weight:650; font-size:14px; }
.mau-nav-links a:hover { color:var(--mau-blue); }
.mau-nav-actions { display:flex; gap:10px; align-items:center; }
.mau-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:0 18px; border-radius:10px; text-decoration:none !important; font-weight:750; border:1px solid transparent; transition:.2s ease; }
.mau-btn:hover { transform:translateY(-1px); }
.mau-btn-outline { background:#fff; color:var(--mau-navy) !important; border-color:#d9e0eb; }
.mau-btn-primary { color:#fff !important; background:linear-gradient(135deg,var(--mau-blue),#0754d7); box-shadow:0 10px 24px rgba(13,99,243,.22); }
.mau-btn-orange { color:#fff !important; background:linear-gradient(135deg,var(--mau-orange),var(--mau-orange-2)); box-shadow:0 10px 24px rgba(255,126,0,.2); }
.mau-hero { position:relative; overflow:hidden; background:#fff; }
.mau-hero:before { content:""; position:absolute; width:600px; height:600px; border-radius:50%; background:rgba(18,168,244,.09); top:-300px; right:-150px; }
.mau-hero:after { content:""; position:absolute; width:430px; height:430px; border-radius:50%; background:rgba(255,151,0,.08); bottom:-260px; left:-120px; }
.mau-hero-inner { position:relative; z-index:1; max-width:1180px; margin:auto; padding:78px 20px 92px; display:grid; grid-template-columns:1.05fr .95fr; gap:58px; align-items:center; }
.mau-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:7px 12px; border-radius:999px; background:#edf5ff; color:var(--mau-blue); font-weight:800; font-size:12px; letter-spacing:.3px; }
.mau-eyebrow i { font-size:8px; }
.mau-hero h1 { margin:18px 0 16px; font-size:52px; line-height:1.05; letter-spacing:-1.7px; font-weight:850; color:var(--mau-navy); }
.mau-hero h1 span { background:linear-gradient(90deg,var(--mau-blue),var(--mau-cyan)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.mau-hero p { margin:0; max-width:650px; font-size:18px; line-height:1.7; color:var(--mau-muted); }
.mau-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.mau-trust { display:flex; flex-wrap:wrap; gap:18px; margin-top:25px; color:#7b8798; font-size:12px; font-weight:650; }
.mau-trust i { color:var(--mau-blue); margin-right:5px; }
.mau-hero-card { padding:20px; border:1px solid #e7ebf2; border-radius:22px; background:linear-gradient(145deg,#fff,#f6f9ff); box-shadow:0 28px 70px rgba(18,40,90,.13); }
.mau-dashboard-window { border-radius:15px; overflow:hidden; border:1px solid #dfe6f1; background:#f8fafc; box-shadow:0 16px 35px rgba(15,23,42,.1); }
.mau-window-top { height:42px; display:flex; align-items:center; gap:6px; padding:0 14px; background:#fff; border-bottom:1px solid #e7ebf2; }
.mau-window-top span { width:8px; height:8px; border-radius:50%; background:#d6dce6; }
.mau-window-body { padding:17px; display:grid; grid-template-columns:72px 1fr; gap:13px; }
.mau-mini-side { border-radius:10px; background:linear-gradient(180deg,#071f63,#0b3c92); min-height:260px; }
.mau-mini-main { display:grid; gap:11px; }
.mau-mini-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.mau-mini-kpi,.mau-mini-chart,.mau-mini-table { background:#fff; border:1px solid #e9edf4; border-radius:10px; }
.mau-mini-kpi { height:70px; padding:10px; }
.mau-mini-kpi b { display:block; font-size:17px; color:#12234b; margin-top:8px; }
.mau-mini-kpi small { color:#8490a3; font-size:8px; }
.mau-mini-chart { height:120px; position:relative; overflow:hidden; }
.mau-mini-chart:after { content:""; position:absolute; left:10%; right:10%; bottom:22px; height:55px; border-bottom:3px solid #0d63f3; border-radius:50%; transform:skewY(-9deg); opacity:.8; }
.mau-mini-table { height:76px; }
.mau-section { max-width:1180px; margin:auto; padding:88px 20px; }
.mau-section-head { text-align:center; max-width:700px; margin:0 auto 42px; }
.mau-section-head .eyebrow { color:var(--mau-blue); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:1px; }
.mau-section-head h2 { margin:10px 0 12px; font-size:34px; line-height:1.15; color:var(--mau-navy); }
.mau-section-head p { margin:0; color:var(--mau-muted); line-height:1.7; }
.mau-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.mau-feature { background:#fff; border:1px solid #e7ebf2; border-radius:16px; padding:24px; box-shadow:0 12px 32px rgba(18,40,90,.055); }
.mau-feature-icon { width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:#edf5ff; color:var(--mau-blue); font-size:20px; margin-bottom:17px; }
.mau-feature:nth-child(3n+2) .mau-feature-icon { background:#fff4e7; color:var(--mau-orange-2); }
.mau-feature:nth-child(3n) .mau-feature-icon { background:#eafcff; color:#0396bd; }
.mau-feature h3 { margin:0 0 8px; font-size:17px; color:var(--mau-navy); }
.mau-feature p { margin:0; color:var(--mau-muted); line-height:1.65; font-size:14px; }
.mau-solutions { background:#fff; }
.mau-solution-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.mau-solution { border:1px solid #e7ebf2; border-radius:14px; padding:22px; background:#fff; }
.mau-solution i { color:var(--mau-blue); font-size:22px; }
.mau-solution h4 { margin:16px 0 7px; font-size:16px; color:var(--mau-navy); }
.mau-solution p { margin:0; color:var(--mau-muted); font-size:13px; line-height:1.55; }
.mau-cta { max-width:1180px; margin:0 auto 88px; padding:0 20px; }
.mau-cta-box { border-radius:24px; padding:50px 55px; background:linear-gradient(135deg,#071f63 0%,#0b4eb6 65%,#0da4e9 100%); color:#fff; display:flex; align-items:center; justify-content:space-between; gap:30px; box-shadow:0 25px 65px rgba(7,31,99,.2); }
.mau-cta-box h2 { margin:0 0 10px; font-size:31px; }
.mau-cta-box p { margin:0; color:rgba(255,255,255,.78); line-height:1.6; }
.mau-footer { background:#06183f; color:rgba(255,255,255,.7); }
.mau-footer-inner { max-width:1180px; margin:auto; padding:45px 20px 28px; }
.mau-footer-top { display:flex; justify-content:space-between; gap:30px; align-items:flex-start; }
.mau-footer-brand img { width:180px; filter:drop-shadow(0 8px 18px rgba(0,0,0,.18)); }
.mau-footer-brand p { max-width:350px; line-height:1.65; font-size:13px; }
.mau-footer-links { display:flex; gap:50px; }
.mau-footer-links h5 { color:#fff; margin:0 0 13px; font-size:13px; }
.mau-footer-links a { display:block; color:rgba(255,255,255,.62); text-decoration:none; margin-bottom:9px; font-size:13px; }
.mau-footer-links a:hover { color:#fff; }
.mau-footer-bottom { margin-top:35px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); font-size:12px; display:flex; justify-content:space-between; gap:20px; }
@media (max-width: 900px) {
  .mau-nav-links { display:none; }
  .mau-hero-inner { grid-template-columns:1fr; padding-top:55px; }
  .mau-hero h1 { font-size:43px; }
  .mau-grid-3 { grid-template-columns:1fr 1fr; }
  .mau-solution-grid { grid-template-columns:1fr 1fr; }
  .mau-cta-box { flex-direction:column; align-items:flex-start; }
  .mau-footer-top { flex-direction:column; }
}
@media (max-width: 600px) {
  .mau-nav-inner { min-height:64px; }
  .mau-brand img { width:145px; }
  .mau-nav-actions .mau-btn-outline { display:none; }
  .mau-hero h1 { font-size:36px; letter-spacing:-1px; }
  .mau-hero p { font-size:16px; }
  .mau-hero-card { padding:10px; }
  .mau-window-body { grid-template-columns:42px 1fr; padding:10px; }
  .mau-mini-side { min-height:220px; }
  .mau-section { padding:62px 16px; }
  .mau-section-head h2 { font-size:28px; }
  .mau-grid-3,.mau-solution-grid { grid-template-columns:1fr; }
  .mau-cta { margin-bottom:62px; padding:0 16px; }
  .mau-cta-box { padding:34px 25px; }
  .mau-cta-box h2 { font-size:26px; }
  .mau-footer-links { gap:25px; flex-wrap:wrap; }
  .mau-footer-bottom { flex-direction:column; }
}