#bm-ob-overlay{position:fixed;inset:0;z-index:9999999;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.55);font-family:'Syne',-apple-system,BlinkMacSystemFont,sans-serif;opacity:0;transition:opacity .35s ease;pointer-events:none;touch-action:none;overscroll-behavior:contain}
#bm-ob-overlay.bm-ob-ready{opacity:1;pointer-events:all}
#bm-ob-phone{width:100%;max-width:430px;height:100%;max-height:100%;background:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;transform:translateY(48px);transition:transform .42s cubic-bezier(.34,1.15,.64,1);overscroll-behavior:contain;user-select:none;-webkit-user-select:none}
#bm-ob-overlay.bm-ob-ready #bm-ob-phone{transform:translateY(0)}
@media(min-width:500px){#bm-ob-phone{border-radius:28px 28px 0 0;max-height:94vh}}

.bm-ob-sc{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateX(26px);transition:opacity .26s ease,transform .26s ease}
.bm-ob-sc.bm-ob-act{opacity:1;pointer-events:all;transform:translateX(0)}
.bm-ob-sc.bm-ob-out{opacity:0;transform:translateX(-26px)}

/* Dots fixed at bottom — same position on every screen */
.bm-ob-dots-bar{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:5;pointer-events:none}
.bm-ob-dot{width:7px;height:7px;border-radius:3.5px;background:#e2e6f5;transition:all .3s}
.bm-ob-dot.on{width:20px;background:rgb(81,125,252)}

/* Desktop nav arrows — hidden on mobile */
.bm-ob-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);border:1.5px solid #dde5ff;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:6;color:rgb(81,125,252);font-size:20px;line-height:1;box-shadow:0 2px 12px rgba(81,125,252,.15);transition:box-shadow .2s,background .2s}
.bm-ob-arrow:hover{background:#fff;box-shadow:0 4px 20px rgba(81,125,252,.28)}
.bm-ob-arrow:disabled,.bm-ob-arrow[disabled]{opacity:0;pointer-events:none}
#bm-ob-arr-prev{left:10px}
#bm-ob-arr-next{right:10px}
@media(min-width:500px){.bm-ob-arrow{display:flex}}

/* Welcome */
.bm-ob-w-hd{background:rgb(81,125,252);padding:clamp(24px,4.5vh,36px) 24px clamp(14px,2.5vh,20px);flex-shrink:0;position:relative;overflow:hidden}
.bm-ob-w-art{background:rgb(81,125,252);flex-shrink:0;position:relative;overflow:hidden;height:clamp(185px,37vw,235px);display:flex;align-items:center;justify-content:center}
.bm-ob-w-body{flex:1;padding:clamp(14px,2.5vh,20px) 28px clamp(6px,1vh,10px);display:flex;flex-direction:column;gap:8px;overflow:hidden;min-height:0}
.bm-ob-w-body h1{color:#0d1433;font-size:clamp(22px,5vw,28px);font-weight:800;line-height:1.2;margin:0}
.bm-ob-w-body h1 span{color:rgb(81,125,252)}
.bm-ob-w-body p{color:#7a8499;font-size:clamp(14px,3vw,16px);line-height:1.6;margin:0}
.bm-ob-w-btns{flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:0 28px clamp(18px,3.5vh,30px)}

/* Standard art — top 50% */
.bm-ob-art{flex:0 0 50%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.bm-ob-art-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.bm-ob-art-svg{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}

/* Standard content */
.bm-ob-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.bm-ob-body{flex:1;padding:clamp(18px,3vh,24px) 28px 0;overflow:hidden;min-height:0}
.bm-ob-body h2{color:#0d1433;font-size:clamp(21px,4.5vw,25px);font-weight:800;line-height:1.25;margin:0 0 10px}
.bm-ob-body p{color:#7a8499;font-size:clamp(14px,3vw,16px);line-height:1.65;margin:0}
.bm-ob-nc{background:#f4f7ff;border:1.5px solid #dde5ff;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:11px;margin-top:14px;flex-shrink:0}
.bm-ob-ni{width:36px;height:36px;border-radius:10px;background:rgb(81,125,252);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:17px}
.bm-ob-nt p{margin:0;font-family:'Syne',sans-serif}
.bm-ob-nt .n1{font-size:13px;font-weight:700;color:#0d1433}
.bm-ob-nt .n2{font-size:12px;color:#aab8cc;margin-top:2px}

/* Footer */
.bm-ob-foot{flex-shrink:0;padding:clamp(12px,2vh,18px) 28px 56px;display:flex;flex-direction:column;gap:10px}

/* Buttons */
.bm-ob-bp{background:rgb(81,125,252);color:#fff;border:none;border-radius:50px;padding:15px 20px;font-family:'Syne',sans-serif;font-size:15px;font-weight:700;cursor:pointer;width:100%;transition:opacity .2s}
.bm-ob-bp:active{opacity:.85}
.bm-ob-bs{background:#fff;color:#0d1433;border:1.5px solid #dde2f0;border-radius:50px;padding:14px 20px;font-family:'Syne',sans-serif;font-size:14px;font-weight:600;cursor:pointer;width:100%}
.bm-ob-bg{background:none;border:none;color:#b0b8cc;font-family:'Syne',sans-serif;font-size:13px;font-weight:500;cursor:pointer;padding:2px 0;align-self:center}

/* Account panel */
#bm-ob-acc{position:absolute;inset:0;background:#fff;z-index:20;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .32s cubic-bezier(.34,1.1,.64,1)}
#bm-ob-acc.open{transform:translateY(0)}
.bm-ob-acc-hd{background:rgb(81,125,252);padding:14px 20px;display:flex;align-items:center;gap:10px;flex-shrink:0}
.bm-ob-acc-hd span{color:#fff;font-size:15px;font-weight:700;flex:1}
#bm-ob-acc-close{background:rgba(255,255,255,.2);border:none;color:#fff;width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;padding:0;line-height:32px;flex-shrink:0;box-sizing:border-box}
#bm-ob-acc-iframe{flex:1;border:none;width:100%;display:block}