/* t3094 shared shell B (header/footer/buttons/fonts) — one component for every page */
@font-face{font-family:"Inter";src:url(/assets/shell/Inter-var-latin.woff2) format("woff2-variations"),url(/assets/shell/Inter-var-latin.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+22EF,U+25BE,U+FEFF,U+FFFD}
@font-face{font-family:"Noto Sans Bengali";src:url(/assets/shell/NotoSansBengali-var.woff2) format("woff2-variations"),url(/assets/shell/NotoSansBengali-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0-1CF9,U+200C-200D,U+20B9,U+25CC,U+A8F1}
@font-face{font-family:"Inter Display";src:url(/assets/shell/Inter-var-latin.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--font:"Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",sans-serif;--sbnavy:#0B1020}
html,body{font-family:var(--font)!important}h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-family:var(--font)!important}
html,body{overflow-x:hidden;max-width:100%}
/* header */
.sb-h{background:var(--sbnavy);color:#E6E9FF;position:relative;z-index:50;width:100%;box-sizing:border-box}
.sb-h *{box-sizing:border-box}
.sb-w{max-width:1360px;margin:0 auto;padding:0 32px;height:150px;display:flex;align-items:center;gap:20px}
.sb-logo{position:relative;display:inline-flex;flex:0 0 auto;filter:drop-shadow(0 0 14px #6366f1aa);animation:sbfloat 3.6s ease-in-out infinite;will-change:transform}
.sb-logo img{display:block;height:84px;width:auto}
.sb-logo::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,#ffffffcc 50%,transparent 65%);background-size:250% 100%;background-position:150% 0;mix-blend-mode:overlay;animation:sbshine 3.2s ease-in-out infinite;-webkit-mask:url(/assets/shell/full.svg) center/contain no-repeat;mask:url(/assets/shell/full.svg) center/contain no-repeat;pointer-events:none}
.sb-logo.still,.sb-logo.still::after{animation:none!important}.sb-logo.still::after{display:none}
@keyframes sbfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes sbshine{0%{background-position:150% 0}60%,100%{background-position:-50% 0}}
.sb-nav{display:flex;gap:22px;flex-wrap:nowrap;margin-left:auto;align-items:center}
.sb-nav a,.sb-menu nav a{color:#E6E9FF;text-decoration:none;font-size:16px;font-weight:600;padding:8px 2px;border-bottom:2px solid transparent}
.sb-nav a:hover,.sb-nav a.on,.sb-nav a[aria-current=page]{color:#fff;border-bottom-color:#818CF8}
.sb-act{display:flex;align-items:center;gap:14px}
.sb-act a,.sb-menu .sb-ma a{white-space:nowrap}
.sb-si{color:#C7D2FE!important;text-decoration:none;font-weight:600;font-size:15px}
.sb-lang{color:#fff!important;text-decoration:none;font-weight:700;font-size:15px;border:1px solid #818CF888;border-radius:10px;padding:8px 12px;white-space:nowrap}
.sb-burger{display:none;margin-left:auto;width:44px;height:44px;border:1px solid #818CF888;border-radius:10px;background:transparent;color:#fff;cursor:pointer;align-items:center;justify-content:center;flex:0 0 auto}
.sb-burger span,.sb-burger span::before,.sb-burger span::after{display:block;width:20px;height:2px;background:#fff;border-radius:2px;position:relative;content:""}
.sb-burger span::before{position:absolute;top:-6px}.sb-burger span::after{position:absolute;top:6px}
.sb-burger[aria-expanded=true] span{background:transparent}.sb-burger[aria-expanded=true] span::before{top:0;transform:rotate(45deg)}.sb-burger[aria-expanded=true] span::after{top:0;transform:rotate(-45deg)}
.sb-h a:focus-visible,.sb-burger:focus-visible,.sb-f a:focus-visible,.mb:focus-visible{outline:3px solid #22D3EE;outline-offset:3px;border-radius:8px}
.sb-menu{background:var(--sbnavy);border-top:1px solid #818CF833;padding:8px 20px 20px}
.sb-menu[hidden]{display:none}
.sb-menu nav{display:flex;flex-direction:column}.sb-menu nav a{padding:14px 4px;border-bottom:1px solid #818CF822;font-size:17px}
.sb-ma{display:flex;flex-direction:column;gap:12px;margin-top:14px}.sb-ma a{text-align:center}
@media(max-width:1360px){.sb-logo img{height:72px}}
@media(max-width:1180px){.sb-logo img{height:64px}.sb-nav{gap:16px}}
@media(max-width:960px){.sb-w{height:72px;padding:0 16px;gap:10px}.sb-logo img{height:52px}.sb-nav,.sb-act{display:none}.sb-burger{display:inline-flex}.sb-mlang{display:inline-block;margin-left:auto}.sb-mlang+.sb-burger{margin-left:0}}
@media(min-width:961px){.sb-menu{display:none!important}.sb-mlang{display:none}}
@media(max-width:380px){.sb-logo img{height:44px}.sb-lang{padding:7px 9px;font-size:14px}}
/* footer */
.sb-f{background:var(--sbnavy);color:#C7CCEA;margin-top:0;width:100%;box-sizing:border-box}
.sb-f .sb-fw{max-width:1240px;margin:0 auto;padding:56px 32px 28px}
.sb-f .sb-flogo img{height:100px;width:auto;display:block}
.sb-f .sb-ftag{margin:14px 0 0;font-size:16px;color:#E6E9FF}.sb-f .sb-ftag a{color:#A5B4FC}
.sb-f .sb-fcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:36px}
.sb-f h4{color:#fff;font-size:14px;letter-spacing:.06em;margin:0 0 12px}
.sb-f .c a,.sb-f .c span{display:block;color:#C7CCEA;text-decoration:none;font-size:15px;padding:5px 0;overflow-wrap:anywhere}.sb-f .c a:hover{color:#fff}
.sb-f .muted{opacity:.75}
.sb-f .sb-copy{border-top:1px solid #818CF833;margin-top:36px;padding-top:18px;font-size:14px;color:#A9AFD0;overflow-wrap:anywhere}.sb-f .sb-copy a{color:#A5B4FC}
@media(max-width:960px){.sb-f .sb-fcols{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-f .sb-fw{padding:40px 20px 24px}.sb-f .sb-flogo img{height:72px}}
@media(max-width:400px){.sb-f .sb-fcols{grid-template-columns:1fr}.sb-f .sb-flogo img{height:60px}}
/* marble / glass buttons (handoff btn.html) */
.mb{position:relative;overflow:hidden;isolation:isolate;border:0!important;color:#fff!important;font-weight:700!important;font-size:16px!important;padding:14px 28px;border-radius:16px!important;cursor:pointer;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;white-space:normal;text-align:center;white-space:nowrap;
 background:radial-gradient(120% 160% at 25% 0%,#a5b4fc 0%,#6366f1 28%,#4338ca 62%,#1e1b4b 100%)!important;
 box-shadow:0 10px 24px #4f46e566,0 2px 0 #fff6 inset,0 -10px 18px #1e1b4b88 inset,0 0 0 1px #c7d2fe55 inset!important;text-shadow:0 1px 2px #0008;transition:filter .15s,transform .15s}
.mb::before{content:"";position:absolute;left:8%;right:8%;top:3px;height:42%;border-radius:12px 12px 40px 40px;background:linear-gradient(#ffffff88,#ffffff08);z-index:-1;pointer-events:none}
.mb::after{content:"";position:absolute;inset:0;background:radial-gradient(40% 70% at 20% 80%,#22d3ee55,transparent 70%),repeating-linear-gradient(115deg,transparent 0 22px,#ffffff14 23px 24px,transparent 25px 48px);mix-blend-mode:screen;animation:sbflow 5s linear infinite;z-index:-1;pointer-events:none}
@keyframes sbflow{to{background-position:0 0,96px 0}}
.mb.sec{background:radial-gradient(120% 160% at 25% 0%,#fff 0%,#e0e7ff 40%,#a5b4fc 100%)!important;color:#1e1b4b!important;text-shadow:none;box-shadow:0 8px 18px #6366f144,0 2px 0 #fff inset,0 -8px 14px #818cf855 inset!important}
.mb.sec::before{background:linear-gradient(#fffc,#fff0)}.mb.sec::after{opacity:.5}
.mb.dark{background:radial-gradient(120% 160% at 25% 0%,#6366f1 0%,#312e81 45%,#0B1020 100%)!important;box-shadow:0 0 28px #6366f188,0 2px 0 #818cf8aa inset,0 -10px 18px #000a inset!important}
.mb.sm{padding:10px 20px;font-size:16px!important;border-radius:12px!important}
.mb:hover{filter:brightness(1.12);transform:translateY(-1px)}.mb:active{transform:translateY(2px);filter:brightness(.92)}
.mb .arr{position:relative}
input,select,textarea{font-size:max(16px,1em)}
@media (prefers-reduced-motion:reduce){.sb-logo,.sb-logo::after,.mb::after{animation:none!important}.mb,.mb:hover,.mb:active{transform:none!important;transition:none!important}}
/* auth pages: still (t3042u) — compact one-row header, no motion */
body.auth{flex-direction:column}
body.auth>.sb-h{position:fixed;top:0;left:0;right:0}
body.auth>.sb-h .sb-w{height:56px}body.auth>.sb-h .sb-logo img{height:38px}
body.auth{padding-top:68px!important}body.auth>.lp{display:none!important}body.auth .acard .logo{display:none!important}
@media(max-width:600px){.mb{white-space:normal}}
.sb-h .sb-w{max-width:1360px!important;margin:0 auto!important;width:100%}
.sb-h .sb-logo{width:auto!important;max-width:none}.sb-h .sb-logo img{width:auto!important;max-width:none!important}
.sb-h .sb-act .mb.sm{padding:10px 16px;font-size:15px!important}
.sb-right{margin-left:auto;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:12px;min-width:0}
.sb-right .sb-nav{margin-left:0;gap:24px}.sb-h .sb-si{display:inline!important}
@media(max-width:960px){.sb-right{display:none}}
/* t3097u product cards: Design 2 dark glowing card (.d), shared component. Colours on every card; sizes only on pricing cards (home/products keep their grid sizes) */
.d,.pgrid .pc{position:relative;color:#fff!important;background:linear-gradient(160deg,#1b2150,#0f1430 60%,#0B1020)!important;box-shadow:0 0 0 1px #6366f155,0 0 40px #4f46e544!important;border:0!important;overflow:hidden;min-width:0}
.d::before,.pgrid .pc::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;background:radial-gradient(closest-side,#6366f188,transparent);pointer-events:none}
.d h3,.pgrid .pc h3{color:#fff!important}
.d p,.d small,.d .ps,.d .tg,.pgrid .pc p{color:#C7CDF0!important}
.d li{color:#DFE3FF!important}.d li::before{color:#818CF8!important}
.d .pr,.d .price,.d .hm-price,.pgrid .pc .pp{color:#fff!important}
.d .price small{color:#C7CDF0!important}
.d .bdg,.d .hm-badge,.d .tag{background:#6366f133!important;color:#C7D2FE!important;border:1px solid #818CF866!important;font-weight:700!important}
.d .d-av{background:#05966933!important;color:#6EE7B7!important;border-color:#34D39988!important}
.d-soon{opacity:1;background:linear-gradient(160deg,#272c44,#171b2e 60%,#0B1020)!important;box-shadow:0 0 0 1px #94A3B844!important}.d-soon::before{opacity:.35}.d-soon img{filter:grayscale(.6);opacity:.8}.d-soon .bdg,.d-soon .hm-badge,.d-soon .tag{background:#94A3B822!important;color:#CBD5E1!important;border-color:#94A3B866!important}
.d a:not(.mb){color:#A5B4FC!important}.d svg.ck circle{fill:#6366F1}
.pgrid .pc .soon{color:#CBD5E1!important}
.pc.d{border-radius:24px!important;padding:24px!important}
.pc.d h3{font-weight:800!important;font-size:21px!important}
.pc.d p{font-size:15px!important;line-height:1.5!important}
.pc.d li{font-size:15px!important;line-height:1.9!important}
.pc.d .pr b{font-size:28px!important;font-weight:800!important;background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.pc.d .mb{width:100%}
.hm-card.d,.card.d{border-radius:20px!important}
/* t3100 fixes */
/* (1) FAQ/list blocks grow with content, CTA band never overlaps */
.hm-faq,.hm-sec{height:auto!important;min-height:0!important}
.hm-cta{margin-top:28px!important;margin-bottom:8px}
/* (2) ONE-row header on desktop, same on every page; hamburger below 1280 */
.sb-right{flex-direction:row-reverse!important;align-items:center!important;gap:22px!important}
.sb-right .sb-nav{gap:20px!important}
.sb-act{gap:14px;white-space:nowrap}
.sb-w{height:88px!important}.sb-logo img{height:60px!important}
@media(max-width:1279px){.sb-w{height:72px!important;padding:0 20px}.sb-logo img{height:52px!important}.sb-right,.sb-nav,.sb-act{display:none!important}.sb-burger{display:inline-flex!important}.sb-mlang{display:inline-block!important;margin-left:auto}.sb-menu:not([hidden]){display:block!important}}
@media(max-width:380px){.sb-logo img{height:44px!important}}
/* (3) chat launcher never hides last content: icon-only on phones + bottom space */
@media(max-width:700px){.agc-launch{font-size:0!important;width:52px;padding:0!important;justify-content:center;bottom:max(16px,env(safe-area-inset-bottom))!important;right:14px!important}
 body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
 .hm-btn.lg,.hm-hero .hm-btn,.hm-btns .hm-btn{width:100%!important;max-width:none!important;white-space:nowrap!important;justify-content:center}
 .hm-btns,.hm-cta-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}}
.products-section .card.d li{padding-left:24px!important;background-position:0 .2em!important;line-height:1.5!important;margin:3px 0}
.products-section .card.d li:before{left:0!important}
@media(max-width:700px){.hm-hb{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.hm-hb .hm-btn{width:100%!important;white-space:nowrap!important}}
@media(max-width:700px){.hm-hb .hm-btn{height:auto!important;min-height:52px!important;flex:0 0 auto!important;padding:14px 18px!important;display:flex!important;align-items:center}}
.sb-nav a,.sb-act a{white-space:nowrap}
.hm-cta{height:auto!important;min-height:76px;padding-top:16px!important;padding-bottom:16px!important}
.hm-cta h2{line-height:1.3!important}
@media(max-width:700px){footer.sb-f,.sb-f{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}body:not(:has(.sb-f)){padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}}
/* t3100u compact footer (~half height), same shared component */
.sb-f .sb-fw{display:grid;grid-template-columns:250px minmax(0,1fr);column-gap:40px;padding:28px 32px 16px!important}
.sb-f .sb-flogo{grid-column:1;grid-row:1}.sb-f .sb-flogo img{height:64px!important}
.sb-f .sb-ftag{grid-column:1;grid-row:2;margin:8px 0 0!important;font-size:14px!important;line-height:1.5}
.sb-f .sb-fcols{grid-column:2;grid-row:1/span 2;margin-top:0!important;gap:8px 24px!important;grid-template-columns:1.1fr .8fr 2.2fr .8fr!important}
.sb-f h4{font-size:14px!important;margin:0 0 6px!important}
.sb-f .c a,.sb-f .c span{font-size:14px!important;padding:2px 0!important;line-height:1.4!important}
.sb-f .c:nth-child(3){display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-content:start}.sb-f .c:nth-child(3) h4{grid-column:1/-1}
.sb-f .sb-copy{grid-column:1/-1;margin-top:16px!important;padding-top:10px!important;font-size:14px!important;line-height:1.4}
@media(max-width:960px){.sb-f .sb-fw{grid-template-columns:1fr;padding:22px 18px 14px!important}.sb-f .sb-flogo img{height:52px!important}
 .sb-f .sb-fcols{grid-column:1;grid-row:auto;margin-top:16px!important;grid-template-columns:1fr 1fr!important;gap:14px 16px!important}
 .sb-f .c:nth-child(1){grid-column:1;grid-row:1/span 2}.sb-f .c:nth-child(2){grid-column:2;grid-row:1}.sb-f .c:nth-child(4){grid-column:2;grid-row:2}
 .sb-f .c:nth-child(3){grid-column:1/-1;grid-row:3;column-gap:16px}
 .sb-f .sb-ftag{grid-row:auto}}
@media(max-width:400px){.sb-f .sb-fcols{grid-template-columns:1fr 1fr!important}}
.sb-f .sb-fw{align-content:start;align-items:start}.sb-f .sb-ftag{align-self:start}
@media(max-width:960px){.sb-f .c a,.sb-f .c span{padding:1px 0!important;line-height:1.35!important}.sb-f .sb-copy{margin-top:12px!important}.sb-f .sb-ftag br{display:none}.sb-f .sb-ftag a{margin-left:6px}}
.sb-f .c span.muted,.sb-f .c .muted{font-size:14px!important}
/* t3102u illustrations: no frames, transparent cut PNGs; text-baked art = stopgap edge fade */
img.illus{object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;filter:none}
:has(> img.illus){background:transparent!important;border-color:transparent!important;box-shadow:none!important}
:has(> img.illus)::before,:has(> img.illus)::after{display:none!important}
img.illus-fade{-webkit-mask-image:radial-gradient(ellipse 78% 74% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 78% 74% at 50% 50%,#000 62%,transparent 100%)}
img.illus-fade{-webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 48%,transparent 100%)!important;mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 48%,transparent 100%)!important}
:has(> img.illus-fade)>span,:has(> img.illus-fade)>small{display:none}
.sb-logo{flex:0 0 auto}.sb-right{min-width:0;flex:1 1 auto;justify-content:flex-start}
@media(min-width:1280px){.sb-w{max-width:1400px!important;padding:0 28px!important;gap:24px!important}.sb-right .sb-nav{gap:18px!important;margin-left:auto!important}.sb-nav a{font-size:15px!important}.sb-act .mb{padding:10px 16px!important;font-size:15px!important}}
/* t3103u footer: brand | product | company | support, legal links in one inline row; no dead space */
.sb-f .sb-fw{grid-template-columns:240px minmax(0,1fr)!important;padding:28px 32px 14px!important}
.sb-f .sb-fcols{grid-template-columns:1.3fr 1fr 1fr!important;gap:6px 28px!important}
.sb-f .c:nth-child(1){grid-column:1;grid-row:1}.sb-f .c:nth-child(2){grid-column:2;grid-row:1}.sb-f .c:nth-child(4){grid-column:3;grid-row:1}
.sb-f .c:nth-child(1){display:grid;grid-template-columns:1fr 1fr;column-gap:16px;align-content:start}.sb-f .c:nth-child(1) h4{grid-column:1/-1}
.sb-f .c:nth-child(3){grid-column:1/-1!important;grid-row:2!important;display:flex!important;flex-wrap:wrap;gap:2px 18px;align-items:baseline;border-top:1px solid #818CF833;padding-top:10px;margin-top:8px}
.sb-f .c:nth-child(3) h4{margin:0 6px 0 0!important}
.sb-f .sb-copy{margin-top:10px!important}
@media(max-width:960px){.sb-f .sb-fw{grid-template-columns:1fr!important;padding:20px 18px 12px!important}
 .sb-f .sb-fcols{grid-template-columns:1fr 1fr!important}
 .sb-f .c:nth-child(1){grid-column:1/-1!important;grid-row:1!important}
 .sb-f .c:nth-child(2){grid-column:1!important;grid-row:2!important}.sb-f .c:nth-child(4){grid-column:2!important;grid-row:2!important}
 .sb-f .c:nth-child(3){grid-row:3!important;gap:2px 14px}}
@media(max-width:700px){footer.sb-f,.sb-f{padding-bottom:env(safe-area-inset-bottom)!important}}
.sb-f .sb-fw{grid-template-rows:auto 1fr!important}.sb-f .sb-ftag{align-self:start!important}
@media(max-width:1279px){.sb-w{justify-content:flex-start!important}.sb-mlang{margin-left:auto!important;margin-right:10px!important}.sb-burger{margin-left:0!important}}
.agc-launch.agc-away{opacity:0!important;pointer-events:none!important;transition:opacity .15s}
@media(prefers-reduced-motion:reduce){.agc-launch.agc-away{transition:none}}
html body footer.sb-f .c .muted,html body footer.sb-f .c span{font-size:14px!important;opacity:.85}
/* t3118u/t3119u: one shared container on every page. Visual content 1360px at 1440 (40px sides), 1440 cap at 1920, 24px sides tablet/phone.
   Unzoomed pages (Home, login): real px. Zoomed 1024-canvas pages (body zoom = vw/1024, capped 1.40625): design px, so 1024 design px = 1440 visual. */
:root{--ag-max:min(1440px,max(1360px,75vw));--ag-pad:clamp(24px,2.8vw,40px)}
html body .sb-h .sb-w,html body .sb-f .sb-fw{box-sizing:border-box!important;width:100%!important;max-width:calc(var(--ag-max) + 2*var(--ag-pad))!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--ag-pad)!important;padding-right:var(--ag-pad)!important}
@media(min-width:1101px){
 html body:not(:has(.hm-hero)):not(.auth):not(.dash) .sb-h .sb-w,html body:not(:has(.hm-hero)):not(.auth):not(.dash) .sb-f .sb-fw,html body:not(:has(.hm-hero)):not(.auth):not(.dash):not(:has(.lg2w)) main .w:not(.lg2help){box-sizing:border-box!important;width:min(1024px,100% - 56px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
}

/* t3133: chat pill never disappears; over text it shrinks to the round logo button (same spot, EN=BN) */
.agc-launch.agc-mini{width:52px;padding:0!important;gap:0;justify-content:center}.agc-launch.agc-mini>span:not(.agc-lmark){display:none}
