html[lang="bn"]{
  --ms-font:'Noto Sans Bengali','Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --ms-display:'Noto Sans Bengali','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

/* -- 2. Base -------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--ms-header) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--ms-bg);color:var(--ms-ink-2);font-family:var(--ms-font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
html[lang="bn"] body{line-height:1.75}
h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
img,svg{max-width:100%}
a{color:var(--ms-brand-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--ms-brand)}
:focus-visible{outline:3px solid #fff;box-shadow:var(--ms-ring),0 0 0 5px rgba(8,128,93,.18);outline-offset:0;border-radius:6px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ms-brand);outline-offset:3px;box-shadow:none}
button,input,select,textarea{font:inherit;color:inherit}
main:focus{outline:none}
::selection{background:#C7E9DE;color:var(--ms-ink)}
.ms-sr{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ms-narrow{max-width:760px;margin:0 auto}

/* -- 3. Type -------------------------------------------------------------- */
.ms-h1,.ms-h2,.ms-h3{font-family:var(--ms-display);color:var(--ms-ink);font-weight:700;letter-spacing:-.025em}
.ms-h1{font-size:clamp(2rem,5.4vw,3.35rem);line-height:1.08;letter-spacing:-.035em}
.ms-h2{font-size:clamp(1.65rem,4vw,2.5rem);line-height:1.15}
.ms-h3{font-size:1.2rem;line-height:1.3;letter-spacing:-.015em}
html[lang="bn"] .ms-h1{line-height:1.3;letter-spacing:-.01em;font-size:clamp(1.95rem,5.4vw,3.2rem)}
html[lang="bn"] .ms-h2{line-height:1.35;letter-spacing:0}
html[lang="bn"] .ms-h3{line-height:1.45;letter-spacing:0}
.ms-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--ms-muted);max-width:640px}
.ms-eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ms-brand-ink);margin-bottom:12px}
html[lang="bn"] .ms-eyebrow{letter-spacing:0;text-transform:none;font-size:.95rem}
.ms-mono{font-family:var(--ms-mono);font-size:.92em}
.ms-grad{background:linear-gradient(100deg,var(--ms-brand) 10%,var(--ms-accent) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ms-link{color:var(--ms-ink-2);font-weight:600;text-decoration:none}
.ms-link:hover{color:var(--ms-brand);text-decoration:underline}
.ms-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none;color:var(--ms-brand-ink)}
.ms-arrow:hover{text-decoration:underline}
.ms-signin{display:none;padding:0 6px}

@media (min-width:1000px){
  .ms-signin{display:inline-flex}
}

/* -- 6. Sections ----------------------------------------------------------- */
.ms-section{padding:72px 0}
.ms-section--soft{background:var(--ms-soft)}
.ms-section--tight{padding:48px 0}
.ms-head{margin-bottom:44px}
.ms-head--center{text-align:center}
.ms-head--center .ms-lead{margin-left:auto;margin-right:auto}
.ms-head .ms-h2{margin-bottom:14px}
@media (max-width:640px){
  .ms-section{padding:52px 0}
  .ms-head{margin-bottom:30px}
}

/* -- 7. Hero: a full-bleed brand panel, the way the reference sites open every page ------- */
.ms-hero{position:relative;overflow:hidden;padding:56px 0 64px;background:
  radial-gradient(760px 400px at 88% -12%,rgba(34,211,238,.24),transparent 62%),
  radial-gradient(660px 380px at -8% 16%,rgba(126,231,196,.22),transparent 60%),
  linear-gradient(135deg,#04503B 0%,#079B70 66%,#0E7490 100%)}
.ms-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,#000 0,transparent 72%);mask-image:linear-gradient(180deg,#000 0,transparent 72%);pointer-events:none}
.ms-hero__grid{position:relative;display:grid;gap:40px;align-items:center}
.ms-hero__copy{max-width:640px}
.ms-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 16px 7px 12px;margin-bottom:22px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(4,61,46,.60);font-size:.88rem;font-weight:600;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ms-badge__dot{width:8px;height:8px;border-radius:50%;background:#8FF0D2;box-shadow:0 0 0 4px rgba(143,240,210,.25)}
.ms-hero .ms-h1{margin-bottom:20px;color:#fff}
.ms-hero__text{font-size:clamp(1.02rem,1.9vw,1.2rem);color:#fff;margin-bottom:28px;max-width:600px}
.ms-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.ms-hero__note{font-size:.95rem;color:#fff}
.ms-hero__note span{white-space:nowrap}
.ms-hero__visual{position:relative;min-width:0}
.ms-caption{margin-top:14px;font-size:.8rem;color:var(--ms-faint);text-align:center}
/* on the brand panel the caption becomes a chip: a translucent line over the bright end of
   the gradient would drop under 4.5:1, and an opaque chip is readable anywhere on it */
.ms-hero .ms-caption{display:table;margin:16px auto 0;padding:7px 16px;border-radius:999px;background:rgba(4,61,46,.72);color:#fff;letter-spacing:.01em}
@media (min-width:1000px){
  .ms-hero{padding:72px 0 88px}
  .ms-hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:56px}
}

/* -- 8. Product illustrations (CSS only, sample data) -------------------------
   Everything inside .ms-mock is sized in em, and em follows the width of the
   column that holds it (container query units), so each illustration scales
   as one piece from 320 px phones to desktop without reflowing. */
.ms-hero__visual,.ms-split__visual,.ms-cardcol{container-type:inline-size}
.ms-mock{--w:42;--h:34;position:relative;width:calc(var(--w) * 1em);max-width:100%;margin:0 auto;font-size:13px;font-size:min(15px,calc(100cqw / var(--w)));line-height:1.4;color:var(--ms-ink-2);font-family:var(--ms-font);text-align:left;pointer-events:none;user-select:none}
html[lang="bn"] .ms-mock{line-height:1.5}
.ms-mock--hero{height:calc(var(--h) * 1em)}
.ms-mock i,.ms-mock em{font-style:normal}
.ms-mock b,.ms-mock strong{font-weight:700;color:var(--ms-ink)}
.ms-mock small{font-size:.78em;color:var(--ms-muted);display:block}
.ms-mock .mono{font-family:var(--ms-mono);font-size:.9em}

/* status pills */
.ms-mock em{display:inline-block;padding:.18em .7em;border-radius:999px;font-size:.72em;font-weight:700;background:var(--ms-brand-soft);color:var(--ms-brand-ink)}
.ms-mock em.ok{background:var(--ms-ok-soft);color:var(--ms-ok)}
.ms-mock em.warn{background:var(--ms-warn-soft);color:var(--ms-warn)}
.ms-mock em.info{background:#E8F1FF;color:#1D4ED8}

/* dashboard window */
.ms-dash,.ms-win{position:absolute;left:0;top:0;width:36em;background:#fff;border:1px solid var(--ms-line);border-radius:1.1em;box-shadow:var(--ms-sh-lg);overflow:hidden}
.ms-win{position:relative;width:100%}
.ms-dash__bar{display:flex;align-items:center;gap:.45em;height:2.5em;padding:0 1em;background:var(--ms-soft);border-bottom:1px solid var(--ms-line)}
.ms-dash__bar i{width:.7em;height:.7em;border-radius:50%;background:#D5D9EA}
.ms-dash__url{margin-left:.8em;flex:0 1 auto;min-width:0;padding:.15em .9em;border-radius:999px;background:#fff;border:1px solid var(--ms-line);font-size:.75em;color:var(--ms-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-dash__body{display:grid;grid-template-columns:3.6em 1fr}
.ms-dash__side{display:flex;flex-direction:column;align-items:center;gap:1em;padding:1.2em 0;border-right:1px solid var(--ms-line);background:var(--ms-soft)}
.ms-dash__logo{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:.6em;background:linear-gradient(135deg,var(--ms-brand),var(--ms-accent));color:#fff;font-weight:700;font-size:.95em;margin-bottom:.4em}
.ms-dash__side b{display:block;width:1.3em;height:1.3em;border-radius:.4em;background:#D5D9EA}
.ms-dash__side b.on{background:var(--ms-brand)}
.ms-dash__main{padding:1.2em 1.4em 1.4em;min-width:0}
.ms-dash__title{font-weight:700;color:var(--ms-ink);font-size:1.1em;margin-bottom:.8em}
.ms-dash__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em;margin-bottom:1em}
.ms-dash__kpis>div,.ms-kpis3>div{border:1px solid var(--ms-line);border-radius:.8em;padding:.7em .9em;background:#fff}
.ms-dash__kpis strong,.ms-kpis3 strong{display:block;font-size:1.35em;line-height:1.25;margin:.1em 0}
.ms-dash__kpis em{padding:0;background:none;color:var(--ms-ok);font-size:.78em}
.ms-dash__kpis em.warn{color:var(--ms-warn)}
.ms-dash__chart{display:flex;align-items:flex-end;gap:.6em;height:5.6em;padding:.4em .2em 0;margin-top:1em;border-bottom:1px solid var(--ms-line)}
.ms-dash__chart span{flex:1;border-radius:.35em .35em 0 0;background:var(--ms-brand-soft);background:#DCE0FF}
.ms-dash__chart span.hi{background:var(--ms-brand)}
.ms-dash__rows>div{display:grid;grid-template-columns:3.8em 6em 1fr;align-items:center;gap:.6em;padding:.55em 0;border-top:1px solid var(--ms-line);font-size:.88em}
.ms-dash__rows>div:first-child{border-top:0}
.ms-dash__rows em{justify-self:start}

/* phone */
.ms-phone{position:absolute;right:0;top:8.2em;width:12.6em;height:25.2em;padding:.6em;border-radius:2.1em;background:#0E1330;box-shadow:0 30px 60px rgba(14,19,48,.35)}
.ms-phone__notch{position:absolute;left:50%;top:.7em;width:3.6em;height:.8em;margin-left:-1.8em;border-radius:99px;background:#0E1330;z-index:2}
.ms-phone__screen{height:100%;border-radius:1.6em;background:#fff;overflow:hidden;padding:1.7em .8em .8em}
.ms-phone__screen .ms-shop{height:100%}
.ms-phone__screen--dark{background:linear-gradient(165deg,#0B7D5D 0%,#064E3B 60%,#0E1330 100%);padding:2.4em .9em .9em;display:flex;flex-direction:column;gap:.6em}
.ms-phone--solo{position:relative;right:auto;top:auto;margin:0 auto;width:14.5em;height:29em}

/* storefront inside the phone / browser */
.ms-shop{font-size:.8em;display:flex;flex-direction:column;gap:.7em}
.ms-shop__bar{display:flex;align-items:center;justify-content:space-between;gap:.6em}
.ms-shop__bar b{font-family:var(--ms-display);font-size:1.05em;letter-spacing:-.01em;white-space:nowrap}
.ms-shop__nav{display:none;gap:1em;margin-left:auto;font-size:.9em;color:var(--ms-muted)}
.ms-shop__nav u{text-decoration:none}
.ms-shop__cart{display:grid;place-items:center;width:1.8em;height:1.8em;border-radius:50%;background:var(--ms-brand);color:#fff;font-size:.8em;font-weight:700}
.ms-shop__hero{display:flex;flex-direction:column;gap:.15em;padding:1em;border-radius:.9em;background:linear-gradient(135deg,#079B70,#0E7490 70%,#22D3EE);color:#fff}
.ms-shop__hero small{color:rgba(255,255,255,.8);font-size:.8em;text-transform:uppercase;letter-spacing:.08em}
.ms-shop__hero strong{color:#fff;font-family:var(--ms-display);font-size:1.25em;line-height:1.2}
.ms-shop__cta{align-self:flex-start;margin-top:.5em;padding:.35em .9em;border-radius:99px;background:#fff;color:var(--ms-brand-ink);font-size:.8em;font-weight:700}
.ms-shop__grid{display:grid;grid-template-columns:1fr 1fr;gap:.7em}
.ms-prod{display:flex;flex-direction:column;gap:.15em;font-size:.85em}
.ms-prod i{display:block;aspect-ratio:1/.82;border-radius:.7em;margin-bottom:.3em}
.ms-prod span{color:var(--ms-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-prod b{font-size:.95em}
.ms-prod .p1{background:linear-gradient(135deg,#FBCFE8,#C084FC)}
.ms-prod .p2{background:linear-gradient(135deg,#FDE68A,#F59E0B)}
.ms-prod .p3{background:linear-gradient(135deg,#BBF7D0,#22C55E)}
.ms-prod .p4{background:linear-gradient(135deg,#BFDBFE,#3B82F6)}
.ms-phone .ms-prod i{aspect-ratio:1/.6}
.ms-prod--3{display:none}
.ms-shop__pay{display:flex;gap:.4em;flex-wrap:wrap}
.ms-shop__pay span{padding:.2em .7em;border:1px solid var(--ms-line);border-radius:99px;font-size:.78em;font-weight:600;color:var(--ms-ink-2)}
.ms-shop__btn{margin-top:auto;padding:.75em;border-radius:.8em;background:var(--ms-brand);color:#fff;text-align:center;font-weight:700;font-size:.95em}
.ms-shop--wide{font-size:1em;padding:1.1em 1.3em 1.3em;gap:1em}
.ms-shop--wide .ms-shop__nav{display:flex}
.ms-shop--wide .ms-shop__grid{grid-template-columns:repeat(3,1fr)}
.ms-shop--wide .ms-prod--3{display:flex}
.ms-shop--wide .ms-shop__hero{padding:1.5em 1.6em}
.ms-shop--wide .ms-shop__hero strong{font-size:1.6em}

/* floating notification */
.ms-toast{position:absolute;left:1.6em;bottom:.4em;display:flex;align-items:center;gap:.8em;width:17em;padding:.8em 1em;border-radius:1em;background:#fff;border:1px solid var(--ms-line);box-shadow:var(--ms-sh-lg);animation:ms-float 6s ease-in-out infinite}
.ms-toast strong{display:block;font-size:.95em}
.ms-toast__ic{display:grid;place-items:center;flex:none;width:2.2em;height:2.2em;border-radius:.7em;background:linear-gradient(135deg,var(--ms-brand),var(--ms-accent));color:#fff;font-weight:700}
@keyframes ms-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-.5em)}}
@media (prefers-reduced-motion:reduce){.ms-toast{animation:none}}

/* generic card illustration */
.ms-mock--card{--w:32}
.ms-card-mock{background:#fff;border:1px solid var(--ms-line);border-radius:1.1em;padding:1.3em 1.4em;box-shadow:var(--ms-sh-lg)}
.ms-card-mock+.ms-card-mock{margin-top:1em}
.ms-card-mock__head{display:flex;align-items:center;justify-content:space-between;gap:1em;margin-bottom:.9em}
.ms-card-mock__head strong{font-size:1.05em}
.ms-lines>div{display:flex;justify-content:space-between;gap:1em;padding:.5em 0;border-top:1px dashed var(--ms-line);font-size:.92em}
.ms-lines>div:first-child{border-top:0}
.ms-lines .muted{color:var(--ms-muted)}
.ms-lines .sum{border-top:1px solid var(--ms-line-2);font-weight:700;color:var(--ms-ink)}
.ms-lines--tight{margin-top:.8em}
.ms-steps-mock{display:flex;margin:1.1em 0 .9em;padding:0}
.ms-steps-mock li{position:relative;flex:1;text-align:center;font-size:.74em;color:var(--ms-muted);padding-top:1.9em}
.ms-steps-mock li i{position:absolute;left:50%;top:0;width:1.35em;height:1.35em;margin-left:-.675em;border-radius:50%;border:2px solid #C5CBE3;background:#fff;z-index:1}
.ms-steps-mock li::before{content:"";position:absolute;left:-50%;top:.62em;width:100%;height:2px;background:#DDE1F1}
.ms-steps-mock li:first-child::before{display:none}
.ms-steps-mock li.done i{background:var(--ms-brand);border-color:var(--ms-brand)}
.ms-steps-mock li.done::before,.ms-steps-mock li.now::before{background:var(--ms-brand)}
.ms-steps-mock li.now i{border-color:var(--ms-brand);box-shadow:0 0 0 4px rgba(8,128,93,.18)}
.ms-steps-mock li.done,.ms-steps-mock li.now{color:var(--ms-ink-2);font-weight:600}
.ms-track{display:flex;justify-content:space-between;gap:1em;padding:.7em .9em;border-radius:.8em;background:var(--ms-soft);font-size:.88em}
.ms-pay{display:flex;align-items:center;gap:.9em;margin-top:.6em;padding:.8em 1em;border:1.5px solid var(--ms-line);border-radius:.9em;background:#fff}
.ms-pay>i{flex:none;width:1.15em;height:1.15em;border-radius:50%;border:2px solid #B8BFD8}
.ms-pay>span{flex:1;min-width:0}
.ms-pay strong{display:block;font-size:.95em}
.ms-pay.on{border-color:var(--ms-brand);background:var(--ms-brand-soft)}
.ms-pay.on>i{border-color:var(--ms-brand);background:radial-gradient(var(--ms-brand) 42%,transparent 46%)}
.ms-chip{flex:none;padding:.2em .7em;border:1px solid var(--ms-line-2);border-radius:99px;background:#fff;font-size:.72em;font-weight:700;color:var(--ms-ink-2)}
.ms-chip--bk{color:#C5105F;border-color:#F4B7D2}
.ms-kpis3{display:grid;grid-template-columns:repeat(3,1fr);gap:.7em}
.ms-spark{display:block;width:100%;height:5.2em;margin-top:.9em}
.ms-code{display:flex;align-items:center;gap:1em}
.ms-code>span:nth-child(2){flex:1;min-width:0}
.ms-code__ic{display:grid;place-items:center;flex:none;width:2.6em;height:2.6em;border-radius:.8em;background:var(--ms-brand-soft);color:var(--ms-brand)}
.ms-swatches{display:flex;align-items:center;gap:.6em;margin-top:1em;padding:.7em 1em;background:#fff;border:1px solid var(--ms-line);border-radius:999px;box-shadow:var(--ms-sh-md);width:max-content;max-width:100%}
.ms-swatches__t{font-size:.82em;font-weight:600;color:var(--ms-muted);margin-right:.3em}
.ms-swatches i{width:1.6em;height:1.6em;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 2px rgba(255,255,255,.6),0 0 0 1px var(--ms-line-2)}
.ms-mock--phone{--w:22}
.ms-lock{text-align:center;color:#fff;padding:.4em 0 .6em}
.ms-lock strong{display:block;font-size:2.6em;line-height:1.1;color:#fff;font-family:var(--ms-display)}
.ms-lock small{color:rgba(255,255,255,.75);font-size:.85em}
.ms-push{display:flex;align-items:center;gap:.7em;padding:.7em .8em;border-radius:1em;background:rgba(255,255,255,.94)}
.ms-push strong{display:block;font-size:.88em}
.ms-push small{font-size:.76em}
.ms-push--warn .ms-toast__ic{background:linear-gradient(135deg,#F59E0B,#EA580C)}
.ms-install{position:relative;display:flex;align-items:center;gap:.9em;margin:-3em auto 0;width:min(19em,92%);padding:.85em 1em;border-radius:1em;background:#fff;border:1px solid var(--ms-line);box-shadow:var(--ms-sh-lg)}
.ms-install strong{display:block;font-size:.95em}
.ms-mock--store{--w:36}
.ms-mock--orders{--w:32}
.ms-mock--pay{--w:30}
.ms-mock--growth{--w:30}

@media (max-width:420px){
  .ms-dash__kpi-hide{display:none}
  .ms-dash__kpis{grid-template-columns:repeat(2,1fr)}
}

/* -- 9. Payment strip -------------------------------------------------------- */
.ms-strip{border-bottom:1px solid var(--ms-line);background:#fff}
.ms-strip__in{display:flex;flex-direction:column;gap:14px;align-items:center;padding-top:26px;padding-bottom:26px;text-align:center}
.ms-strip__label{font-size:.92rem;font-weight:600;color:var(--ms-muted);max-width:720px}
.ms-strip__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.ms-strip__chips li{padding:9px 18px;border:1px solid var(--ms-line);border-radius:999px;background:#fff;font-size:.95rem;font-weight:600;color:var(--ms-ink-2);box-shadow:var(--ms-sh-sm)}

/* -- 10. Alternating feature blocks ---------------------------------------- */
.ms-block{padding:34px 0}
.ms-split{display:grid;gap:36px;align-items:center}
.ms-split__copy{min-width:0}
.ms-split__visual{min-width:0}
.ms-split__visual .ms-mock{margin-left:auto;margin-right:auto}
.ms-h2--sm{font-size:clamp(1.5rem,3.2vw,2.1rem);margin-bottom:14px}
.ms-ic-chip{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:16px;border-radius:14px;background:var(--ms-brand-soft);color:var(--ms-brand)}
.ms-split__copy .ms-eyebrow{display:block;margin-bottom:8px}
.ms-checks{display:grid;gap:11px;margin-top:22px}
.ms-checks li{display:flex;gap:12px;align-items:flex-start;color:var(--ms-ink-2)}
.ms-tick{flex:none;margin-top:3px;padding:2px;width:22px;height:22px;border-radius:50%;background:var(--ms-ok-soft);color:var(--ms-ok)}
.ms-center{text-align:center}
.ms-more{margin-top:34px}
@media (min-width:900px){
  .ms-block{padding:44px 0}
  .ms-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
  .ms-block--rev .ms-split__copy{order:2}
  .ms-block--rev .ms-split__visual{order:1}
}

/* -- 11. Tiles, steps ------------------------------------------------------- */
.ms-trio{display:grid;gap:18px}
.ms-tile{padding:28px;border:1px solid var(--ms-line);border-radius:var(--ms-r-lg);background:#fff;box-shadow:var(--ms-sh-sm)}
@media (prefers-reduced-motion:no-preference){.ms-tile{transition:transform .18s,box-shadow .18s,border-color .18s}.ms-tile:hover{transform:translateY(-3px);box-shadow:var(--ms-sh-md);border-color:var(--ms-line-2)}}
.ms-tile .ms-ic-chip{margin-bottom:16px}
.ms-tile .ms-h3{margin-bottom:8px}
.ms-tile p{color:var(--ms-muted)}
a.ms-tile{text-decoration:none;color:inherit}
.ms-tile--more{display:flex;flex-direction:column;background:var(--ms-brand-soft);border-color:#BFE7D7}
.ms-tile--more .ms-ic-chip{background:#fff;color:var(--ms-brand-ink)}
.ms-tile--more .ms-h3{color:var(--ms-brand-ink)}
.ms-tile--more p{color:var(--ms-ink-2)}
.ms-tile--more:hover{border-color:var(--ms-brand)}
@media (min-width:860px){.ms-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}
.ms-points{display:grid;gap:22px;margin-top:28px}
.ms-points li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:4px 16px;align-items:start}
.ms-points .ms-ic-chip{grid-column:1;margin:0;width:46px;height:46px;border-radius:13px}
.ms-points li>div{grid-column:2;min-width:0}
.ms-points strong{display:block;color:var(--ms-ink);font-size:1.06rem;font-weight:600;margin-bottom:2px}
.ms-points li>div>span{display:block;color:var(--ms-muted);font-size:.97rem}
.ms-steps{display:grid;gap:18px;counter-reset:none}
.ms-step{position:relative;padding:26px 26px 26px 26px;border:1px solid var(--ms-line);border-radius:var(--ms-r-lg);background:#fff}
.ms-step__n{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:50%;background:var(--ms-ink);color:#fff;font-family:var(--ms-display);font-weight:700;font-size:1.1rem}
.ms-step .ms-h3{margin-bottom:6px}
.ms-step p{color:var(--ms-muted)}
@media (min-width:860px){
  .ms-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
  .ms-step:not(:last-child)::after{content:"";position:absolute;top:48px;right:-23px;width:24px;height:2px;background:var(--ms-line-2)}
}

/* -- 12. Plans --------------------------------------------------------------- */
.ms-plans{display:grid;gap:18px;align-items:stretch}
.ms-plan{position:relative;display:flex;flex-direction:column;padding:28px 26px;border:1px solid var(--ms-line);border-radius:var(--ms-r-lg);background:#fff;box-shadow:var(--ms-sh-sm)}
.ms-plan.is-rec{border:2px solid var(--ms-brand);box-shadow:var(--ms-sh-lg)}
.ms-plan__flag{position:absolute;top:-14px;left:24px;padding:4px 14px;border-radius:999px;background:var(--ms-brand);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.02em}
.ms-plan__name{font-family:var(--ms-display);font-size:1.3rem;font-weight:700;color:var(--ms-ink);margin-bottom:6px}
.ms-plan__desc{color:var(--ms-muted);font-size:.95rem;min-height:3em;margin-bottom:18px}
.ms-plan__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;margin-bottom:4px}
.ms-plan__amount{font-family:var(--ms-display);font-size:2.4rem;line-height:1.1;font-weight:700;color:var(--ms-ink);letter-spacing:-.03em}
.ms-plan__per{color:var(--ms-muted);font-size:.95rem}
.ms-plan__sub{min-height:1.7em;font-size:.88rem;color:var(--ms-muted);margin-bottom:6px}
.ms-plan__trial{display:inline-block;align-self:flex-start;margin-bottom:10px;padding:2px 10px;border-radius:999px;background:var(--ms-warn-soft);color:var(--ms-warn);font-size:.82rem;font-weight:700}
.ms-save{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--ms-ok-soft);color:var(--ms-ok);font-weight:700;font-size:.8rem}
.ms-plan__list{display:grid;gap:10px;padding-top:20px;border-top:1px solid var(--ms-line);font-size:.95rem}
.ms-plan__list li{display:flex;gap:10px;align-items:flex-start}
.ms-plan__list .is-fee .ms-tick{background:var(--ms-warn-soft);color:var(--ms-warn)}
.ms-fine{margin:26px auto 0;max-width:760px;text-align:center;font-size:.86rem;color:var(--ms-faint)}
.ms-notice{max-width:560px;margin:0 auto;padding:28px;border:1px solid var(--ms-line);border-radius:var(--ms-r-lg);background:#fff;text-align:center;display:grid;gap:12px}
@media (min-width:760px){.ms-plans--2,.ms-plans--4,.ms-plans--many{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-plans--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ms-plans--1{max-width:420px;margin:0 auto}}
@media (min-width:1000px){.ms-plans--4,.ms-plans--many{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:760px){.ms-plans--3 .ms-plan.is-rec{transform:translateY(-8px)}}

/* -- 13. Comparison table ------------------------------------------------------ */
.ms-compare{border:1px solid var(--ms-line);border-radius:var(--ms-r-lg);background:#fff;overflow:hidden;box-shadow:var(--ms-sh-sm)}
.ms-table{width:100%;border-collapse:collapse;font-size:.95rem}
.ms-table th,.ms-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--ms-line);vertical-align:middle}
.ms-table thead th{background:var(--ms-soft);color:var(--ms-ink);font-family:var(--ms-display);font-size:1rem}
.ms-table thead th small{display:block;margin-top:2px;font-family:var(--ms-font);font-weight:500;font-size:.82rem;color:var(--ms-muted)}
.ms-table tbody th{font-weight:600;color:var(--ms-ink-2);width:34%}
.ms-table td{text-align:center}
.ms-table thead th:not(:first-child){text-align:center}
.ms-table .is-rec{background:var(--ms-brand-softer,#F8F8FF)}
.ms-table thead .is-rec{background:var(--ms-brand-soft);color:var(--ms-brand-ink)}
.ms-table__group th{background:var(--ms-soft-2);font-size:.78rem !important;letter-spacing:.08em;text-transform:uppercase;color:var(--ms-brand-ink) !important;width:auto !important}
html[lang="bn"] .ms-table__group th{letter-spacing:0;text-transform:none;font-size:.95rem !important}
.ms-yes{display:inline-flex}
.ms-no{color:var(--ms-faint)}
.ms-table tbody tr:last-child th,.ms-table tbody tr:last-child td{border-bottom:0}
@media (max-width:759px){
  .ms-compare{border:0;background:transparent;box-shadow:none;overflow:visible}
  .ms-table,.ms-table tbody,.ms-table tr,.ms-table th,.ms-table td{display:block;width:auto}
  .ms-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .ms-table tbody tr{margin-bottom:12px;border:1px solid var(--ms-line);border-radius:var(--ms-r);background:#fff;overflow:hidden}
  .ms-table tbody th{width:auto;padding:12px 16px;background:var(--ms-soft);border-bottom:1px solid var(--ms-line)}
  .ms-table tr.ms-table__group{margin:22px 0 8px;border:0;background:transparent}
  .ms-table tr.ms-table__group th{padding:0;background:transparent;border:0}
  .ms-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;text-align:right;font-weight:600;color:var(--ms-ink)}
  .ms-table td::before{content:attr(data-label);font-weight:500;color:var(--ms-muted);text-align:left}
  .ms-table td.is-rec{background:#F8F8FF}
}

/* -- 14. FAQ ------------------------------------------------------------------- */
.ms-faq{display:grid;gap:10px}
.ms-faq__item{border:1px solid var(--ms-line);border-radius:var(--ms-r);background:#fff;transition:border-color .15s,box-shadow .15s}
.ms-faq__item[open]{border-color:var(--ms-brand);box-shadow:var(--ms-sh-md)}
.ms-faq__item>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 20px;cursor:pointer;list-style:none;font-weight:600;color:var(--ms-ink);font-size:1.02rem}
.ms-faq__item>summary::-webkit-details-marker{display:none}
.ms-faq__item>summary::marker{content:""}
.ms-faq__item>summary:hover{color:var(--ms-brand-ink)}
.ms-faq__item>summary .ms-ic{flex:none;color:var(--ms-brand);transition:transform .2s}
.ms-faq__item[open]>summary .ms-ic{transform:rotate(45deg)}
.ms-faq__a{padding:0 20px 20px;color:var(--ms-muted);max-width:72ch}
.ms-faq__item[hidden],.ms-faq__group[hidden]{display:none}

/* -- 15. Final call to action -------------------------------------------------- */
.ms-section--cta{padding-top:24px}
.ms-cta{position:relative;overflow:hidden;padding:56px 28px;border-radius:28px;text-align:center;color:#fff;background:
  radial-gradient(600px 260px at 90% 0%,rgba(34,211,238,.35),transparent 60%),
  linear-gradient(135deg,#056449,#079B70 55%,#0E7490)}
.ms-cta .ms-h2{color:#fff;margin-bottom:14px}
.ms-cta p{max-width:620px;margin:0 auto 26px;color:rgba(255,255,255,.88);font-size:1.08rem}
.ms-cta__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.ms-cta .ms-cta__note{margin:18px auto 0;font-size:.88rem;color:rgba(255,255,255,.75)}
@media (max-width:520px){.ms-cta{padding:40px 20px}}

/* -- 16. Footer ------------------------------------------------------------------ */
.ms-footer{margin-top:0;padding:56px 0 28px;background:var(--ms-soft);border-top:1px solid var(--ms-line)}
.ms-footer__grid{display:grid;gap:32px;grid-template-columns:1fr 1fr}
.ms-footer__brand{grid-column:1/-1}
.ms-footer__brand p{margin:14px 0 18px;max-width:380px;color:var(--ms-muted)}
.ms-footer__col h2{margin-bottom:12px;font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ms-ink)}
html[lang="bn"] .ms-footer__col h2{letter-spacing:0;text-transform:none;font-size:1rem}
.ms-footer__col ul{display:grid;gap:2px}
.ms-footer__col a{display:inline-flex;align-items:center;min-height:44px;color:var(--ms-muted);text-decoration:none}
.ms-footer__col a:hover{color:var(--ms-brand-ink);text-decoration:underline}
.ms-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:40px;padding-top:22px;border-top:1px solid var(--ms-line);font-size:.88rem;color:var(--ms-faint)}
@media (min-width:860px){
  .ms-footer__grid{grid-template-columns:1.6fr 1fr 1fr 1fr}
  .ms-footer__brand{grid-column:auto}
}

/* -- 17. Inner pages: a compact brand panel (the reference sites open every page the same
   way), section nav, feature grid. Kept a shade darker than the home hero: this band is
   short and its copy is centred, so the bright middle of the ramp would sit behind the
   headline. ------------------------------------------------------------ */
.ms-phero{position:relative;overflow:hidden;padding:58px 0 56px;text-align:center;background:
  radial-gradient(760px 340px at 84% -40%,rgba(34,211,238,.26),transparent 66%),
  radial-gradient(700px 360px at -8% 130%,rgba(126,231,196,.24),transparent 62%),
  linear-gradient(135deg,#04503B 0%,#046B50 58%,#0A6E7E 100%)}
.ms-phero .ms-h1--page{color:#fff}
.ms-phero .ms-eyebrow{color:#8FF0D2}
.ms-phero .ms-lead{margin:16px auto 0;color:#fff;max-width:820px}
/* the legal and sub-processor pages date their text under the heading; a grey date on the
   panel would be unreadable, and the contrast probe skips it (the panel is a gradient) */
.ms-phero .ms-updated{color:rgba(255,255,255,.88)}
.ms-h1--page{font-size:clamp(2rem,5vw,3.25rem)}
html[lang="bn"] .ms-h1--page{font-size:clamp(1.9rem,4.8vw,2.9rem)}
.ms-hero__cta--center{justify-content:center;margin-top:28px;margin-bottom:0}
.ms-phero--left{text-align:left}
.ms-phero--left .ms-lead{margin-left:0}

.ms-subnav{position:sticky;top:var(--ms-header);z-index:50;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--ms-line);border-bottom:1px solid var(--ms-line)}
.ms-subnav nav{display:flex;gap:6px;overflow-x:auto;padding:10px 0;scrollbar-width:none;-ms-overflow-style:none}
.ms-subnav nav::-webkit-scrollbar{display:none}
.ms-subnav a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--ms-line);background:#fff;color:var(--ms-ink-2);font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap}
.ms-subnav a:hover{border-color:var(--ms-brand);color:var(--ms-brand-ink)}
.ms-subnav a[aria-current="true"]{background:var(--ms-ink);border-color:var(--ms-ink);color:#fff}

.ms-gh{display:flex;gap:18px;align-items:flex-start;margin-bottom:30px}
.ms-gh .ms-ic-chip{flex:none;margin:0}
.ms-gh .ms-lead{margin-top:2px}
.ms-fgrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.ms-fcard{padding:24px;border:1px solid var(--ms-line);border-radius:var(--ms-r-lg);background:#fff;transition:box-shadow .15s,border-color .15s,transform .15s}
.ms-fcard:hover{box-shadow:var(--ms-sh-md);border-color:var(--ms-line-2);transform:translateY(-2px)}
.ms-fcard__ic{display:inline-grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:12px;background:var(--ms-brand-soft);color:var(--ms-brand)}
.ms-fcard .ms-h3{margin-bottom:6px;font-size:1.08rem}
.ms-fcard p{color:var(--ms-muted);font-size:.96rem}
.ms-fcard--not{border-style:dashed;background:transparent}
.ms-fcard--not:hover{box-shadow:none;transform:none;border-color:var(--ms-line-2)}
.ms-fcard--not .ms-fcard__ic{background:var(--ms-warn-soft);color:var(--ms-warn)}
@media (max-width:600px){
  .ms-gh{flex-direction:column;gap:12px}
  .ms-phero{padding:40px 0 38px}
}

/* -- 18. FAQ page controls ---------------------------------------------------------- */
.ms-section--flush{padding-top:40px}
.ms-search{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border:1.5px solid var(--ms-line-2);border-radius:14px;background:#fff;color:var(--ms-muted);transition:border-color .15s,box-shadow .15s}
.ms-search:focus-within{border-color:var(--ms-brand);box-shadow:0 0 0 4px rgba(8,128,93,.16)}
.ms-search input{flex:1;min-width:0;height:50px;border:0;outline:0;background:transparent;font-size:1rem;color:var(--ms-ink)}
.ms-search input:focus-visible{outline:0}
.ms-search input::placeholder{color:var(--ms-faint)}
.ms-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
.ms-chip-btn{min-height:44px;padding:0 16px;border:1px solid var(--ms-line-2);border-radius:999px;background:#fff;color:var(--ms-ink-2);font-weight:600;font-size:.92rem;cursor:pointer}
.ms-chip-btn:hover{border-color:var(--ms-brand);color:var(--ms-brand-ink)}
.ms-chip-btn[aria-pressed="true"]{background:var(--ms-ink);border-color:var(--ms-ink);color:#fff}
.ms-faqmeta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 6px;font-size:.9rem;color:var(--ms-muted)}
.ms-linkbtn{min-height:44px;padding:0 4px;border:0;background:none;color:var(--ms-brand-ink);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ms-faqgroup{margin-top:30px}
.ms-faqgroup__t{margin-bottom:12px}
.ms-faqempty{margin-top:24px;padding:28px;border:1px dashed var(--ms-line-2);border-radius:var(--ms-r-lg);text-align:center;display:grid;gap:14px;justify-items:center}
.ms-faqempty[hidden]{display:none}
.ms-callout{display:flex;flex-wrap:wrap;align-items:center;gap:18px 22px;padding:26px 28px;border:1px solid var(--ms-line);border-radius:var(--ms-r-lg);background:#fff;box-shadow:var(--ms-sh-sm)}
.ms-callout .ms-ic-chip{margin:0}
.ms-callout>div{flex:1 1 260px}
.ms-callout p{color:var(--ms-muted)}

/* -- 19. How it works --------------------------------------------------------------- */
.ms-quad{display:grid;gap:18px}
@media (min-width:700px){.ms-quad{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.ms-quad{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ms-timeline{position:relative;display:grid;gap:18px;max-width:820px;margin:0 auto}
.ms-timeline::before{content:"";position:absolute;left:21px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--ms-brand),var(--ms-line-2))}
.ms-timeline__item{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start}
.ms-timeline__n{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ms-brand);color:#fff;font-family:var(--ms-display);font-weight:700;box-shadow:0 0 0 6px #fff}
.ms-timeline__card{padding:24px 26px;border:1px solid var(--ms-line);border-radius:var(--ms-r-lg);background:#fff;box-shadow:var(--ms-sh-sm)}
.ms-timeline__card .ms-fcard__ic{margin-bottom:12px}
.ms-timeline__card .ms-h3{margin-bottom:6px;font-size:1.25rem}
.ms-timeline__card p{color:var(--ms-muted)}
.ms-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:10px 14px;border-radius:12px;background:var(--ms-soft);color:var(--ms-ink-2);font-size:.92rem}
.ms-note .ms-ic{flex:none;margin-top:2px;color:var(--ms-brand)}
.ms-journey{display:grid;gap:14px;counter-reset:j}
.ms-journey li{display:grid;grid-template-columns:36px 1fr;gap:2px 14px;align-items:start;padding:18px 20px;border:1px solid var(--ms-line);border-radius:var(--ms-r);background:#fff}
.ms-journey__n{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ms-brand-soft);color:var(--ms-brand-ink);font-weight:700}
.ms-journey strong{color:var(--ms-ink)}
.ms-journey li>span:last-child{color:var(--ms-muted);font-size:.95rem}
@media (min-width:900px){
  .ms-journey{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ms-journey li{grid-template-columns:1fr;gap:6px}
  .ms-journey__n{grid-row:auto;margin-bottom:6px}
}

/* -- 20. Prose, legal --------------------------------------------------------------- */
.ms-prose{font-size:1.05rem;color:var(--ms-ink-2)}
.ms-prose>*+*{margin-top:1.1em}
.ms-prose h2{font-family:var(--ms-display);font-size:1.35rem;line-height:1.3;color:var(--ms-ink);margin-top:1.6em;margin-bottom:.4em;letter-spacing:-.015em}
html[lang="bn"] .ms-prose h2{letter-spacing:0}
.ms-prose h2.ms-h2{font-size:clamp(1.5rem,3.2vw,2.1rem)}
.ms-prose ul{list-style:disc;padding-left:1.3em;display:grid;gap:.4em}
.ms-prose section>*+*{margin-top:.8em}
.ms-prose section{scroll-margin-top:calc(var(--ms-header) + 20px)}
.ms-prose__end{margin-top:2.4em !important;padding-top:1.4em;border-top:1px solid var(--ms-line)}
.ms-updated{margin-top:14px;font-size:.92rem;color:var(--ms-faint)}
.ms-legal-note{margin-bottom:34px}
.ms-legal{display:grid;gap:30px}
.ms-toc{align-self:start;padding:18px 20px;border:1px solid var(--ms-line);border-radius:var(--ms-r);background:var(--ms-soft)}
.ms-toc__t{margin-bottom:8px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ms-ink)}
html[lang="bn"] .ms-toc__t{letter-spacing:0;text-transform:none;font-size:.95rem}
.ms-toc ol{display:grid;gap:2px;list-style:decimal;padding-left:2em}
.ms-toc a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--ms-ink-2);font-size:.95rem}
.ms-toc a:hover{color:var(--ms-brand-ink);text-decoration:underline}
@media (min-width:980px){
  .ms-legal{grid-template-columns:260px minmax(0,1fr);gap:56px}
  .ms-toc{position:sticky;top:calc(var(--ms-header) + 20px)}
  .ms-legal__body{max-width:760px}
}

/* -- 21. Alerts, forms, contact --------------------------------------------------- */
.ms-alert{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--ms-r);border:1px solid var(--ms-line);background:#fff}
.ms-alert__ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%}
.ms-alert p{margin:0}
.ms-alert p+p{margin-top:8px}
.ms-alert ul{margin-top:6px;padding-left:1.2em;list-style:disc}
.ms-alert--ok{border-color:#B7E4CD;background:var(--ms-ok-soft)}
.ms-alert--ok .ms-alert__ic{background:#CDEFDD;color:var(--ms-ok)}
.ms-alert--err{border-color:#F2C0C0;background:var(--ms-err-soft);color:#5B1414}
.ms-alert--err .ms-alert__ic{background:#F8D3D3;color:var(--ms-err)}
.ms-alert--err a{color:#8A1B1B}
.ms-alert--warn{border-color:#F3D9A4;background:var(--ms-warn-soft);color:#4B3004}
.ms-alert--warn .ms-alert__ic{background:#FBE7BD;color:var(--ms-warn)}
.ms-contact{display:grid;gap:32px}
@media (min-width:960px){.ms-contact{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px;align-items:start}}
.ms-form{display:grid;gap:18px;padding:28px;border:1px solid var(--ms-line);border-radius:var(--ms-r-lg);background:#fff;box-shadow:var(--ms-sh-md)}
@media (max-width:520px){.ms-form{padding:20px 16px}}
.ms-field{display:grid;gap:6px}
.ms-field label{font-weight:600;color:var(--ms-ink)}
.ms-field input,.ms-field textarea{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid var(--ms-line-2);border-radius:12px;background:#fff;color:var(--ms-ink);font-size:1rem;line-height:1.5;transition:border-color .15s,box-shadow .15s}
.ms-field textarea{resize:vertical;min-height:160px}
.ms-field input:focus,.ms-field textarea:focus{outline:0;border-color:var(--ms-brand);box-shadow:0 0 0 4px rgba(8,128,93,.16)}
.ms-field.has-error input,.ms-field.has-error textarea{border-color:var(--ms-err);background:#FFFBFB}
.ms-field__err{color:var(--ms-err);font-size:.9rem;font-weight:600}
.ms-field__meta{text-align:right;font-size:.82rem;color:var(--ms-faint);min-height:1.2em}
.ms-field__hint{font-size:.88rem;color:var(--ms-muted)}
.ms-hp{position:absolute !important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.ms-contact__side{display:grid;gap:18px;align-content:start}
.ms-contact__side>h2{margin-bottom:2px}
.ms-side{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--ms-line);border-radius:var(--ms-r);background:#fff}
.ms-side .ms-fcard__ic{flex:none;margin:0}
.ms-side strong{display:block;color:var(--ms-ink)}
.ms-side p{color:var(--ms-muted);font-size:.95rem}

/* -- 22. Print (legal pages, pricing): content only ----------------------------------------- */
@media print{
  .ms-header,.ms-footer,.ms-subnav,.ms-skip,.ms-section--cta,.ms-toc,.ms-hero__cta,.ms-btn{display:none !important}
  body{color:#000;background:#fff}
  .ms-phero,.ms-hero,.ms-section--soft{background:#fff !important}
  .ms-section{padding:18px 0}
  a{color:#000;text-decoration:none}
  .ms-legal{display:block}
  .ms-prose{font-size:11pt}
}

/* themes-more: eleven theme swatches wrap instead of overflowing a phone */
.ms-swatches{flex-wrap:wrap;row-gap:.4em;border-radius:1.4em}

/* platform-site-cms: the legal line in the footer and the notices of editable legal pages */
.ms-footer__legal{display:flex;flex-wrap:wrap;gap:6px 22px;margin:28px 0 0;padding:0;font-size:.88rem;color:var(--ms-muted)}
.ms-footer__legal-item{display:inline-flex;align-items:center;min-height:44px;color:var(--ms-muted);text-decoration:none;overflow-wrap:anywhere}
.ms-footer__legal-item:hover{color:var(--ms-brand-ink);text-decoration:underline}
.ms-footer__legal-item.is-reviewed{color:var(--ms-ok)}
.ms-footer__legal+.ms-footer__bottom{margin-top:6px}
.ms-alert--info{border-color:#C7CCF5;background:var(--ms-brand-soft);color:var(--ms-ink)}
.ms-alert--info .ms-alert__ic{background:#DDE1FF;color:var(--ms-brand-ink)}
.ms-updated__rev{display:inline-block}
.ms-legal__intro{margin-bottom:8px}
.ms-legal__body section>h2+*{margin-top:.6em}
.ms-legal__body h3{margin-top:1.4em}

/* platform-site-cms S2: contact details (footer, contact page, FAQ call-out), rich FAQ answers and the About story */
.ms-footer__contact{display:grid;gap:2px;margin:0 0 14px;padding:0;list-style:none}
.ms-footer__contact li{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px}
.ms-footer__contact-l{color:var(--ms-faint);font-size:.88rem}
.ms-footer__contact a{display:inline-flex;align-items:center;min-height:44px;color:var(--ms-ink);font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.ms-footer__contact a:hover{color:var(--ms-brand-ink);text-decoration:underline}
.ms-side__link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--ms-brand-ink);overflow-wrap:anywhere}
.ms-side__address{font-style:normal;white-space:pre-line;color:var(--ms-muted);font-size:.95rem;overflow-wrap:anywhere}
.ms-side__small{font-size:.85rem !important;color:var(--ms-faint) !important}
.ms-side p+p{margin-top:6px}
.ms-hours{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ms-ink) !important}
.ms-hours__dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--ms-faint)}
.ms-hours.is-open .ms-hours__dot{background:var(--ms-ok)}
.ms-hours.is-open{color:var(--ms-ok) !important}
.ms-callout__cta{display:flex;flex-wrap:wrap;gap:10px}
.ms-callout .ms-callout__cta{flex:0 0 auto}
@media (max-width:520px){.ms-callout .ms-callout__cta{flex:1 1 100%;flex-direction:column}}
.ms-faq__a>*+*{margin-top:.7em}
.ms-faq__a ul,.ms-faq__a ol{padding-left:1.3em;display:grid;gap:.3em}
.ms-faq__a ul{list-style:disc}
.ms-faq__a ol{list-style:decimal}
.ms-faq__a a{color:var(--ms-brand-ink);text-decoration:underline;overflow-wrap:anywhere}
.ms-faq__a h2,.ms-faq__a h3,.ms-faq__a h4{font-size:1rem;line-height:1.35;color:var(--ms-ink);margin-top:1em}
.ms-faq__a blockquote{padding-left:1em;border-left:3px solid var(--ms-line-2)}
.ms-faq__a code{padding:1px 5px;border-radius:4px;background:var(--ms-brand-soft);font-size:.9em;overflow-wrap:anywhere}
.ms-about__story>*+*{margin-top:1.1em}
.ms-about__story a{color:var(--ms-brand-ink);text-decoration:underline;overflow-wrap:anywhere}
.ms-about__story ul,.ms-about__story ol{padding-left:1.3em;display:grid;gap:.4em}
.ms-about__story ol{list-style:decimal}
body{font-size:16px}
.ms-h1{font-size:clamp(2.1rem,4.9vw,3.3rem);line-height:1.2;letter-spacing:-.025em}
html[lang="bn"] .ms-h1,html[lang="bn"] .ms-h2,html[lang="bn"] .ms-h3{letter-spacing:0;line-height:1.35}
.ms-h2{font-size:clamp(1.55rem,3.4vw,2.3rem)}
.ms-lead{font-size:1.05rem;color:var(--ms-muted);max-width:640px}
.ms-head--center .ms-lead{margin-inline:auto}
.ms-sec-title{margin-bottom:28px}
.ms-section{padding-block:clamp(40px,5vw,64px)}
/* compact feature grid (landing) */
.ms-feat{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.ms-feat__item{padding:24px;border-radius:var(--ms-r-lg);background:var(--ms-soft)}
.ms-feat__item .ms-h3{margin:14px 0 6px}
.ms-feat__item p{color:var(--ms-muted)}
.ms-tile,.ms-step,.ms-plan,.ms-faq__item{border-color:var(--ms-line)}
.ms-footer{font-size:.95rem}

.ms-section--tight{padding-block:clamp(40px,5vw,64px)}
/* the brand band, the light heading variant that sits on it, and the numbers it carries */
.ms-section--brand{position:relative;overflow:hidden;background-color:#04503B;background-image:
  radial-gradient(680px 320px at 86% 8%,rgba(34,211,238,.30),transparent 60%),
  radial-gradient(560px 320px at 6% 96%,rgba(8,128,93,.55),transparent 62%)}
.ms-head--light .ms-h2{color:#fff}
.ms-head--light .ms-eyebrow{color:#8FF0D2}
.ms-head--light .ms-lead{color:rgba(255,255,255,.88)}
.ms-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,158px),1fr));gap:16px}
.ms-stats li{padding:22px 18px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.20);text-align:center}
.ms-stats__v{display:block;font-family:var(--ms-display);font-size:clamp(1.9rem,3.6vw,2.5rem);line-height:1.1;font-weight:700;color:#fff;letter-spacing:-.02em}
.ms-stats__l{display:block;margin-top:8px;font-size:.94rem;line-height:1.45;color:rgba(255,255,255,.86)}
code,kbd,samp{font-family:inherit;font-size:inherit;background:none;border:0;padding:0}
.ms-h1,.ms-h2{font-weight:600}.ms-h3{font-weight:600}
.ms-plan__trial{color:#8A4B00}

/* print: the hero and the brand band must not print white-on-white or swallow ink.
   Declared after those rules on purpose, so plain specificity wins and nothing needs a flag. */
@media print{
  .ms-hero::before{display:none}
  .ms-hero .ms-h1,.ms-hero .ms-hero__text,.ms-hero .ms-hero__note,.ms-hero .ms-caption,.ms-hero .ms-badge{color:#000}
  .ms-hero .ms-badge,.ms-hero .ms-caption{background:none;border-color:#999}
  .ms-phero .ms-h1--page,.ms-phero .ms-lead,.ms-phero .ms-eyebrow,.ms-phero .ms-updated{color:#000}
  .ms-section--brand,.ms-stats li{background:#fff;background-image:none;border-color:#bbb}
  .ms-section--brand .ms-h2,.ms-section--brand .ms-eyebrow,.ms-section--brand .ms-lead,.ms-stats__v,.ms-stats__l{color:#000}
}