/* t3139u Products page 2 — HERO ONLY overrides (EN=BN sizes, glass chips). Loaded only on /en|bn/products/ index. */
@import url("/assets/shell/glass.css"); /* t3146: shared glass + brand chat pill on Products (shell_b only links it on Home) */

/* --- glass chip look (glass.css is injected on Home only, so the chip style is repeated here, hero-scoped) --- */
.prod-hero .gl-chip{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(236,240,255,.86) 60%,rgba(224,231,255,.82))!important;
  border:1px solid rgba(165,180,252,.6)!important;
  border-radius:999px!important;
  color:#0B1846!important;
  box-shadow:0 12px 30px -14px rgba(79,70,229,.38),0 1px 0 #fff inset,0 -6px 14px rgba(199,210,254,.35) inset!important;
  font-weight:600!important;
}

/* --- hero grid: page_products.css caps it at 300px, which would clip the bigger type and overlap the next section --- */
.prod-hero .prod-hero-grid{
  min-height:0!important;
  max-height:none!important;
  height:auto!important;
  align-items:center!important;
}

/* --- h1: identical EN/BN sizes, roomy line-height so Bangla matras do not crowd --- */
.prod-hero .hl h1{
  font-size:clamp(34px,4vw,52px)!important;
  line-height:1.15!important;
  margin:14px 0!important;
}
.prod-hero .hl h1:lang(bn),
body.l-bn .prod-hero .hl h1{
  letter-spacing:0!important;
}

/* --- lead --- */
.prod-hero .hl .lead{
  font-size:16px!important;
  line-height:1.55!important;
  width:auto!important;
  max-width:520px!important;
}

/* --- eyebrow chip --- */
.prod-hero .hl .eb{
  font-size:13px!important;
  padding:6px 12px!important;
  display:inline-flex!important;
}

/* --- checks row --- */
.prod-hero .checks{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:20px!important;
}
.prod-hero .checks span{
  font-size:14px!important;
  padding:7px 12px!important;
  line-height:1.3!important;
}

/* --- buttons: t3139 round 2 — fixed 52px control height, no 68-70px stretch --- */
.prod-hero .hl .hb{
  gap:12px!important;
  flex-wrap:wrap!important;
}
.prod-hero .hl .hb .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  font-size:16px!important;
  line-height:1.2!important;
  height:auto!important;
  min-height:52px!important;
  padding:14px 24px!important;
}

/* --- hero art: transparent cut-out, no box, no fade edge, no mask --- */
.prod-hero .hero-art img{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  -webkit-mask:none!important;
  mask:none!important;
}

/* --- phones --- */
@media (max-width:640px){
  .prod-hero{overflow-x:hidden!important}
  .prod-hero .prod-hero-grid{width:100%!important;max-width:100%!important}
  .prod-hero .hl h1{font-size:32px!important}
  .prod-hero .hl .lead{font-size:16px!important;max-width:100%!important}
  /* t3139 r2: beat page_products.css mobile chip rule (11px) — higher specificity + !important */
  .prod-hero .prod-hero-grid .hl .checks span{
    font-size:14px!important;
    line-height:1.3!important;
  }
  .prod-hero .checks span{font-size:14px!important;line-height:1.3!important}
  .prod-hero .hl .hb{width:100%!important}
  .prod-hero .hl .hb .btn{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:100%!important;
    min-height:50px!important;
  }
}
/* t3139 manual verify-fix (script found Aider rules lost on specificity): beat mobile-lock `html body :is(...)` 11px rule; fixed button height */
html body #main .prod-hero .hl .checks span{font-size:14px!important;line-height:1.3!important}
html body #main .prod-hero .hl .hb .btn{height:52px!important;min-height:0!important;padding-block:0!important;box-sizing:border-box!important}
@media (max-width:640px){html body #main .prod-hero .hl .hb .btn{height:50px!important}}

/* ===== t3146 — Products hero: laptop base + 3 floating glass cards (EN=BN) ===== */

/* The page body is CSS-zoomed; --z mirrors the zoom step so calc(<px> / var(--z))
   renders the same visual size as the unzoomed Home page. */
html body #main .prod-hero{--z:1}
@media (min-width:901px) and (max-width:1023.98px){html body #main .prod-hero{--z:.875}}
@media (min-width:1024px) and (max-width:1279.98px){html body #main .prod-hero{--z:1}}
@media (min-width:1280px) and (max-width:1439.98px){html body #main .prod-hero{--z:1.25}}
@media (min-width:1440px){html body #main .prod-hero{--z:1.40625}}

/* --- art box --- */
html body #main .prod-hero .hero-art.pc-art{
  position:relative!important;
  right:auto!important;top:auto!important;left:auto!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1200/720;
  margin:0!important;
  overflow:visible!important;
  container-type:inline-size;
}
html body #main .prod-hero .pc-art .pc-base{
  position:absolute!important;
  inset:0;
  width:100%!important;
  height:100%!important;
  object-fit:contain;
  animation:none!important;
  background:none!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  -webkit-mask:none!important;
  mask:none!important;
  z-index:0;
}

/* --- old overlay labels are no longer output --- */
/* t3181u: hide old labels only inside the (unused) VIZ2 art */
html body #main .prod-hero .pc-art .ha-t,
html body #main .prod-hero .pc-art .ha-r{display:none!important}

/* --- floating glass cards --- */
html body #main .prod-hero .pc-card{
  position:absolute;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:calc(6px / var(--z));
  padding:calc(10px / var(--z));
  border-radius:calc(16px / var(--z));
  overflow:hidden;
  box-sizing:border-box;
  animation:pcFloat 6s ease-in-out infinite;
}
html body #main .prod-hero .pc-c1{left:4%;top:11%;width:21%;height:56%}
html body #main .prod-hero .pc-c2{left:28.5%;top:6%;width:29%;height:64%;animation-delay:-2s}
html body #main .prod-hero .pc-c3{left:61%;top:9%;width:26%;height:54%;animation-delay:-4s}
@keyframes pcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){html body #main .prod-hero .pc-card{animation:none!important}}

/* --- card contents --- */
html body #main .prod-hero .pc-t{
  font-size:calc(14px / var(--z));
  font-weight:700;
  line-height:1.2;
  color:#0B1846;
  text-align:center;
  overflow-wrap:anywhere;
}
html body #main .prod-hero .pc-rows{
  list-style:none;
  margin:0;
  padding:0;
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  gap:calc(5px / var(--z));
  min-height:0;
}
html body #main .prod-hero .pc-rows li{
  display:flex;
  align-items:center;
  gap:calc(6px / var(--z));
  padding:calc(4px / var(--z)) calc(6px / var(--z));
  border-radius:calc(10px / var(--z));
  min-width:0;
}
html body #main .prod-hero .pc-rows li img{width:calc(24px / var(--z));height:auto;flex:none}
html body #main .prod-hero .pc-rows li span{
  font-size:calc(13px / var(--z));
  line-height:1.25;
  font-weight:600;
  color:#0B1846;
  min-width:0;
  overflow-wrap:anywhere;
}
html body #main .prod-hero .pc-icons li{justify-content:center;padding:0}
html body #main .prod-hero .pc-icons img{width:calc(26px / var(--z))}
html body #main .prod-hero .pc-bub{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(165,180,252,.6);
}
html body #main .prod-hero .pc-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}
html body #main .prod-hero .pc-blue span{color:#fff}

/* --- connector arrows (inline SVG data-URI, no text) --- */
html body #main .prod-hero .pc-arr{
  position:absolute;
  z-index:1;
  width:3%;
  height:calc(10px / var(--z));
  top:38%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E") right center / contain no-repeat;
}
html body #main .prod-hero .pc-a1{left:25.2%}
html body #main .prod-hero .pc-a2{left:57.8%}

/* --- h1 (EN=BN) + accent line --- */
html body #main .prod-hero h1{
  font-size:calc(clamp(34px,3.93vw,56.6px) / var(--z))!important;
  line-height:1.08!important;
}
html body #main .prod-hero h1 em{color:#1d6ff2!important;font-style:normal}

/* --- buttons: same metrics as the Home hero --- */
html body #main .prod-hero .hl .hb .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  height:calc(56px / var(--z))!important;
  min-height:0!important;
  padding:0 calc(30px / var(--z))!important;
  font-size:calc(17px / var(--z))!important;
  font-weight:700!important;
  line-height:1.2!important;
}

/* --- phones --- */
@media (max-width:640px){
  html body #main .prod-hero .pc-art{aspect-ratio:1200/900}
  html body #main .prod-hero .pc-art .pc-base{top:auto!important;bottom:0;height:80%!important}
  html body #main .prod-hero .pc-c1{left:1%;top:2%;width:22%;height:66%}
  html body #main .prod-hero .pc-c2{left:25.5%;top:1%;width:31%;height:72%}
  html body #main .prod-hero .pc-c3{left:59.5%;top:2%;width:39.5%;height:64%}
  html body #main .prod-hero .pc-arr{width:2.5%;top:40%}
  html body #main .prod-hero .pc-a1{left:23%}
  html body #main .prod-hero .pc-a2{left:56.8%}
  html body #main .prod-hero .pc-t,
  html body #main .prod-hero .pc-rows li span{font-size:12px}
  html body #main .prod-hero .pc-rows li img{width:18px}
  html body #main .prod-hero .pc-icons img{width:20px}
  html body #main .prod-hero .pc-card{padding:6px;gap:4px}
  html body #main .prod-hero h1{font-size:30px!important;line-height:1.1!important}
  html body #main .prod-hero .hl .hb .btn{
    height:52px!important;
    padding:0 24px!important;
    font-size:16px!important;
  }
}

/* t3146 hand-fix after script check (Aider round p2h3): cards sized by content, readable glass, rows never overflow */
html body #main .prod-hero .pc-card{height:auto!important;max-height:none!important;overflow:visible!important;
 background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(236,240,255,.86) 60%,rgba(224,231,255,.82))!important;
 border:1px solid rgba(165,180,252,.6)!important;box-shadow:0 12px 30px -14px rgba(79,70,229,.38),0 1px 0 #fff inset!important;
 -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html body #main .prod-hero .pc-rows{flex:none!important;justify-content:flex-start!important}
html body #main .prod-hero .pc-c2 .pc-rows li{background:rgba(255,255,255,.8)!important;border:1px solid rgba(165,180,252,.45)}
html body #main .prod-hero .pc-icons li{background:rgba(255,255,255,.75)!important;padding:calc(3px/var(--z)) 0!important}
@media (max-width:640px){
 html body #main .prod-hero .pc-art{aspect-ratio:1200/1000!important}
 html body #main .prod-hero .pc-base{height:72%!important}
 html body #main .prod-hero .pc-rows{gap:4px!important}
 html body #main .prod-hero .pc-rows li{padding:3px 5px!important;gap:5px!important}
 html body #main .prod-hero .pc-icons li{padding:2px 0!important}
 html body #main .prod-hero .pc-icons img{width:18px!important}
}
@media (max-width:640px){html body #main .prod-hero .pc-c1,html body #main .prod-hero .pc-c3{top:4%!important}html body #main .prod-hero .pc-c2{top:3.5%!important}}

/* ===== t3151 / p2s1 — PRODUCTS SECTION (4 "Our products" cards): zoom-aware type + grid lock =====
   Body is CSS-zoomed (1 / .875 / 1 / 1.25 / 1.40625), so --z is exposed page-wide here and every
   desktop size is written as calc(<visual px> / var(--z)). Hero rules above are untouched. */

/* 1) page-wide --z (mirrors the hero's zoom steps) */
html body #main{--z:1}
@media (min-width:901px) and (max-width:1023.98px){html body #main{--z:.875}}
@media (min-width:1024px) and (max-width:1279.98px){html body #main{--z:1}}
@media (min-width:1280px) and (max-width:1439.98px){html body #main{--z:1.25}}
@media (min-width:1440px){html body #main{--z:1.40625}}

/* 2a) desktop type (>=901px): visual px / --z */
@media (min-width:901px){
  html body #main .products-section h2{
    font-size:calc(40px / var(--z))!important;
    line-height:1.1!important;
  }
  html body #main .products-section h2 + p{
    font-size:calc(17.5px / var(--z))!important;
  }
  html body #main .products-section .card h3{
    font-size:calc(19px / var(--z))!important;
  }
  html body #main .products-section .card p{
    font-size:calc(15.5px / var(--z))!important;
  }
  html body #main .products-section .card li{
    font-size:calc(14px / var(--z))!important;
  }
  html body #main .products-section .card .price{
    font-size:calc(15px / var(--z))!important;
  }
  html body #main .products-section .card .tag{
    font-size:calc(12px / var(--z))!important;
  }
  html body #main .products-section .card .cbtn{
    font-size:calc(15px / var(--z))!important;
  }
}

/* 2b) mobile/tablet type (<=900px): real px, no zoom compensation needed */
@media (max-width:900px){
  html body #main .products-section h2{
    font-size:28px!important;
    line-height:1.1!important;
  }
  html body #main .products-section h2 + p{
    font-size:16px!important;
  }
  html body #main .products-section .card h3{
    font-size:18px!important;
  }
  html body #main .products-section .card p{
    font-size:15px!important;
  }
  html body #main .products-section .card li{
    font-size:14px!important;
  }
  html body #main .products-section .card .price{
    font-size:15px!important;
  }
  html body #main .products-section .card .tag{
    font-size:12px!important;
  }
  html body #main .products-section .card .cbtn{
    font-size:15px!important;
  }
}

/* 3) mobile lock: normal stacked/2-up grid, never a horizontal scroller */
@media (max-width:640px){
  html body #main .products-section .grid.g4{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    padding-bottom:0!important;
  }
}
@media (min-width:641px) and (max-width:900px){
  html body #main .products-section .grid.g4{
    display:grid!important;
    grid-template-columns:repeat(2,1fr)!important;
    gap:14px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    padding-bottom:0!important;
  }
}
@media (max-width:900px){
  html body #main .products-section .card{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
    scroll-snap-align:none!important;
  }
}

/* 4) column counts: 2 up at 901-1279, 4 up from 1280 */
@media (min-width:901px) and (max-width:1279px){
  html body #main .products-section .grid.g4{
    grid-template-columns:repeat(2,1fr)!important;
  }
}
@media (min-width:1280px){
  html body #main .products-section .grid.g4{
    grid-template-columns:repeat(4,1fr)!important;
  }
}

/* 5) dark navy .d card look + icons deliberately left untouched */
html body #main .products-section .cbtn .arr{font-size:calc(15px/var(--z))!important}@media (max-width:900px){html body #main .products-section .cbtn .arr{font-size:15px!important}} /* t3151 hand: arrow glyph >=12px */

/* t3157u VIZ2 applied (founder OK): cards above/beside laptop, real browser screen visible; c1 channel labels desktop only */
html body #main .prod-hero .pc-art{aspect-ratio:1200/860!important;perspective:1100px}
html body #main .prod-hero .pc-base{top:auto!important;bottom:0!important;height:83.7%!important}
html body #main .prod-hero .pc-card{background:linear-gradient(160deg,rgba(255,255,255,.97),rgba(240,244,255,.92))!important;border:1px solid rgba(200,210,250,.9)!important;box-shadow:0 18px 40px -16px rgba(30,50,140,.45),0 1px 0 #fff inset!important;border-radius:calc(18px/var(--z))!important}
html body #main .prod-hero .pc-c1{left:1%!important;top:17%!important;width:23%!important;transform-origin:right center}
html body #main .prod-hero .pc-c2{left:26.5%!important;top:4%!important;width:31%!important}
html body #main .prod-hero .pc-c3{left:60%!important;top:10%!important;width:31%!important;transform-origin:left center}
@keyframes vzL{0%,100%{transform:rotateY(10deg) translateY(0)}50%{transform:rotateY(10deg) translateY(-6px)}}
@keyframes vzR{0%,100%{transform:rotateY(-10deg) translateY(0)}50%{transform:rotateY(-10deg) translateY(-6px)}}
html body #main .prod-hero .pc-c1{animation-name:vzL!important}html body #main .prod-hero .pc-c3{animation-name:vzR!important}
html body #main .prod-hero .pc-icons li{justify-content:flex-start!important;gap:calc(6px/var(--z))!important;padding:calc(3px/var(--z)) calc(6px/var(--z))!important}
html body #main .prod-hero .pc-icons li span{font-size:calc(13px/var(--z));font-weight:600;color:#0B1846}
html body #main .prod-hero .pc-arr{top:30%!important}html body #main .prod-hero .pc-a1{left:24.2%!important;width:2.2%!important}html body #main .prod-hero .pc-a2{left:57.7%!important;width:2.2%!important}
@media (max-width:640px){
 html body #main .prod-hero .pc-art{aspect-ratio:1200/1500!important}
 html body #main .prod-hero .pc-base{height:48%!important}
 html body #main .prod-hero .pc-c1{left:0!important;top:9%!important;width:24%!important}
 html body #main .prod-hero .pc-c2{left:25.5%!important;top:2%!important;width:33%!important}
 html body #main .prod-hero .pc-c3{left:59.5%!important;top:6%!important;width:40.5%!important}
 html body #main .prod-hero .pc-icons li span{display:none}
 html body #main .prod-hero .pc-icons li{justify-content:center!important}
 html body #main .prod-hero .pc-a1{left:23.8%!important;width:1.6%!important}html body #main .prod-hero .pc-a2{left:58.4%!important;width:1.2%!important}}
@media (max-width:640px){html body #main .prod-hero .pc-c1{width:23.2%!important}html body #main .prod-hero .pc-a1{left:23.6%!important;width:1.5%!important}} /* t3157 hand: arrow gap */
@media (max-width:640px){html body #main .prod-hero .pc-c2{width:32.4%!important}html body #main .prod-hero .pc-c3{left:60.4%!important;width:39.6%!important}html body #main .prod-hero .pc-a2{left:58.4%!important;width:1.6%!important}}

/* t3159u font match to Home (hand: Aider job p2f1 replied without editing). Visual px / --z on desktop. */
@media (min-width:901px){
html body #main .prod-hero .lead{font-size:calc(16.9px/var(--z))!important;line-height:1.6!important;font-weight:400!important}
html body #main .prod-hero .eb{font-size:calc(14px/var(--z))!important;font-weight:700!important}
html body #main .prod-hero .hl .checks span{font-size:calc(15.3px/var(--z))!important;font-weight:500!important}
html body #main :is(.products-section,.flow-section,.why-section,.promises-section,.cta) h2{font-size:calc(37.4px/var(--z))!important;font-weight:800!important}
html body #main .products-section .card h3{font-size:calc(18.6px/var(--z))!important;font-weight:700!important}
html body #main .products-section .card p{font-size:calc(16.9px/var(--z))!important;font-weight:400!important}
html body #main .products-section .card li{font-size:calc(15.3px/var(--z))!important;font-weight:400!important}
html body #main .products-section .card .price{font-size:calc(16px/var(--z))!important;font-weight:700!important}
html body #main .products-section .card .cbtn{font-size:calc(14px/var(--z))!important;font-weight:700!important}}
@media (max-width:900px){
html body #main .prod-hero .eb{font-size:13px!important;font-weight:700!important}
html body #main .prod-hero .hl .checks span{font-size:15px!important;font-weight:500!important}
html body #main :is(.products-section,.flow-section,.why-section,.promises-section,.cta) h2{font-size:26px!important;font-weight:800!important}
html body #main .products-section .card h3{font-size:19px!important}
html body #main .products-section .card p{font-size:16px!important}
html body #main .products-section .card li{font-size:16px!important}
html body #main .products-section .card .price{font-size:16px!important}
html body #main .products-section .card .cbtn{font-size:14px!important}}
/* t3151 flow-section bug fixes: text >=12px visual at every width, EN=BN, no overflow */
@media (min-width:901px){
html body #main .flow-section .kick{font-size:calc(14px/var(--z))!important;font-weight:700!important}
html body #main .flow-section .sub{font-size:calc(16.9px/var(--z))!important;line-height:1.6!important}
html body #main .flow-section .fb .h{font-size:calc(15.3px/var(--z))!important;font-weight:700!important;line-height:1.3!important}
html body #main .flow-section .fb .h small{font-size:calc(13px/var(--z))!important}
html body #main .flow-section .fb li{font-size:calc(14px/var(--z))!important;line-height:1.45!important}
html body #main .flow-section .fb .h img.fi{width:calc(36px/var(--z))!important;height:calc(36px/var(--z))!important}
}
@media (max-width:900px){
html body #main .flow-section .kick{font-size:13px!important;font-weight:700!important}
html body #main .flow-section .sub{font-size:16px!important;line-height:1.55!important}
html body #main .flow-section .fb .h{font-size:15px!important;font-weight:700!important}
html body #main .flow-section .fb .h small{font-size:13px!important}
html body #main .flow-section .fb li{font-size:14px!important;line-height:1.45!important}
html body #main .flow-section .flow5{max-width:100%!important;overflow:visible!important}
html body #main .flow-section .fb{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow-wrap:anywhere!important}
}
/* t3151 why/promises/cta bug fixes: text >=12px visual at every width (Home sizes), EN=BN; marble glass on tiles/cards */
html body #main :is(.why-section .wc,.promises-section .pc){background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(236,240,255,.86) 60%,rgba(224,231,255,.82))!important;border:1px solid rgba(165,180,252,.6)!important;box-shadow:0 12px 30px -14px rgba(79,70,229,.38),0 1px 0 #fff inset!important;border-radius:calc(16px/var(--z))!important}
@media (min-width:901px){
html body #main :is(.why-section,.promises-section) .kick{font-size:calc(14px/var(--z))!important;font-weight:700!important}
html body #main .why-section .wc b{font-size:calc(16px/var(--z))!important;font-weight:700!important}
html body #main .why-section .wc p{font-size:calc(14px/var(--z))!important;line-height:1.45!important}
html body #main .why-section .wc img.wi{width:calc(40px/var(--z))!important;height:calc(40px/var(--z))!important}
html body #main .promises-section .pc q{font-size:calc(14px/var(--z))!important;line-height:1.5!important}
html body #main .promises-section .pc b{font-size:calc(15px/var(--z))!important;font-weight:700!important}
html body #main .promises-section .pc small{font-size:calc(12.5px/var(--z))!important}
html body #main .cta p{font-size:calc(16px/var(--z))!important;line-height:1.5!important}
html body #main .cta .btn{font-size:calc(16px/var(--z))!important;font-weight:700!important}
html body #main .cta .btn .arr{font-size:calc(16px/var(--z))!important}
}
@media (max-width:900px){
html body #main :is(.why-section,.promises-section) .kick{font-size:13px!important;font-weight:700!important}
html body #main .why-section .wc b{font-size:16px!important}
html body #main .why-section .wc p{font-size:14px!important;line-height:1.45!important}
html body #main .promises-section .pc q{font-size:14px!important;line-height:1.5!important}
html body #main .promises-section .pc b{font-size:15px!important}
html body #main .promises-section .pc small{font-size:12.5px!important}
html body #main .cta p{font-size:15px!important}
html body #main .cta .btn,html body #main .cta .btn .arr{font-size:16px!important}
html body #main :is(.why-section .wc,.promises-section .pc){min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
}

/* t3169u: same VIZ2 art + cards, scaled up a little (visual transform only, no layout push, no h-scroll) */
html body .prod-hero .pc-art { transform: scale(1.06); transform-origin: 60% 100%; }
@media (max-width: 900px) { html body .prod-hero .pc-art { transform: scale(1.08); transform-origin: 50% -30px; margin-top: 0; margin-bottom: 15%; } }
/* t3217u promises legibility (Products only; this stylesheet loads only on /{en,bn}/products/) */
html body #main .promises-section .kick{color:#1E1B4B!important;font-size:calc(15px/var(--z))!important;letter-spacing:.08em!important;font-weight:800!important}
html body #main .promises-section .pc::before,html body #main .promises-section .pc::after{display:none!important}
html body #main .promises-section .pc{background:linear-gradient(160deg,#fff,rgba(240,243,255,.97))!important}
html body #main .promises-section .pc q{color:#1F2A55!important}
html body #main .promises-section .pc small{color:#3730A3!important;font-weight:600!important;font-size:calc(14px/var(--z))!important;opacity:1!important}
@media (max-width:900px){
html body #main .promises-section .kick{font-size:14px!important}
html body #main .promises-section .pc small{font-size:14px!important}
}