/* M-Bots product content on the shared Mstar product-page template. */
body.mb-page img{height:auto}
.mb-page .hero{padding-block:34px 72px}
.mb-page .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.97fr);gap:clamp(34px,5vw,70px)}
.mb-page .hero h1{max-width:14ch;font-size:clamp(2.65rem,4.2vw,4.4rem);line-height:1.13}
.mb-page .hero h1 strong{display:block;color:var(--lime)}
.mb-eyebrow{margin-bottom:18px;color:#d8f5df;font-size:.85rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.mb-page .hero-lead{max-width:58ch;margin-top:24px;font-size:1.05rem}
.mb-page .hero-points{gap:8px;margin-top:28px}
.mb-page .hero-points span{margin:0;padding:7px 11px;border:1px solid #ffffff50;border-radius:99px;background:#ffffff18}
.mb-page .hero-points span::before{display:none}
.mb-hero-note{max-width:58ch;margin-top:19px;color:#d7ebde;font-size:.78rem;line-height:1.55}
.mb-ticket{position:relative;max-width:560px;margin-inline:auto;padding:22px;border:1px solid #bde4c3;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 30px 70px -28px #001f0e9c;transform:rotate(1deg)}
.mb-ticket::before{content:"";position:absolute;inset:-13px;z-index:-1;border:1px solid #c9efb577;border-radius:29px;transform:rotate(-3deg)}
.mb-ticket-top,.mb-ticket-person,.mb-ticket-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mb-ticket-top{padding-bottom:15px;border-bottom:1px solid var(--line)}
.mb-ticket-label{color:var(--green);font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.mb-live-dot{display:inline-flex;align-items:center;gap:7px;color:#31784c;font-size:.74rem;font-weight:700}
.mb-live-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:#57c65e;box-shadow:0 0 0 4px #dff6df}
.mb-ticket-person{justify-content:flex-start;padding:20px 0 16px}
.mb-ticket-person img,.mb-chat-head img{display:block;flex:none;width:46px;height:46px;border-radius:13px;object-fit:cover;background:#e8f7eb}
.mb-ticket-person span,.mb-chat-head span{display:grid;min-width:0;line-height:1.4}
.mb-ticket-person b,.mb-chat-head b{color:var(--forest)}
.mb-ticket-person small,.mb-chat-head small{color:var(--muted);font-size:.75rem}
.mb-ticket-person em{margin-left:auto;padding:5px 10px;border-radius:99px;background:#fff2d6;color:#8b5b00;font-size:.74rem;font-style:normal;font-weight:800;white-space:nowrap}
.mb-ticket dl{margin:0;border:1px solid var(--line);border-radius:13px;overflow:hidden}
.mb-ticket dl div{display:grid;grid-template-columns:94px minmax(0,1fr);gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:.82rem;line-height:1.5}
.mb-ticket dl div:last-child{border-bottom:0}
.mb-ticket dt{color:var(--muted)}
.mb-ticket dd{margin:0;font-weight:700}
.mb-ticket .mb-ticket-alert{background:#fff9e8}
.mb-ticket-alert dd{color:#8d5b00}
.mb-ticket-actions{justify-content:flex-end;margin-top:18px}
.mb-ticket-actions span{min-width:68px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;text-align:center;color:var(--green);font-size:.78rem;font-weight:800}
.mb-ticket-actions span:first-child{border-color:var(--green);background:var(--green);color:#fff}
.mb-ticket>p{margin-top:11px;color:var(--muted);font-size:.7rem;text-align:right}
.mb-page-nav-track,.mb-feature-track{display:flex;align-items:center;gap:4px;width:min(1220px,100%);margin-inline:auto}
.mb-page .page-nav .container{justify-content:flex-start;gap:16px;width:100%;min-width:0}
.mb-nav-arrow{display:none;flex:none;width:34px;height:34px;padding:0;border:1px solid #cce4d2;border-radius:50%;background:#f3faf4;color:var(--green);font-size:1.5rem;line-height:1;cursor:pointer}
.mb-nav-arrow:disabled{opacity:.35;cursor:default}
.mb-feature-track{width:min(1220px,100%)}
.mb-page .lms-feature-tabbar{padding-inline:18px}
.mb-page .lms-feature-tabbar .container{justify-content:flex-start;gap:22px;min-width:0}
.mb-page .lms-feature-tabbar button[role=tab]{display:inline-flex;align-items:center;flex:none;min-height:54px;padding:14px 2px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:.86rem;font-weight:800;white-space:nowrap;cursor:pointer}
.mb-page .lms-feature-tabbar button[aria-selected=true]{border-bottom-color:var(--leaf);color:var(--green)}
.mb-feature-panel[hidden],.mb-model-panel[hidden]{display:none!important}
.mb-page .lms-pricing .section-head{max-width:none}
.mb-page .lms-pricing-plans{align-items:stretch}
.mb-page .lms-pricing-plans .lms-plan{min-height:490px}
.mb-page .lms-plan-price{font-size:clamp(1.3rem,2vw,1.68rem);background-image:linear-gradient(90deg,rgba(140,198,63,.22),rgba(140,198,63,0));background-repeat:no-repeat;background-position:0 100%;background-size:100% 38%}
.mb-pricing-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:21px 24px;border:1px solid var(--line);border-radius:16px;background:#fff}
.mb-pricing-foot p{max-width:68ch;color:var(--muted);font-size:.85rem}
.mb-pricing-foot .btn{flex:none}
.mb-price-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
.mb-price-details>div{padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff}
.mb-price-details h3{color:var(--forest);font-size:1.28rem}
.mb-price-details dl{margin:18px 0 0}
.mb-price-details dl div{padding:13px 0;border-top:1px solid var(--line)}
.mb-price-details dt{color:var(--forest);font-weight:700}
.mb-price-details dd{margin:4px 0 0;color:var(--green);font-weight:800}
.mb-price-details p{margin-top:5px;color:var(--muted);font-size:.86rem}
.mb-price-included{margin-top:20px;padding:22px 26px;border-radius:16px;background:var(--mist)}
.mb-price-included h3{color:var(--forest);font-size:1.1rem}
.mb-price-included ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 28px;margin:12px 0 0;padding-left:21px}
.mb-price-included li::marker{color:var(--green)}
.mb-price-note{margin-top:16px;color:var(--muted);font-size:.88rem}
.mb-about-panel{padding:clamp(28px,4vw,48px)}
.mb-about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:clamp(28px,5vw,65px);align-items:center}
.mb-about-layout h2{max-width:20ch;color:#fff;font-size:clamp(2rem,3vw,2.8rem)}
.mb-about-layout p{max-width:57ch;margin-top:18px;color:#d5e9dc}
.mb-about-layout .btn{margin-top:25px}
.mb-about-list{display:grid;gap:11px}
.mb-about-list div{padding:17px 20px;border:1px solid #ffffff40;border-radius:12px;background:#ffffff12}
.mb-about-list b,.mb-about-list span{display:block}
.mb-about-list b{color:#fff}
.mb-about-list span{margin-top:4px;color:#d5e9dc;font-size:.85rem}
.mb-page .related-media img{width:100%;height:100%;object-fit:cover}
.mb-directory-mark{display:grid;place-items:center;color:var(--green);font-size:5rem;font-weight:900}
.mb-page .faq-list p a{color:var(--green);font-weight:700}
.mb-page .final-grid h2{max-width:18ch}
@media(max-width:1020px){.mb-page .hero-grid{grid-template-columns:1fr}.mb-page .hero-visual{width:100%;max-width:640px;justify-self:center}.mb-pricing-foot{align-items:flex-start;flex-direction:column}}
@media(max-width:820px){.mb-page-nav-track,.mb-feature-track{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;padding-inline:5px}.mb-nav-arrow{display:grid;place-items:center}.mb-page .page-nav .container,.mb-page .lms-feature-tabbar .container{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.mb-page .page-nav .container::-webkit-scrollbar,.mb-page .lms-feature-tabbar .container::-webkit-scrollbar{display:none}.mb-page .lms-feature-tabbar{padding-inline:0}.mb-about-layout{grid-template-columns:1fr}}
@media(max-width:700px){.mb-page .hero{padding-bottom:56px}.mb-page .hero h1{font-size:clamp(2.15rem,8vw,3.4rem)}.mb-ticket{padding:14px;transform:none}.mb-ticket dl div{grid-template-columns:78px minmax(0,1fr);gap:8px;padding:9px;font-size:.74rem}.mb-ticket-person em{font-size:.67rem}.mb-price-details,.mb-price-included ul{grid-template-columns:1fr}.mb-page .lms-plan-for{min-height:0}.mb-pricing-foot .btn{width:100%}.mb-page .related-grid{grid-template-columns:1fr}}
@media(max-width:480px){.mb-page .hero-actions{grid-template-columns:1fr}.mb-page .hero-actions .btn{width:100%}.mb-page .final-grid .btn{width:100%}}
@media(max-width:700px){.mb-ticket::before{inset:0;transform:none}}
@media(max-width:850px){.mb-page .lms-pricing-plans .lms-plan{min-height:0}}
@media(prefers-reduced-motion:no-preference){.mb-ticket{animation:mb-ticket-enter .8s cubic-bezier(.16,1,.3,1) .2s both}}
@keyframes mb-ticket-enter{from{opacity:0;transform:translateY(25px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(1deg)}}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){@keyframes mb-ticket-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:no-preference){
  html.has-lms-scroll-reveal :is(.mb-roles,.mb-relay).lms-scroll-reveal{transform:translate3d(48px,0,0);transition-duration:.8s}
  html.has-lms-scroll-reveal :is(.mb-roles,.mb-relay).lms-scroll-reveal.is-visible{transform:none}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
  html.has-lms-scroll-reveal :is(.mb-roles,.mb-relay).lms-scroll-reveal{transform:translate3d(0,20px,0)}
}

/* Giải pháp, Tính năng, Kiểm soát: AI steps are green, human approval points are amber. */
.mb-run svg,.mb-rights-link svg,.mb-brain svg,.mb-team-grid svg,.mb-doc svg,.mb-must-list svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mb-model-panel{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);align-items:center;gap:clamp(28px,5vw,64px)}
.mb-model-panel .lms-pillar-copy h3{max-width:22ch}

.mb-feature-split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,5vw,72px);align-items:center;margin-top:30px}
.mb-run{max-width:580px;padding:20px 22px;border-radius:22px;background:#fff;box-shadow:0 1px 2px #0b4a2a1f,0 14px 28px -16px #0b4a2a59}
.mb-run-head{display:flex;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.mb-run-head img,.mb-brain-ask img{flex:none;width:44px;height:44px;border-radius:12px;object-fit:cover;background:#e3f3e8}
.mb-run-head span{display:grid;line-height:1.35}
.mb-run-head b{color:var(--forest)}
.mb-run-head small{color:var(--muted);font-size:.76rem}
.mb-run-head em,.mb-route-head em{margin-left:auto;padding:5px 10px;border-radius:99px;background:#fff2d6;color:#7a4f00;font-size:.76rem;font-style:normal;font-weight:800;white-space:nowrap}
.mb-run-ask{max-width:86%;margin:16px 0 0 auto;padding:10px 13px;border-radius:12px 12px 3px 12px;background:#e3f3e8;color:var(--forest);font-size:.84rem;line-height:1.55}
.mb-run-steps{display:grid;margin:18px 0 0;padding:0;list-style:none}
.mb-run-steps li{position:relative;display:flex;gap:12px;padding-bottom:14px}
.mb-run-steps li:not(:last-child)::before{content:"";position:absolute;top:30px;bottom:2px;left:13px;width:2px;border-radius:2px;background:#dbeadf}
.mb-run-steps svg{flex:none;width:28px;height:28px;padding:6px;border-radius:50%;background:#e3f3e8;color:var(--green);stroke-width:2.4}
.mb-run-steps .is-ask svg{background:#fff2d6;color:#8b5b00;stroke-width:2}
.mb-run-steps .is-next svg{background:var(--green);color:#fff;stroke-width:2}
.mb-run-steps span{display:grid;gap:1px;padding-top:3px;line-height:1.4}
.mb-run-steps b{color:var(--ink);font-size:.88rem}
.mb-run-steps small{color:var(--muted);font-size:.76rem}
.mb-run-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
.mb-run-foot small{color:var(--muted);font-size:.76rem}
.mb-run-actions{display:flex;gap:6px}
.mb-run-actions span{min-width:62px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--green);font-size:.76rem;font-weight:800;text-align:center}
.mb-run-actions span:first-child{border-color:var(--green);background:var(--green);color:#fff}
.mb-trace{display:grid;margin:0;padding:0;list-style:none;counter-reset:trace}
.mb-trace li{position:relative;display:grid;gap:4px;padding:0 0 24px 46px;counter-increment:trace}
.mb-trace li::before{content:counter(trace);position:absolute;top:-1px;left:0;display:grid;place-items:center;width:30px;height:30px;border:1px solid #bfdfc6;border-radius:50%;background:#fff;color:var(--green);font-size:.8rem;font-weight:800}
.mb-trace li:not(:last-child)::after{content:"";position:absolute;top:35px;bottom:5px;left:15px;width:1px;background:#cfe5d4}
.mb-trace b{color:var(--forest);font-size:1.14rem;line-height:1.3}
.mb-trace span{max-width:46ch;color:var(--muted);font-size:.93rem;line-height:1.6}
.mb-team-more svg,.mb-doc figcaption svg{flex:none;width:18px;height:18px;transition:transform .2s}
.mb-team-more a:hover svg,.mb-doc figcaption a:hover svg{transform:translateX(3px)}

.mb-brain{--mb-brain-gap:clamp(26px,4vw,56px);display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);grid-template-areas:"src core team" "ask ask ask";align-items:center;gap:26px var(--mb-brain-gap);margin-top:30px;padding:clamp(20px,3vw,34px);border:1px solid #cfe5d4;border-radius:24px;background:radial-gradient(380px 240px at 50% 38%,#dcf2e1,transparent 72%),#fff}
.mb-brain-sources{grid-area:src;display:grid;gap:10px;margin:0;padding:0;list-style:none}
.mb-brain-sources li{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #dbeadf;border-radius:14px;background:#fff}
.mb-brain-sources li::after,.mb-brain-team::before{content:"";position:absolute;top:50%;width:var(--mb-brain-gap);height:2px;background:linear-gradient(90deg,#b9dfc2,#31a948)}
.mb-brain-sources li::after{left:100%}
.mb-brain-team::before{right:100%}
.mb-brain-sources svg{flex:none;width:22px;height:22px;margin-top:2px;color:var(--green)}
.mb-brain-sources span{display:grid;gap:2px;line-height:1.4}
.mb-brain-sources b{color:var(--forest);font-size:.95rem}
.mb-brain-sources small{color:var(--muted);font-size:.8rem}
.mb-brain-core{grid-area:core;position:relative;display:grid;place-items:center;align-self:stretch;min-height:210px;padding:18px;border-radius:999px;background:linear-gradient(165deg,#037438,#014d28);color:#fff;text-align:center;box-shadow:0 24px 40px -24px #014d28}
.mb-brain-core b{max-width:7ch;font-size:1.18rem;line-height:1.25}
.mb-brain-ring{position:absolute;inset:-8px;border:1px dashed #8cc63f;border-radius:inherit}
.mb-brain-team{grid-area:team;position:relative;display:grid;gap:14px;padding:20px;border:1px solid #dbeadf;border-radius:18px;background:#fff}
.mb-brain-team p{color:var(--muted);font-size:.9rem;line-height:1.6}
.mb-brain-team p b{color:var(--forest)}
.mb-avatar-stack{display:flex;padding-left:12px}
.mb-avatar-stack img{width:48px;height:48px;margin-left:-12px;border:3px solid #fff;border-radius:50%;object-fit:cover;background:#e3f3e8}
.mb-brain-ask{grid-area:ask;display:grid;grid-template-columns:44px minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:12px 20px;padding-top:24px;border-top:1px dashed #cfe5d4}
.mb-brain-ask p{padding:11px 14px;border-radius:3px 12px 12px 12px;background:#fff6e2;color:#4a3a14;font-size:.86rem;line-height:1.55}
.mb-brain-ask p span{display:block;margin-bottom:2px;color:#7a4f00;font-size:.76rem;font-weight:800}
.mb-brain-ask small{color:var(--muted);font-size:.84rem;line-height:1.6}
.mb-brain-ask small b{color:var(--forest)}

.mb-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:30px 0 0;padding:0;list-style:none}
.mb-team-grid a{display:flex;align-items:center;gap:16px;height:100%;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.mb-team-grid a:hover{border-color:#9fd0ab;box-shadow:0 18px 34px -26px #0b4a2a;transform:translateY(-2px)}
.mb-team-grid a:focus-visible,.mb-rights-link:focus-visible,.mb-doc figcaption a:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.mb-team-grid img{flex:none;width:72px;height:72px;border-radius:18px;object-fit:cover;background:#e3f3e8}
.mb-team-grid a>span{display:grid;gap:3px;min-width:0;line-height:1.35}
.mb-team-grid small{color:var(--muted);font-size:.78rem}
.mb-team-grid b{color:var(--forest);font-size:1.06rem}
.mb-team-grid i{color:var(--green);font-size:.8rem;font-style:normal;font-weight:700}
.mb-team-more a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;border-color:var(--forest);background:var(--forest);color:#fff}
.mb-team-more a:hover{border-color:var(--forest);background:#015f31}
.mb-team-more .mb-avatar-stack{display:flex;grid-column:1/-1}
.mb-team-more .mb-avatar-stack img{width:40px;height:40px;border-color:var(--forest);border-radius:50%}
.mb-team-more b{color:#fff}
.mb-team-more i{color:#cfe8d6;font-weight:500}
.mb-team-more svg{width:22px;height:22px;color:var(--lime)}

.mb-process-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.mb-doc{margin:0;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 1px 2px #0b4a2a1f,0 14px 28px -16px #0b4a2a59}
.mb-doc-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;padding:18px 20px;background:var(--forest);color:#fff}
.mb-doc-head>span{color:#cfe8d6;font-size:.76rem;font-weight:700}
.mb-doc-head>b{font-size:1.05rem;line-height:1.35}
.mb-doc-head dl{grid-column:2;grid-row:1/span 2;display:grid;align-content:center;gap:4px;margin:0;font-size:.76rem}
.mb-doc-head dl div{display:flex;justify-content:space-between;gap:10px}
.mb-doc-head dt{color:#cfe8d6}
.mb-doc-head dd{margin:0;font-weight:800}
.mb-doc-flow{display:grid;margin:0;padding:6px 20px;list-style:none;counter-reset:doc}
.mb-doc-flow li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #edf3ee;color:var(--ink);font-size:.86rem;counter-increment:doc}
.mb-doc-flow li:last-child{border-bottom:0}
.mb-doc-flow li::before{content:counter(doc);color:#6f7d74;font-size:.76rem;font-weight:700;font-variant-numeric:tabular-nums}
.mb-doc-flow i{padding:2px 9px;border-radius:99px;background:#e3f3e8;color:var(--green);font-size:.76rem;font-style:normal;font-weight:800}
.mb-doc-flow .is-human{font-weight:700}
.mb-doc-flow .is-human i{background:#fff2d6;color:#7a4f00}
.mb-doc figcaption{padding:14px 20px;border-top:1px solid var(--line);background:#f6fbf7}
.mb-doc figcaption a{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:.9rem;font-weight:800;text-decoration:none}
.mb-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-block:1px solid var(--line)}
.mb-stat-grid div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:4px;padding:18px 0}
.mb-stat-grid div+div{padding-left:20px;border-left:1px solid var(--line)}
.mb-stat-grid dd{margin:0}
.mb-stat-grid b{color:var(--green);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.mb-stat-grid dt{color:var(--muted);font-size:.82rem}
.mb-process-copy{max-width:60ch;margin:22px 0 24px;color:var(--muted)}

.mb-control .section-head{max-width:none}
.mb-autonomy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:30px 0 0;padding:0;overflow:hidden;list-style:none;border:1px solid #ffffff33;border-radius:18px}
.mb-autonomy li{display:grid;gap:4px;padding:20px 22px;background:#ffffff0d}
.mb-autonomy li+li{border-left:1px solid #ffffff33}
.mb-autonomy-meter{display:flex;gap:4px;margin-bottom:10px}
.mb-autonomy-meter i{width:30px;height:6px;border-radius:3px;background:#ffffff2e}
.mb-autonomy li:nth-child(1) i:first-child{background:var(--lime)}
.mb-autonomy li:nth-child(2) i:nth-child(-n+2),.mb-autonomy li:nth-child(3) i{background:#f4c45e}
.mb-autonomy b{color:#fff;font-size:1.12rem}
.mb-autonomy li>span:last-child{color:#d5e9dc;font-size:.9rem}
.mb-control-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,64px);margin-top:48px}
.mb-control h3{font-size:1.35rem}
.mb-must-list{display:grid;margin:14px 0 0;padding:0;list-style:none}
.mb-must-list li{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #ffffff24;color:#e6f3e9;font-size:.96rem}
.mb-must-list svg{flex:none;width:22px;height:22px;color:var(--lime)}
.mb-route{max-width:520px;margin:0;padding:20px 22px;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 24px 48px -28px rgba(0,0,0,.45)}
.mb-route-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.mb-route-head span{display:grid}
.mb-route-head small{color:var(--muted);font-size:.78rem}
.mb-route-head b{color:var(--forest);font-size:1.5rem;line-height:1.25;font-variant-numeric:tabular-nums}
.mb-route ol{position:relative;display:grid;margin:12px 0 0;padding:0;list-style:none}
.mb-route ol::before{content:"";position:absolute;top:26px;bottom:26px;left:17px;width:2px;background:#dbeadf}
.mb-route li{position:relative;display:flex;align-items:center;gap:12px;padding:8px 0}
.mb-route li>span:last-child{display:grid;line-height:1.35}
.mb-route li b{color:var(--ink);font-size:.9rem}
.mb-route li small{color:var(--muted);font-size:.78rem}
.mb-route img{position:relative;flex:none;width:36px;height:36px;border:2px solid #9fd0ab;border-radius:50%;object-fit:cover;background:#e3f3e8}
.mb-route-dot{position:relative;display:grid;flex:none;place-items:center;width:36px;height:36px}
.mb-route-dot::before{content:"";width:12px;height:12px;border:2px solid #b9cbbf;border-radius:50%;background:#fff}
.mb-route .is-skip b,.mb-route .is-skip small{color:#68736c}
.mb-route .is-skip .mb-route-dot::before{border-style:dashed}
.mb-route .is-now .mb-route-dot::before{width:14px;height:14px;border-color:#e9a52b;background:#f4c45e;box-shadow:0 0 0 5px #fff2d6}
.mb-route .is-now b{color:#6d4600}
.mb-route figcaption{margin-top:10px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}
.mb-vn-fit{margin-top:48px;padding-top:30px;border-top:1px solid #ffffff2e}
.mb-vn-fit ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 32px;margin:18px 0 0;padding:0;list-style:none}
.mb-vn-fit li{position:relative;padding-left:28px;color:#e1f0e4;font-size:.93rem;line-height:1.55}
.mb-vn-fit li::before{content:"";position:absolute;top:.38em;left:3px;width:12px;height:6px;border-bottom:2px solid var(--lime);border-left:2px solid var(--lime);transform:rotate(-45deg)}

@media(max-width:1020px){.mb-model-panel,.mb-feature-split,.mb-process-split,.mb-control-layout{grid-template-columns:1fr}.mb-run,.mb-route{max-width:none}.mb-team-grid,.mb-vn-fit ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.mb-brain{grid-template-columns:1fr;grid-template-areas:"src" "core" "team" "ask";gap:30px}.mb-brain-sources li::after{display:none}.mb-brain-team::before{top:auto;right:auto;bottom:100%;left:50%;width:2px;height:30px;background:#9fd0ab}.mb-brain-core{min-height:0;padding:16px;border-radius:18px}.mb-brain-core::before{content:"";position:absolute;bottom:100%;left:50%;width:2px;height:30px;background:#9fd0ab}.mb-brain-core b{max-width:none}.mb-brain-ask{grid-template-columns:44px minmax(0,1fr)}.mb-brain-ask small{grid-column:1/-1}.mb-autonomy{grid-template-columns:1fr}.mb-autonomy li+li{border-top:1px solid #ffffff33;border-left:0}}
@media(max-width:700px){.mb-team-grid,.mb-vn-fit ul{grid-template-columns:1fr}.mb-team-grid img{width:60px;height:60px;border-radius:15px}.mb-run,.mb-route{padding:16px}.mb-run-ask{max-width:100%}.mb-run-foot{flex-wrap:wrap}.mb-doc-head{grid-template-columns:1fr}.mb-doc-head dl{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;gap:4px 18px}.mb-doc-flow{padding-inline:14px}.mb-stat-grid div+div{padding-left:12px}.mb-route-head b{font-size:1.25rem}}
@media(prefers-reduced-motion:no-preference){
  html.has-lms-scroll-reveal .mb-run.lms-scroll-reveal .mb-run-steps li{opacity:0;transform:translate3d(0,10px,0);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}
  html.has-lms-scroll-reveal .mb-run.lms-scroll-reveal.is-visible .mb-run-steps li{opacity:1;transform:none}
  html.has-lms-scroll-reveal .mb-run.lms-scroll-reveal.is-visible .mb-run-steps li:nth-child(2){transition-delay:.35s}
  html.has-lms-scroll-reveal .mb-run.lms-scroll-reveal.is-visible .mb-run-steps li:nth-child(3){transition-delay:.7s}
  html.has-lms-scroll-reveal .mb-run.lms-scroll-reveal.is-visible .mb-run-steps li:nth-child(4){transition-delay:1.05s}
  html.has-lms-scroll-reveal .mb-run.lms-scroll-reveal.is-visible .mb-run-steps li:nth-child(1){transition-delay:.1s}
}

/* Link from the feature steps to the control section, shown as a preview of the three permission levels. */
.mb-rights-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 16px;max-width:460px;margin-top:4px;padding:16px 16px 16px 18px;border:1px solid #cfe5d4;border-radius:18px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 1px 2px #0b4a2a14;transition:border-color .2s,box-shadow .2s,transform .2s}
.mb-rights-scale{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.mb-rights-scale i{position:relative;padding:12px 0 0;color:var(--muted);font-size:.76rem;font-style:normal;font-weight:800}
.mb-rights-scale i::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;border-radius:3px;background:#dcf0e1}
.mb-rights-scale .is-ai{color:var(--green)}
.mb-rights-scale .is-ai::before{background:var(--leaf)}
.mb-rights-scale .is-wait{color:#7a4f00}
.mb-rights-scale .is-wait::before{background:#f4c45e}
.mb-rights-scale .is-human{color:#6d4600}
.mb-rights-scale .is-human::before{background:#e29a1c}
.mb-rights-copy{display:grid;gap:2px;line-height:1.4}
.mb-rights-copy b{color:var(--forest);font-size:1rem}
.mb-rights-copy small{color:var(--muted);font-size:.84rem}
.mb-rights-go{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--mist);color:var(--green);transition:background-color .2s,color .2s}
.mb-rights-go svg{width:20px;height:20px;transition:transform .2s}
.mb-rights-link:hover{border-color:#9fd0ab;box-shadow:0 14px 28px -18px #0b4a2a66;transform:translateY(-2px)}
.mb-rights-link:hover .mb-rights-go{background:var(--green);color:#fff}
.mb-rights-link:hover .mb-rights-go svg{transform:translateX(2px)}
@media(prefers-reduced-motion:reduce){.mb-rights-link,.mb-rights-link:hover{transform:none}}

/* Why M-Bots: one product scene per role, chosen with tabs. */
.mb-roles{margin-top:30px}
.mb-role-tabs{display:inline-grid;grid-template-columns:repeat(3,minmax(0,auto));gap:4px;padding:5px;border:1px solid #cfe5d4;border-radius:18px;background:#ffffffb3}
.mb-role-tabs button{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 18px 8px 10px;border:0;border-radius:13px;background:transparent;color:var(--forest);font:inherit;text-align:left;cursor:pointer;transition:background-color .2s}
.mb-role-tabs button:hover{background:#e3f3e8}
.mb-role-tabs button[aria-selected=true]{background:var(--forest);color:#fff;box-shadow:0 8px 16px -12px rgba(0,0,0,.45)}
.mb-role-tabs button:focus-visible,.mb-role-next:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.mb-role-tabs svg{flex:none;width:36px;height:36px;padding:8px;border-radius:10px;background:#e3f3e8;color:var(--green);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mb-role-tabs button[aria-selected=true] svg{background:#ffffff1f;color:var(--lime)}
.mb-role-tabs span{display:grid;line-height:1.25}
.mb-role-tabs b{font-size:.95rem}
.mb-role-tabs small{color:var(--muted);font-size:.78rem;font-weight:600}
.mb-role-tabs button[aria-selected=true] small{color:#cfe8d6}
.mb-role-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(28px,5vw,72px);margin-top:22px}
.mb-role-panel[hidden]{display:none}
.mb-screen{overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 1px 2px #0b4a2a1f,0 24px 48px -28px #0b4a2a73}
.mb-screen-bar{display:flex;align-items:center;gap:11px;padding:14px 18px;border-bottom:1px solid var(--line);background:#f8fcf9}
.mb-screen-bar img{flex:none;width:36px;height:36px;border-radius:11px;object-fit:cover;background:#e3f3e8}
.mb-screen-bar span{display:grid;line-height:1.35}
.mb-screen-bar b{color:var(--forest);font-size:.95rem}
.mb-screen-bar small{color:var(--muted);font-size:.78rem}
.mb-online,.mb-count{margin-left:auto;font-style:normal}
.mb-online{display:inline-flex;align-items:center;gap:6px;color:#31784c;font-size:.78rem;font-weight:700}
.mb-online::before{content:"";width:7px;height:7px;border-radius:50%;background:#57c65e;box-shadow:0 0 0 4px #dff6df}
.mb-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 9px;border-radius:99px;background:#f4c45e;color:#4a3000;font-size:.9rem;font-weight:800}
.mb-screen-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 14px 14px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;color:#66746b;font-size:.86rem}
.mb-screen-foot small{color:#66746b;font-size:.76rem}
.mb-chat-body{display:grid;gap:10px;min-height:300px;padding:18px;align-content:start}
.mb-msg{max-width:84%}
.mb-msg p{padding:11px 14px;font-size:.92rem;line-height:1.55}
.mb-msg-out{justify-self:end}
.mb-msg-out p{border-radius:14px 14px 4px 14px;background:var(--green);color:#fff}
.mb-msg-in p{border-radius:14px 14px 14px 4px;background:#eef6f0;color:#173a26}
.mb-msg-in b{color:var(--forest)}
.mb-files{display:flex;justify-content:flex-end;gap:4px;margin-top:6px}
.mb-files i{width:30px;height:38px;border:1px solid #cfe5d4;border-radius:6px;background:linear-gradient(#fff 0 30%,#e3f3e8 30% 36%,#fff 36% 48%,#e3f3e8 48% 54%,#fff 54%)}
.mb-files b{display:grid;place-items:center;width:30px;height:38px;border-radius:6px;background:#e3f3e8;color:var(--green);font-size:.74rem}
.mb-typing{display:none;gap:4px;width:max-content;padding:12px 14px;border-radius:14px 14px 14px 4px;background:#eef6f0}
.mb-typing i{width:6px;height:6px;border-radius:50%;background:#6dbb80}
.mb-msg-card{display:grid;gap:4px;padding:12px 14px;border:1px solid #efcd8a;border-radius:14px;background:#fffaf0;color:#5c4a1d;font-size:.84rem}
.mb-msg-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mb-msg-card-head b{color:var(--forest);font-size:.92rem}
.mb-msg-card-head em{padding:3px 9px;border-radius:99px;background:#fff2d6;color:#7a4f00;font-size:.76rem;font-style:normal;font-weight:800}
.mb-queue-list{display:grid;margin:0;padding:6px 14px;list-style:none}
.mb-queue-list li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px 4px;border-bottom:1px solid #edf3ee}
.mb-queue-list img{width:36px;height:36px;border-radius:11px;object-fit:cover;background:#e3f3e8}
.mb-queue-list li>span:first-of-type{display:grid;min-width:0;line-height:1.35}
.mb-queue-list b{color:var(--ink);font-size:.9rem}
.mb-queue-list small{color:var(--muted);font-size:.78rem}
.mb-queue-list .is-flag small{color:#7a4f00}
.mb-queue-list strong{color:var(--forest);font-size:.88rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.mb-queue-act{grid-column:2/-1;display:flex;gap:6px}
.mb-queue-act i{padding:4px 12px;border:1px solid var(--line);border-radius:8px;color:var(--green);font-size:.76rem;font-style:normal;font-weight:800}
.mb-queue-act i:first-child{border-color:var(--green);background:var(--green);color:#fff}
.mb-queue-rule{display:flex;align-items:center;gap:8px;margin:12px 18px 12px;padding:9px 12px;border-radius:10px;background:#fff6e2;color:#6d4600;font-size:.82rem;font-weight:700}
.mb-queue-rule svg,.mb-role-next svg,.mb-roles-note svg{flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mb-queue-rule svg{width:16px;height:16px}
.mb-overview-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px 16px 0}
.mb-overview-tiles div{display:grid;gap:2px;padding:12px 14px;border-radius:12px;background:#f1f8f2}
.mb-overview-tiles .is-wait{background:#fff2d6}
.mb-overview-tiles b{color:var(--forest);font-size:1.7rem;line-height:1;font-variant-numeric:tabular-nums}
.mb-overview-tiles .is-wait b{color:#7a4f00}
.mb-overview-tiles span{color:var(--muted);font-size:.78rem;font-weight:700}
.mb-overview-cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px;padding:16px}
.mb-overview-cols h4{margin:0 0 8px;color:var(--muted);font-size:.78rem;font-weight:800}
.mb-overview-cols p{display:flex;gap:9px;padding:9px 0;border-top:1px solid #edf3ee;color:#3d5446;font-size:.82rem;line-height:1.45}
.mb-overview-cols p img{flex:none;width:28px;height:28px;border-radius:50%;object-fit:cover;background:#e3f3e8}
.mb-overview-cols p span{display:grid;gap:1px}
.mb-overview-cols p b{color:var(--forest);font-size:.8rem}
.mb-overview-time b{flex:none;width:44px;color:var(--green);font-size:.95rem;font-variant-numeric:tabular-nums}
.mb-overview-time small{color:var(--muted);font-size:.76rem}
.mb-role-copy h3{color:var(--forest);font-size:clamp(1.6rem,2.6vw,2.2rem)}
.mb-role-copy p{max-width:40ch;margin-top:14px;color:var(--muted);font-size:1.05rem}
.mb-role-next{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:12px 14px 12px 18px;border:1px solid #9fd0ab;border-radius:99px;background:#fff;color:var(--green);font:inherit;font-size:.92rem;font-weight:800;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.mb-role-next svg{width:18px;height:18px;transition:transform .2s}
.mb-role-next:hover{border-color:var(--green);background:var(--green);color:#fff}
.mb-role-next:hover svg{transform:translateX(3px)}
.mb-roles-note{display:flex;align-items:flex-start;gap:12px;margin-top:30px;padding:16px 20px;border-radius:16px;background:var(--forest);color:#d5e9dc;font-size:.95rem}
.mb-roles-note svg{width:24px;height:24px;padding:4px;border-radius:50%;background:var(--lime);color:var(--forest);stroke-width:2.6}
.mb-roles-note b{color:#fff}
@media(max-width:1020px){.mb-role-panel{grid-template-columns:1fr}.mb-role-copy{order:-1}.mb-role-copy p{max-width:60ch}}
@media(max-width:700px){.mb-role-tabs{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.mb-role-tabs button{flex-direction:column;justify-content:center;gap:4px;padding:8px 4px;text-align:center}.mb-role-tabs svg{width:30px;height:30px;padding:6px}.mb-role-tabs small{display:none}.mb-role-tabs b{font-size:.82rem}.mb-msg{max-width:92%}.mb-chat-body{min-height:0;padding:14px}.mb-queue-list li{grid-template-columns:36px minmax(0,1fr)}.mb-queue-list strong{grid-column:2}.mb-overview-cols{grid-template-columns:1fr}.mb-overview-tiles b{font-size:1.35rem}.mb-role-next{width:100%;justify-content:space-between}}
/* Each role screen replays its arrival when shown: the chat once in view, the queue and overview when their tab opens. Messages stay visible by default, so a missed observer never hides content. */
@media(prefers-reduced-motion:no-preference){
  .mb-screen.is-playing .mb-in{animation:mb-msg-in .55s cubic-bezier(.16,1,.3,1) var(--d) both}
  .mb-screen.is-playing .mb-count.mb-in{animation-name:mb-pop}
  .mb-screen.is-playing .is-flag small{animation:mb-flag 1.2s ease-out .9s both}
  .mb-screen.is-playing .mb-caret::after{content:"";display:inline-block;width:1.5px;height:1em;margin-left:3px;vertical-align:-.15em;background:currentColor;animation:mb-blink 1s steps(1) 3.2s 3 both}
  .mb-chat-demo.is-playing .mb-typing{display:flex;animation:mb-typing-life 1.3s .6s both}
  .mb-chat-demo.is-playing .mb-typing i{animation:mb-typing-dot .9s infinite}
  .mb-chat-demo.is-playing .mb-typing i:nth-child(2){animation-delay:.15s}
  .mb-chat-demo.is-playing .mb-typing i:nth-child(3){animation-delay:.3s}
}
@keyframes mb-msg-in{from{opacity:0;transform:translate3d(0,10px,0)}}
@keyframes mb-pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.15)}to{transform:none}}
@keyframes mb-flag{0%,100%{background:transparent}30%{background:#ffe9bd}}
@keyframes mb-blink{0%{opacity:1}50%{opacity:0}}
@keyframes mb-typing-life{0%{opacity:0;max-height:40px}12%{opacity:1}85%{opacity:1;max-height:40px;padding-block:12px}100%{opacity:0;max-height:0;padding-block:0;margin-top:-10px;visibility:hidden}}
@keyframes mb-typing-dot{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-3px);opacity:1}}

/* Model link: a dark card that previews the department heads, so it reads as the next step, not a footnote. */
.mb-model-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 18px;max-width:440px;margin-top:28px;padding:18px 18px 18px 20px;border-radius:20px;background:linear-gradient(140deg,#02773e,#014d28 70%);color:#fff;text-decoration:none;box-shadow:0 18px 32px -22px rgba(0,0,0,.55);transition:transform .2s,box-shadow .2s}
.mb-model-faces{grid-column:1/-1;display:flex;align-items:center;padding-left:10px}
.mb-model-faces img,.mb-model-faces i{width:40px;height:40px;margin-left:-10px;border:3px solid #025f31;border-radius:50%;object-fit:cover;background:#e3f3e8}
.mb-model-faces i{display:grid;place-items:center;background:var(--lime);color:var(--forest);font-size:.8rem;font-style:normal;font-weight:800}
.mb-model-link-copy{display:grid;gap:3px;line-height:1.35}
.mb-model-link-copy b{font-size:1.05rem}
.mb-model-link-copy small{color:#cfe8d6;font-size:.84rem}
.mb-model-link-go{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--lime);color:var(--forest);transition:transform .2s}
.mb-model-link-go svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mb-model-link:hover{box-shadow:0 22px 38px -22px rgba(0,0,0,.6);transform:translateY(-2px)}
.mb-model-link:hover .mb-model-link-go{transform:translateX(3px)}
.mb-model-link:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.mb-model-link,.mb-model-link:hover,.mb-model-link:hover .mb-model-link-go{transform:none}}
@media(max-width:700px){.mb-model-link{max-width:none}}
.mb-queue-list .is-flag small{justify-self:start;border-radius:4px}

/* Company brain: sources arrive, data flows into the core, the team lights up, then the "ask back" example lands. */
@media(prefers-reduced-motion:no-preference){
  .mb-brain.is-playing .mb-in{animation:mb-msg-in .6s cubic-bezier(.16,1,.3,1) var(--d) both}
  .mb-brain.is-playing .mb-brain-core.mb-in{animation-name:mb-core-in}
  .mb-brain.is-playing .mb-brain-sources li::after,.mb-brain.is-playing .mb-brain-team::before{background:linear-gradient(90deg,#31a948 0 35%,#8cc63f 50%,#cfe8d6 65% 100%);background-size:300% 100%;animation:mb-flow .9s ease-out both}
  .mb-brain.is-playing .mb-brain-sources li:nth-child(1)::after{animation-delay:.5s}
  .mb-brain.is-playing .mb-brain-sources li:nth-child(2)::after{animation-delay:.7s}
  .mb-brain.is-playing .mb-brain-sources li:nth-child(3)::after{animation-delay:.9s}
  .mb-brain.is-playing .mb-brain-team::before{animation-delay:1.5s}
  .mb-brain.is-playing .mb-brain-ring{animation:mb-ring 1.4s ease-out 1.3s 2}
  .mb-brain.is-playing .mb-avatar-stack img{animation:mb-pop .5s cubic-bezier(.16,1,.3,1) both}
  .mb-brain.is-playing .mb-avatar-stack img:nth-child(1){animation-delay:1.9s}
  .mb-brain.is-playing .mb-avatar-stack img:nth-child(2){animation-delay:2s}
  .mb-brain.is-playing .mb-avatar-stack img:nth-child(3){animation-delay:2.1s}
  .mb-brain.is-playing .mb-avatar-stack img:nth-child(4){animation-delay:2.2s}
  .mb-brain.is-playing .mb-avatar-stack img:nth-child(5){animation-delay:2.3s}
}
@keyframes mb-core-in{from{opacity:0;transform:scale(.86)}}
@keyframes mb-flow{from{background-position:100% 0}to{background-position:0 0}}
@keyframes mb-ring{0%{opacity:1;transform:none}60%{opacity:0;transform:scale(1.12)}61%{opacity:0;transform:none}100%{opacity:1}}
@media(max-width:820px) and (prefers-reduced-motion:no-preference){.mb-brain.is-playing .mb-brain-team::before{background:#9fd0ab;animation:none}}