.smartmbg-landing{--bg-0:#fff;--bg-1:#f3f7ff;--bg-2:#e9f1ff;--surface:#fff;--surface-2:#f2f7ff;--border:#0d1e3c1a;--border-strong:#0d1e3c2e;--text-0:#0b1526;--text-1:#48566e;--text-2:#78879f;--brand:#2f7bff;--brand-2:#7fb4ff;--brand-dark:#123a8a;--amber:#f5b942;--hero-grad-1:#0e2c78;--hero-grad-2:#2f6fe0;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--maxw:1240px;--shadow-soft:0 20px 50px #0d1e3c1f;background:var(--bg-0);color:var(--text-0);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}.smartmbg-landing a{color:inherit;text-decoration:none}.smartmbg-landing img{max-width:100%;display:block}.smartmbg-landing ::selection{background:var(--brand);color:#04102a}.smartmbg-landing .container{max-width:var(--maxw);margin:0 auto;padding:0 32px}.smartmbg-landing .btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.smartmbg-landing .btn:active{transform:translateY(1px)scale(.98)}.smartmbg-landing .btn-primary{background:linear-gradient(135deg, var(--brand), #1656d6);color:#fff;box-shadow:0 8px 24px #2f7bff59}.smartmbg-landing .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2f7bff80}.smartmbg-landing .btn-outline{border:1px solid var(--border-strong);color:var(--text-0);background:#0d1e3c08}.smartmbg-landing .btn-outline:hover{border-color:var(--brand);background:#0d1e3c12}.smartmbg-landing .btn-ghost{color:var(--text-1);background:0 0;padding:10px 18px}.smartmbg-landing .btn-ghost:hover{color:var(--text-0)}.smartmbg-landing .btn-sm{padding:9px 18px;font-size:13px}.smartmbg-landing .btn-block{width:100%}.smartmbg-landing .nav{z-index:100;color:#fff;--text-0:#fff;--text-1:#ffffffe0;--border:#ffffff2e;--border-strong:#ffffff4d;border-bottom:1px solid #0000;padding:18px 0;transition:background .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s,border-color .25s,padding .25s,color .25s;position:fixed;top:0;left:0;right:0}.smartmbg-landing .nav.scrolled{-webkit-backdrop-filter:blur(14px);color:#0b1526;--text-0:#0b1526;--text-1:#48566e;--border:#0d1e3c14;--border-strong:#0d1e3c29;background:#ffffffdb;border-bottom:1px solid #0d1e3c14;padding:12px 0}.smartmbg-landing .nav-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.smartmbg-landing .logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.smartmbg-landing .mark{background:linear-gradient(135deg, var(--brand), #1656d6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 4px 16px #2f7bff66}.smartmbg-landing .mark svg{width:19px;height:19px}.smartmbg-landing .nav-links{align-items:center;gap:6px;display:flex}.smartmbg-landing .nav-links a{color:var(--text-1);border-radius:999px;padding:9px 14px;font-size:14.5px;font-weight:500;transition:color .18s,background .18s}.smartmbg-landing .nav-links a:hover{color:var(--text-0);background:#80808024}.smartmbg-landing .nav-actions{align-items:center;gap:10px;display:flex}.smartmbg-landing .nav-burger{border:1px solid var(--border);cursor:pointer;background:#80808024;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;display:none}.smartmbg-landing .nav-burger span{background:var(--text-0);border-radius:2px;width:18px;height:2px;display:block}.smartmbg-landing .hero{background:radial-gradient(1100px 620px at 18% -10%, #ffffff24, transparent 60%), radial-gradient(900px 500px at 85% 0%, #ffffff1a, transparent 55%), linear-gradient(180deg, var(--hero-grad-1) 0%, var(--hero-grad-2) 55%, var(--bg-0) 100%);isolation:isolate;color:#fff;--text-0:#fff;--text-1:#ffffffd1;--text-2:#ffffff9e;--border:#ffffff29;--border-strong:#ffffff47;padding:168px 0 120px;position:relative;overflow:hidden}.smartmbg-landing .hero:before{content:"";z-index:-1;opacity:.6;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(700px 500px at 50% 10%,#000,#0000 75%);mask-image:radial-gradient(700px 500px at 50% 10%,#000,#0000 75%)}.smartmbg-landing .hero-ring{z-index:-1;border:1px solid #ffffff0f;border-radius:50%;width:1100px;height:1100px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.smartmbg-landing .hero-ring.r2{border-color:#ffffff0d;width:800px;height:800px}.smartmbg-landing .hero-ring.r3{border-color:#ffffff0d;width:520px;height:520px}.smartmbg-landing .badge-pill-wrap{justify-content:center;display:flex}.smartmbg-landing .badge-pill{border:1px solid var(--border-strong);color:var(--text-1);background:#ffffff0d;border-radius:999px;align-items:center;gap:10px;margin:0 auto 30px;padding:8px;font-size:13.5px;font-weight:500;display:inline-flex}.smartmbg-landing .badge-pill .ico{width:24px;height:24px;color:var(--brand-dark);background:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.smartmbg-landing .badge-pill strong{color:var(--text-0);font-weight:700}.smartmbg-landing .hero-title{text-align:center;letter-spacing:-.03em;max-width:960px;margin:0 auto 26px;font-size:clamp(2.4rem,5.6vw,4.5rem);font-weight:800;line-height:1.06}.smartmbg-landing .accent{background:linear-gradient(135deg, #fff, #7fb4ff 55%, var(--brand));color:#0000;-webkit-background-clip:text;background-clip:text}.smartmbg-landing .hero-sub{text-align:center;max-width:640px;color:var(--text-1);margin:0 auto 40px;font-size:18px;line-height:1.6}.smartmbg-landing .hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:16px;display:flex}.smartmbg-landing .hero-caption{text-align:center;color:var(--text-2);margin-bottom:64px;font-size:13px}.smartmbg-landing .hero-stage{max-width:420px;min-height:640px;margin:0 auto;position:relative}.smartmbg-landing .float-card{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);z-index:3;color:#0b1526;--text-0:#0b1526;--text-1:#48566e;--text-2:#78879f;--border:#0d1e3c14;--border-strong:#0d1e3c29;background:#fffffff2;border:1px solid #0d1e3c14;padding:18px 20px;animation:6s ease-in-out infinite smg-floaty;position:absolute;box-shadow:0 20px 50px #08143240}@keyframes smg-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.smartmbg-landing .float-stat{width:225px;animation-delay:.2s;top:70px;left:-235px}.smartmbg-landing .float-stat .stat-num{color:var(--text-0);align-items:center;gap:6px;font-size:30px;font-weight:800;display:flex}.smartmbg-landing .float-stat .stat-num .up{color:var(--brand);font-size:20px}.smartmbg-landing .float-stat .stat-label{color:var(--text-2);margin-top:2px;margin-bottom:12px;font-size:13px}.smartmbg-landing .mini-bars{align-items:flex-end;gap:3px;height:34px;display:flex}.smartmbg-landing .mini-bars i{background:linear-gradient(180deg, #7fb4ff, var(--brand));opacity:.9;border-radius:3px 3px 0 0;flex:1}.smartmbg-landing .mini-bars i:nth-child(2n){background:#0d1e3c1f}.smartmbg-landing .float-ai{width:255px;animation-delay:1.1s;top:16px;right:-245px}.smartmbg-landing .ai-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.smartmbg-landing .ai-head .dot{background:linear-gradient(135deg, var(--brand), #1656d6);border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.smartmbg-landing .ai-head strong{font-size:14px}.smartmbg-landing .ai-head span{color:var(--text-2);background:#0d1e3c0f;border-radius:999px;margin-left:4px;padding:2px 7px;font-size:10.5px}.smartmbg-landing .ai-bubble{border:1px solid var(--border);color:var(--text-1);background:#0d1e3c0a;border-radius:10px;margin-bottom:10px;padding:10px 12px;font-size:12.5px;line-height:1.5}.smartmbg-landing .ai-chip{background:var(--brand);color:#fff;border-radius:999px;margin-bottom:8px;padding:8px 12px;font-size:11.5px;font-weight:700;display:inline-block}.smartmbg-landing .ai-typing{color:var(--text-2);align-items:center;gap:6px;font-size:11.5px;display:flex}.smartmbg-landing .ai-typing .dots{gap:3px;display:flex}.smartmbg-landing .ai-typing .dots span{background:var(--brand);border-radius:50%;width:4px;height:4px;animation:1.2s infinite smg-blink}.smartmbg-landing .ai-typing .dots span:nth-child(2){animation-delay:.2s}.smartmbg-landing .ai-typing .dots span:nth-child(3){animation-delay:.4s}@keyframes smg-blink{0%,80%,to{opacity:.2}40%{opacity:1}}.smartmbg-landing .phone{width:300px;height:610px;box-shadow:var(--shadow-soft), inset 0 0 0 1.5px #ffffff59, inset 0 2px 8px #ffffff2e, inset 0 -8px 18px #0000008c;z-index:2;background:linear-gradient(155deg,#8fb0d9 0%,#4a6c95 32%,#324b68 60%,#1a2738 100%);border-radius:64px;margin:0 auto;padding:9px;position:relative}.smartmbg-landing .phone-inner{background:#000;border-radius:55px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0009}.smartmbg-landing .phone-island{z-index:6;background:#000;border-radius:20px;width:94px;height:27px;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1.5px #ffffff0d}.smartmbg-landing .phone-island:after{content:"";background:#0c1a2b;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:9px;transform:translateY(-50%);box-shadow:inset 0 0 2px #78a0dc80}.smartmbg-landing .phone-btn{z-index:1;background:linear-gradient(#8fb0d9,#3c5878);position:absolute}.smartmbg-landing .phone-btn-action{border-radius:3px 0 0 3px;width:4px;height:24px;top:112px;left:-4px}.smartmbg-landing .phone-btn-vol-up{border-radius:3px 0 0 3px;width:4px;height:44px;top:160px;left:-4px}.smartmbg-landing .phone-btn-vol-down{border-radius:3px 0 0 3px;width:4px;height:44px;top:214px;left:-4px}.smartmbg-landing .phone-btn-power{border-radius:0 3px 3px 0;width:4px;height:72px;top:145px;right:-4px}.smartmbg-landing .phone-screen{color:#0b1526;--text-0:#0b1526;--text-1:#48566e;--text-2:#78879f;--border:#0d1e3c17;--border-strong:#0d1e3c29;background:linear-gradient(#fff,#eef4ff 100%);flex-direction:column;padding:34px 16px 18px;display:flex;position:absolute;inset:0}.smartmbg-landing .phone-topbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.smartmbg-landing .phone-topbar .time{font-size:12px;font-weight:700}.smartmbg-landing .phone-topbar .icons{align-items:center;gap:5px;display:flex}.smartmbg-landing .phone-topbar .icons i{background:#0d1e3c8c;border-radius:2px;width:12px;height:8px;display:block}.smartmbg-landing .phone-app-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.smartmbg-landing .phone-app-row .greet{color:var(--text-2);font-size:11px}.smartmbg-landing .phone-app-row .name{font-size:15px;font-weight:700}.smartmbg-landing .avatar-sm{background:linear-gradient(135deg, var(--brand), var(--brand-dark));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.smartmbg-landing .phone-card{border:1px solid var(--border);background:#0d1e3c0b;border-radius:14px;margin-bottom:12px;padding:14px}.smartmbg-landing .phone-card .k{color:var(--text-2);margin-bottom:4px;font-size:11px}.smartmbg-landing .phone-card .v{font-size:20px;font-weight:800}.smartmbg-landing .phone-grid2{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.smartmbg-landing .phone-list-item{border:1px solid var(--border);background:#0d1e3c09;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;font-size:12px;display:flex}.smartmbg-landing .pill-status{border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700}.smartmbg-landing .pill-status.ok{color:var(--brand-dark);background:#2f7bff24}.smartmbg-landing .pill-status.warn{color:#8a5c05;background:#f5b94238}.smartmbg-landing .pill-status.info{color:var(--text-1);background:#0d1e3c14}.smartmbg-landing .chartline{border:1px solid var(--border);background:#0d1e3c09;border-radius:10px;height:56px;margin-bottom:12px;position:relative;overflow:hidden}.smartmbg-landing .chartline svg{width:100%;height:100%}.smartmbg-landing .section-pad{padding:110px 0}.smartmbg-landing .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--brand);justify-content:center;align-items:center;gap:8px;margin-bottom:16px;font-size:12.5px;font-weight:700;display:inline-flex}.smartmbg-landing .kicker:before{content:"";background:var(--brand);border-radius:2px;width:22px;height:2px;display:inline-block}.smartmbg-landing .section-head{text-align:center;max-width:680px;margin:0 auto 64px}.smartmbg-landing .section-head h2{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:800;line-height:1.15}.smartmbg-landing .section-head p{color:var(--text-1);margin:0;font-size:16.5px;line-height:1.65}.smartmbg-landing .reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.smartmbg-landing .reveal.in{opacity:1;transform:translateY(0)}.smartmbg-landing .dual-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.smartmbg-landing .hl-card{background:linear-gradient(180deg, var(--surface), var(--surface-2));border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px;position:relative;overflow:hidden}.smartmbg-landing .hl-card h3{margin:0 0 8px;font-size:20px;font-weight:700}.smartmbg-landing .hl-card p{color:var(--text-1);max-width:380px;margin:0 0 22px;font-size:14.5px;line-height:1.6}.smartmbg-landing .hl-visual{background:var(--bg-1);border:1px solid var(--border);border-radius:14px;min-height:180px;padding:18px}.smartmbg-landing .qr-grid{grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:14px;display:grid}.smartmbg-landing .qr-grid i{aspect-ratio:1;background:#0d1e3c14;border-radius:3px}.smartmbg-landing .qr-grid i.on{background:var(--brand)}.smartmbg-landing .haccp-row{border-bottom:1px dashed var(--border);color:var(--text-1);justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;display:flex}.smartmbg-landing .haccp-row:last-child{border-bottom:none}.smartmbg-landing .chk{width:18px;height:18px;color:var(--brand-dark);background:#2f7bff24;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.smartmbg-landing .bento-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.smartmbg-landing .bento-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:28px;transition:transform .25s,border-color .25s,background .25s;display:flex}.smartmbg-landing .bento-card:hover{background:var(--surface-2);border-color:#2f7bff66;transform:translateY(-6px)}.smartmbg-landing .bento-card h3{margin:0 0 8px;font-size:17px;font-weight:700}.smartmbg-landing .bento-card p{color:var(--text-1);margin:0 0 20px;font-size:13.5px;line-height:1.6}.smartmbg-landing .bento-card--lg{grid-column:span 1}.smartmbg-landing .bento-visual{background:var(--bg-1);border:1px solid var(--border);border-radius:14px;min-height:150px;margin-top:auto;padding:16px}.smartmbg-landing .bento-visual--lg{min-height:190px}.smartmbg-landing .icons-visual{grid-template-columns:repeat(4,1fr);align-content:center;gap:8px;height:100%;display:grid}.smartmbg-landing .icon-chip{aspect-ratio:1;border:1px solid var(--border);background:#0d1e3c0d;border-radius:12px;justify-content:center;align-items:center;font-size:18px;animation:3.2s ease-in-out infinite smg-chip-pulse;display:flex}.smartmbg-landing .icon-chip.on{background:#2f7bff38;border-color:#2f7bff66}@keyframes smg-chip-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.smartmbg-landing .haccp-visual{align-items:center;gap:14px;display:flex}.smartmbg-landing .mini-window{border:1px solid var(--border);background:#0d1e3c0b;border-radius:10px;flex:1;padding:10px 12px}.smartmbg-landing .window-dots{gap:4px;margin-bottom:9px;display:flex}.smartmbg-landing .window-dots span{background:#0d1e3c40;border-radius:50%;width:6px;height:6px}.smartmbg-landing .haccp-mini-row{color:var(--text-1);align-items:center;gap:7px;padding:5px 0;font-size:11.5px;display:flex}.smartmbg-landing .chk-anim{width:15px;height:15px;color:var(--brand);background:#2f7bff33;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;animation:2.4s ease-in-out infinite smg-chk-fade;display:flex}@keyframes smg-chk-fade{0%,15%{opacity:.25;transform:scale(.7)}30%,80%{opacity:1;transform:scale(1)}95%,to{opacity:.25;transform:scale(.7)}}.smartmbg-landing .quality-ring{flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.smartmbg-landing .quality-ring svg{width:100%;height:100%}.smartmbg-landing .quality-ring span{color:var(--text-0);font-size:12px;font-weight:800;position:absolute}.smartmbg-landing .ring-progress{stroke-dasharray:163;animation:3.5s ease-in-out infinite smg-ring-fill}@keyframes smg-ring-fill{0%{stroke-dashoffset:163px}60%,to{stroke-dashoffset:8px}}.smartmbg-landing .qr-visual{flex-direction:column;gap:12px;display:flex}.smartmbg-landing .track-input{border:1px solid var(--border-strong);background:#0d1e3c0d;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;display:flex}.smartmbg-landing .ti-dot{background:var(--brand);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite smg-chk-fade}.smartmbg-landing .ti-placeholder{color:var(--text-2);flex:1;font-size:12px}.smartmbg-landing .ti-send{color:var(--brand);font-size:13px}.smartmbg-landing .qr-grid.glow i{animation:2.6s ease-in-out infinite smg-qr-glow}@keyframes smg-qr-glow{0%,to{opacity:.55}50%{opacity:1;box-shadow:0 0 8px #2f7bff80}}.smartmbg-landing .dual-visual{align-items:center;gap:18px;height:100%;display:flex}.smartmbg-landing .gauge-wrap{flex-shrink:0;width:112px;height:112px;position:relative}.smartmbg-landing .gauge-wrap svg{width:100%;height:100%}.smartmbg-landing .gauge-progress{stroke-dasharray:264;animation:4s ease-in-out infinite smg-gauge-fill}.smartmbg-landing .gauge-progress-2{animation:4s ease-in-out infinite smg-gauge-fill-2}@keyframes smg-gauge-fill{0%{stroke-dashoffset:264px}55%,to{stroke-dashoffset:22px}}@keyframes smg-gauge-fill-2{0%{stroke-dashoffset:264px}55%,to{stroke-dashoffset:7px}}.smartmbg-landing .gauge-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.smartmbg-landing .gauge-center strong{font-size:19px;font-weight:800}.smartmbg-landing .gauge-center span{color:var(--text-2);text-align:center;margin-top:2px;font-size:10px}.smartmbg-landing .stat-mini-col{flex-direction:column;flex:1;gap:10px;display:flex}.smartmbg-landing .stat-mini{border:1px solid var(--border);background:#0d1e3c0b;border-radius:10px;flex-direction:column;gap:4px;padding:9px 12px;display:flex}.smartmbg-landing .stat-mini.box{flex-direction:row;justify-content:space-between;align-items:center}.smartmbg-landing .stat-mini.warn{border-color:#f5b94259}.smartmbg-landing .stat-mini .lbl{color:var(--text-2);font-size:11px}.smartmbg-landing .stat-mini .val{font-size:13.5px;font-weight:700}.smartmbg-landing .stat-mini .val.up{color:var(--brand)}.smartmbg-landing .stat-mini .row{justify-content:space-between;align-items:center;display:flex}.smartmbg-landing .spark{width:100%;height:22px;margin-top:2px}.smartmbg-landing .spark-line{stroke-dasharray:220;animation:3s ease-in-out infinite smg-spark-draw}@keyframes smg-spark-draw{0%{stroke-dashoffset:220px}60%,to{stroke-dashoffset:0}}.smartmbg-landing .insight-visual{gap:16px;height:100%;display:flex}.smartmbg-landing .thumb-block{background:linear-gradient(160deg, var(--brand), var(--brand-dark));border:1px solid var(--border-strong);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:104px;font-size:30px;display:flex;position:relative}.smartmbg-landing .thumb-caption{color:#fff;font-size:10px;line-height:1.3;position:absolute;bottom:8px;left:10px}.smartmbg-landing .thumb-caption strong{font-size:11px;display:block}.smartmbg-landing .thumb-caption span{color:#ffffffbf}.smartmbg-landing .insight-col{flex-direction:column;flex:1;justify-content:center;gap:12px;display:flex}.smartmbg-landing .insight-stat{border:1px solid var(--border);color:var(--text-2);background:#0d1e3c0b;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;font-size:11px;display:flex}.smartmbg-landing .insight-stat strong{color:var(--text-0);font-size:17px}.smartmbg-landing .insight-stat strong em{color:var(--brand);margin-left:4px;font-size:12px;font-style:normal}.smartmbg-landing .notif-card{border:1px solid var(--border);background:#0d1e3c0b;border-radius:10px;align-items:center;gap:10px;padding:9px 11px;animation:3.4s ease-in-out infinite smg-notif-in;display:flex}@keyframes smg-notif-in{0%,8%{opacity:.5;transform:translateY(3px)}18%,90%{opacity:1;transform:translateY(0)}to{opacity:.5;transform:translateY(3px)}}.smartmbg-landing .notif-av{background:linear-gradient(135deg, var(--brand), var(--brand-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:800;display:flex}.smartmbg-landing .notif-body{flex-direction:column;flex:1;font-size:11px;display:flex}.smartmbg-landing .notif-body strong{font-size:11.5px}.smartmbg-landing .notif-body span{color:var(--text-2)}.smartmbg-landing .notif-time{color:var(--text-2);flex-shrink:0;font-size:10px}.smartmbg-landing .benefit-wrap{grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;display:grid}.smartmbg-landing .benefit-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.smartmbg-landing .benefit-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:22px}.smartmbg-landing .benefit-item .n{color:var(--brand);margin-bottom:8px;font-size:26px;font-weight:800}.smartmbg-landing .benefit-item h4{margin:0 0 6px;font-size:15px;font-weight:700}.smartmbg-landing .benefit-item p{color:var(--text-2);margin:0;font-size:13px;line-height:1.55}.smartmbg-landing .device-frame{border:1px solid var(--border);background:var(--bg-1);box-shadow:var(--shadow-soft);border-radius:22px;padding:22px}.smartmbg-landing .demo-wrap{grid-template-columns:.95fr 1.05fr;align-items:center;gap:56px;display:grid}.smartmbg-landing .role-tabs{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.smartmbg-landing .role-tab{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-1);cursor:pointer;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:600;transition:all .2s}.smartmbg-landing .role-tab.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 8px 22px #2f7bff59}.smartmbg-landing .role-tab:hover:not(.active){color:var(--text-0);border-color:#0d1e3c59}.smartmbg-landing .feature-try-list{flex-direction:column;gap:10px;display:flex}.smartmbg-landing .try-item{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:border-color .2s,background .2s;display:flex;position:relative}.smartmbg-landing .try-item:hover{border-color:#2f7bff59}.smartmbg-landing .try-item.active{border-color:var(--brand);background:var(--surface-2)}.smartmbg-landing .try-item .ti-ico{width:38px;height:38px;color:var(--brand);background:#2f7bff24;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.smartmbg-landing .try-item .ti-text strong{font-size:14.5px;display:block}.smartmbg-landing .try-item .ti-text span{color:var(--text-2);font-size:12.5px}.smartmbg-landing .try-item .ti-arrow{color:var(--text-2);margin-left:auto;font-size:16px;transition:transform .2s}.smartmbg-landing .try-item.active .ti-arrow{color:var(--brand);transform:translate(3px)}.smartmbg-landing .phone-demo-wrap{justify-content:center;display:flex;position:relative}.smartmbg-landing .click-pulse{border:2px solid var(--brand);pointer-events:none;opacity:0;z-index:20;background:#2f7bff59;border-radius:50%;width:46px;height:46px;position:absolute}.smartmbg-landing .click-pulse.animate{animation:.9s ease-out smg-pulse-click}@keyframes smg-pulse-click{0%{opacity:.9;transform:scale(.4)}70%{opacity:.25}to{opacity:0;transform:scale(1.7)}}.smartmbg-landing .tooltip-bubble{background:var(--brand);color:#fff;white-space:nowrap;z-index:21;opacity:0;border-radius:10px;padding:8px 13px;font-size:12px;font-weight:700;transition:opacity .25s,transform .25s;position:absolute;top:190px;left:50%;transform:translateY(6px);box-shadow:0 8px 22px #00000059}.smartmbg-landing .tooltip-bubble.show{opacity:1;transform:translate(-50%)translateY(0)}.smartmbg-landing .tooltip-bubble:after{content:"";background:var(--brand);width:10px;height:10px;position:absolute;bottom:-5px;left:20px;transform:rotate(45deg)}.smartmbg-landing .dyn-panel{flex-direction:column;flex:1;animation:.35s smg-fade-slide;display:flex}@keyframes smg-fade-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.smartmbg-landing .stats-band{border:1px solid var(--border);background:linear-gradient(135deg,#2f7bff1a,#0d1e3c08);border-radius:28px;grid-template-columns:repeat(4,1fr);gap:24px;padding:56px 40px;display:grid}.smartmbg-landing .stat-box{text-align:center}.smartmbg-landing .stat-box .num{color:var(--text-0);font-size:clamp(2rem,3.4vw,2.7rem);font-weight:800}.smartmbg-landing .stat-box .lbl{color:var(--text-2);margin-top:6px;font-size:13.5px}.smartmbg-landing .test-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.smartmbg-landing .test-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.smartmbg-landing .stars{color:var(--amber);letter-spacing:2px;margin-bottom:14px;font-size:14px}.smartmbg-landing .test-card p.quote{color:var(--text-1);margin:0 0 22px;font-size:14.5px;line-height:1.7}.smartmbg-landing .test-person{align-items:center;gap:12px;display:flex}.smartmbg-landing .test-person .av{background:linear-gradient(135deg, var(--brand), #1656d6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:flex}.smartmbg-landing .test-person strong{font-size:14px;display:block}.smartmbg-landing .test-person span{color:var(--text-2);font-size:12.5px}.smartmbg-landing .price-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;display:grid}.smartmbg-landing .price-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:34px 28px;display:flex;position:relative}.smartmbg-landing .price-card.featured{border-color:var(--brand);background:linear-gradient(180deg, #2f7bff1a, var(--surface) 40%);transform:translateY(-10px);box-shadow:0 24px 60px #2f7bff2e}.smartmbg-landing .price-tag{background:var(--brand);color:#fff;border-radius:999px;padding:5px 14px;font-size:11.5px;font-weight:800;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.smartmbg-landing .price-card h3{margin:0 0 6px;font-size:19px;font-weight:700}.smartmbg-landing .price-card .desc{color:var(--text-2);margin-bottom:22px;font-size:13.5px}.smartmbg-landing .price-amount{margin-bottom:2px;font-size:34px;font-weight:800}.smartmbg-landing .price-amount span{color:var(--text-2);font-size:14px;font-weight:500}.smartmbg-landing .price-note{color:var(--text-2);margin-bottom:24px;font-size:12.5px}.smartmbg-landing .price-list{flex-direction:column;flex:1;gap:11px;margin:0 0 28px;padding:0;list-style:none;display:flex}.smartmbg-landing .price-list li{color:var(--text-1);align-items:flex-start;gap:10px;font-size:13.5px;display:flex}.smartmbg-landing .price-list li .c{color:var(--brand);flex-shrink:0;margin-top:1px}.smartmbg-landing .final-cta{text-align:center;color:#fff;--text-0:#fff;--text-1:#ffffffd9;--border-strong:#ffffff59;background:radial-gradient(900px 400px at 50% 0,#ffffff29,#0000 65%),linear-gradient(135deg,#123a8a,#2f6fe0);border:1px solid #ffffff24;border-radius:32px;padding:70px 40px}.smartmbg-landing .final-cta h2{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:800}.smartmbg-landing .final-cta p{color:var(--text-1);max-width:520px;margin:0 auto 34px;font-size:16px}.smartmbg-landing .page-hero{background:linear-gradient(180deg, var(--hero-grad-1) 0%, var(--hero-grad-2) 55%, var(--bg-0) 100%);color:#fff;--text-0:#fff;--text-1:#ffffffd1;padding:168px 0 72px;position:relative}.smartmbg-landing .page-hero .kicker{color:#ffffffbf;justify-content:flex-start}.smartmbg-landing .page-hero .kicker:before{background:#ffffffbf}.smartmbg-landing .page-hero h1{letter-spacing:-.02em;max-width:720px;margin:0 0 16px;font-size:clamp(2rem,4.2vw,3rem);font-weight:800;line-height:1.15}.smartmbg-landing .page-hero p{color:var(--text-1);max-width:620px;margin:0;font-size:17px;line-height:1.6}.smartmbg-landing .breadcrumb{color:#ffffffa6;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.smartmbg-landing .breadcrumb a{color:#ffffffd9}.smartmbg-landing .breadcrumb a:hover{color:#fff;text-decoration:underline}.smartmbg-landing .draft-banner{background:var(--warn-soft,#f5b94224);color:#8a5c05;border-radius:var(--radius-md);border:1px solid #f5b94266;align-items:flex-start;gap:10px;max-width:720px;margin:0 auto 8px;padding:14px 18px;font-size:13.5px;line-height:1.55;display:flex}.smartmbg-landing .prose{max-width:720px;margin:0 auto;padding:64px 0 40px}.smartmbg-landing .prose h2{letter-spacing:-.01em;margin:40px 0 14px;font-size:22px;font-weight:700}.smartmbg-landing .prose h2:first-child{margin-top:0}.smartmbg-landing .prose h3{margin:24px 0 10px;font-size:17px;font-weight:700}.smartmbg-landing .prose p{color:var(--text-1);margin:0 0 16px;font-size:15.5px;line-height:1.75}.smartmbg-landing .prose ul,.smartmbg-landing .prose ol{color:var(--text-1);margin:0 0 16px;padding-left:22px;font-size:15.5px;line-height:1.7}.smartmbg-landing .prose li{margin-bottom:6px}.smartmbg-landing .prose strong{color:var(--text-0)}.smartmbg-landing .prose .updated{color:var(--text-2);margin-bottom:32px;font-size:13px}.smartmbg-landing .content-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:16px;display:grid}.smartmbg-landing .content-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:22px}.smartmbg-landing .content-card h3{margin:0 0 8px;font-size:15.5px;font-weight:700}.smartmbg-landing .content-card p{color:var(--text-1);margin:0;font-size:13.5px;line-height:1.6}.smartmbg-landing .article-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.smartmbg-landing .article-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:26px;transition:transform .2s,border-color .2s;display:flex}.smartmbg-landing .article-card:hover{border-color:#2f7bff66;transform:translateY(-4px)}.smartmbg-landing .article-card .article-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:10px;font-size:11.5px;font-weight:700}.smartmbg-landing .article-card h2{margin:0 0 10px;font-size:17px;font-weight:700;line-height:1.35}.smartmbg-landing .article-card p{color:var(--text-1);flex:1;margin:0 0 16px;font-size:13.5px;line-height:1.6}.smartmbg-landing .article-card time{color:var(--text-2);font-size:12px}.smartmbg-landing .article-related{border-top:1px solid var(--border);margin-top:48px;padding-top:32px}.smartmbg-landing .article-related h2{margin-bottom:16px;font-size:18px}@media (max-width:1080px){.smartmbg-landing .article-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.smartmbg-landing .page-hero{padding:130px 0 56px}.smartmbg-landing .content-grid,.smartmbg-landing .article-grid{grid-template-columns:1fr}}.smartmbg-landing footer{border-top:1px solid var(--border);padding:64px 0 30px}.smartmbg-landing .footer-top{grid-template-columns:1.4fr repeat(3,1fr);gap:40px;margin-bottom:52px;display:grid}.smartmbg-landing .footer-brand p{color:var(--text-2);max-width:280px;margin:14px 0 20px;font-size:14px;line-height:1.6}.smartmbg-landing .footer-col h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);margin:0 0 16px;font-size:13px}.smartmbg-landing .footer-col a{color:var(--text-1);margin-bottom:12px;font-size:14px;display:block}.smartmbg-landing .footer-col a:hover{color:var(--text-0)}.smartmbg-landing .social-row{gap:10px;display:flex}.smartmbg-landing .social-row a{border:1px solid var(--border);width:36px;height:36px;color:var(--text-1);border-radius:10px;justify-content:center;align-items:center;display:flex}.smartmbg-landing .social-row a:hover{border-color:var(--brand);color:var(--brand)}.smartmbg-landing .footer-bottom{border-top:1px solid var(--border);color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:26px;font-size:13px;display:flex}.smartmbg-landing .footer-bottom .links{gap:20px;display:flex}@media (max-width:1080px){.smartmbg-landing .float-stat{top:-30px;left:-10px}.smartmbg-landing .float-ai{top:-10px;right:-10px}.smartmbg-landing .hero-stage{max-width:340px}.smartmbg-landing .dual-grid{grid-template-columns:1fr}.smartmbg-landing .benefit-wrap{grid-template-columns:1fr;gap:40px}.smartmbg-landing .demo-wrap{grid-template-columns:1fr}.smartmbg-landing .demo-wrap .phone-demo-wrap{order:-1;margin-bottom:20px}.smartmbg-landing .test-grid,.smartmbg-landing .price-grid,.smartmbg-landing .footer-top{grid-template-columns:1fr 1fr}}@media (max-width:860px){.smartmbg-landing .nav-links{display:none}.smartmbg-landing .nav-burger{display:flex}.smartmbg-landing .bento-grid,.smartmbg-landing .stats-band{grid-template-columns:1fr 1fr}}@media (max-width:640px){.smartmbg-landing .nav-actions{gap:8px}.smartmbg-landing .nav-actions .btn-ghost{display:none}.smartmbg-landing .nav-actions .btn-primary.btn-sm{padding:9px 14px;font-size:13px}.smartmbg-landing .logo{font-size:17px}.smartmbg-landing .container{padding:0 20px}.smartmbg-landing .hero{padding:130px 0 80px}.smartmbg-landing .hero-stage{min-height:560px}.smartmbg-landing .float-stat,.smartmbg-landing .float-ai{margin:0 auto 16px;animation:none;position:static}.smartmbg-landing .float-ai{margin-bottom:24px}.smartmbg-landing .hero-stage{flex-direction:column;align-items:center;display:flex}.smartmbg-landing .phone{order:3}.smartmbg-landing .float-stat{order:1}.smartmbg-landing .float-ai{order:2}.smartmbg-landing .section-pad{padding:76px 0}.smartmbg-landing .bento-grid{grid-template-columns:1fr}.smartmbg-landing .dual-visual,.smartmbg-landing .insight-visual,.smartmbg-landing .haccp-visual{flex-direction:column}.smartmbg-landing .gauge-wrap,.smartmbg-landing .thumb-block{margin:0 auto}.smartmbg-landing .test-grid,.smartmbg-landing .price-grid{grid-template-columns:1fr}.smartmbg-landing .price-card.featured{transform:none}.smartmbg-landing .footer-top{grid-template-columns:1fr;gap:32px}.smartmbg-landing .footer-bottom{flex-direction:column;align-items:flex-start}.smartmbg-landing .hero-cta{flex-direction:column;width:100%}.smartmbg-landing .hero-cta .btn{width:100%}.smartmbg-landing .stats-band{grid-template-columns:1fr 1fr;gap:28px;padding:36px 22px}}.smartmbg-landing .faq-list{flex-direction:column;gap:12px;max-width:760px;margin:0 auto;display:flex}.smartmbg-landing .faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 20px}.smartmbg-landing .faq-item summary{cursor:pointer;color:var(--text-0);padding:16px 28px 16px 0;font-size:15px;font-weight:600;list-style:none;position:relative}.smartmbg-landing .faq-item summary::-webkit-details-marker{display:none}.smartmbg-landing .faq-item summary:after{content:"+";width:22px;height:22px;color:var(--brand);background:#2f7bff1f;border-radius:999px;justify-content:center;align-items:center;font-size:16px;transition:transform .2s;display:flex;position:absolute;top:14px;right:0}.smartmbg-landing .faq-item[open] summary:after{content:"−"}.smartmbg-landing .faq-answer{color:var(--text-1);margin:0 0 18px;font-size:14px;line-height:1.65}.smartmbg-landing .auth-shell{background:radial-gradient(900px 500px at 15% -10%, #2f7bff1f, transparent 60%), radial-gradient(700px 420px at 100% 0%, #123a8a14, transparent 55%), var(--bg-1);justify-content:center;align-items:center;width:100%;min-height:100svh;padding:24px;display:flex}.smartmbg-landing .auth-shell-inner{flex-direction:column;align-items:center;gap:28px;width:100%;max-width:420px;display:flex}.smartmbg-landing .auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-soft);padding:36px 32px}.smartmbg-landing .auth-title{letter-spacing:-.02em;color:var(--text-0);margin:0 0 6px;font-size:22px;font-weight:800}.smartmbg-landing .auth-subtitle{color:var(--text-1);margin:0 0 28px;font-size:14px;line-height:1.5}.smartmbg-landing .auth-form{flex-direction:column;gap:18px;display:flex}.smartmbg-landing .auth-field{flex-direction:column;gap:6px;display:flex}.smartmbg-landing .auth-label{color:var(--text-0);font-size:13px;font-weight:600}.smartmbg-landing .auth-input{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text-0);border-radius:12px;padding:11px 14px;font-family:inherit;font-size:14.5px;transition:border-color .18s,box-shadow .18s}.smartmbg-landing .auth-input::placeholder{color:var(--text-2)}.smartmbg-landing .auth-input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #2f7bff26}.smartmbg-landing .auth-input[aria-invalid=true]{border-color:#d64545}.smartmbg-landing .auth-error{color:#d64545;font-size:12.5px}.smartmbg-landing .auth-footer-note{text-align:center;color:var(--text-1);margin-top:22px;font-size:13.5px}.smartmbg-landing .auth-footer-note a{color:var(--brand);font-weight:600}.smartmbg-landing .auth-footer-note a:hover{text-decoration:underline}.smartmbg-landing .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.smartmbg-landing .mobile-drawer{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#060c09b3;display:none;position:fixed;inset:0}.smartmbg-landing .mobile-drawer.open{display:block}.smartmbg-landing .mobile-drawer .panel{background:var(--bg-1);border-left:1px solid var(--border);flex-direction:column;gap:6px;width:78%;max-width:320px;padding:26px 24px;display:flex;position:absolute;top:0;bottom:0;right:0}.smartmbg-landing .mobile-drawer a{border-bottom:1px solid var(--border);color:var(--text-0);padding:14px 6px;font-size:16px;font-weight:600}.smartmbg-landing .close-x{cursor:pointer;background:#0d1e3c0f;border-radius:10px;justify-content:center;align-self:flex-end;align-items:center;width:36px;height:36px;margin-bottom:10px;display:flex}