/* Product body and explicit preview-only chrome fixes; public site defaults stay unchanged. */
/* Keep the full product CTA. The shared fit() can tighten/wrap links or use the
   existing mobile menu, but must not reduce this app's download label to an icon. */
.bl-appsite-shell #nav-cta-text{display:inline!important;}
.bl-appsite-shell #nav-desktop .nav-link{flex-shrink:0;overflow:visible;text-overflow:clip;}
/* Native names are multilingual even when their surrounding page is not. Prefer
   script-aware fonts instead of the page-language-dependent last-resort font.
   These are local OS fallbacks: no new network requests or changed label text. */
.bl-appsite-shell #lang-modal a[data-to-language]{letter-spacing:normal;}
.bl-appsite-shell #lang-modal a:is([data-to-language='ar'],[data-to-language='fa'],[data-to-language='ku'],[data-to-language='pa-PK'],[data-to-language='sd'],[data-to-language='ur']){font-family:'Noto Naskh Arabic','Noto Sans Arabic','Segoe UI',Tahoma,'Geeza Pro',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='he']{font-family:'Noto Sans Hebrew','Arial Hebrew','Segoe UI',Arial,sans-serif;}
.bl-appsite-shell #lang-modal a:is([data-to-language='hi'],[data-to-language='mr'],[data-to-language='mx']){font-family:'Noto Sans Devanagari','Nirmala UI','Devanagari Sangam MN',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='gi']{font-family:'Noto Sans Gujarati','Nirmala UI','Gujarati Sangam MN',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='km']{font-family:'Noto Sans Kannada','Nirmala UI','Kannada Sangam MN',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='bn']{font-family:'Noto Sans Bengali','Nirmala UI','Bangla Sangam MN',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='or']{font-family:'Noto Sans Oriya','Nirmala UI','Oriya Sangam MN',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='pa-IN']{font-family:'Noto Sans Gurmukhi','Nirmala UI','Gurmukhi MN',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='ta']{font-family:'Noto Sans Tamil','Nirmala UI','Tamil Sangam MN',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='te']{font-family:'Noto Sans Telugu','Nirmala UI','Telugu Sangam MN',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='my']{font-family:'Noto Sans Myanmar','Myanmar Text','Myanmar Sangam MN',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='th']{font-family:'Noto Sans Thai','Leelawadee UI','Thonburi',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='am']{font-family:'Noto Sans Ethiopic','Nyala','Kefa',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='ka']{font-family:'Noto Sans Georgian','Sylfaen',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='hy']{font-family:'Noto Sans Armenian','Sylfaen',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='ja']{font-family:'Noto Sans CJK JP','Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='ko']{font-family:'Noto Sans CJK KR','Malgun Gothic','Apple SD Gothic Neo',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='zh-CN']{font-family:'Noto Sans CJK SC','Microsoft YaHei','PingFang SC',sans-serif;}
.bl-appsite-shell #lang-modal a[data-to-language='zh-TW']{font-family:'Noto Sans CJK TC','Microsoft JhengHei','PingFang TC',sans-serif;}
.bl-app-microsite :where(:not(svg):not(svg *)) { all: revert; box-sizing: border-box; }
.bl-app-microsite{--bg: #fffdf9;
  --cream: #f7f0e4;
  --tint: #eef4fb;
  --ink: #14171c;
  --muted: #4b5260;
  --line: #e6dfd3;
  --blue: #1565c0;
  --blue-press: #0f4f99;
  --amber: #ffb300;
  --green: #2e7d32;
  --wrap: 1180px;
  --radius: 18px;
  --font: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;}
.bl-app-microsite *,.bl-app-microsite *::before,.bl-app-microsite *::after{box-sizing: border-box;}
.bl-app-microsite{-webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 84px;}
.bl-app-microsite{margin: 0; background: var(--bg); color: var(--ink); font: 400 18px/1.6 var(--font); overflow-x: clip;}
.bl-app-microsite img{max-width: 100%; height: auto; display: block;}
.bl-app-microsite a{color: var(--blue);}
.bl-app-microsite h1,.bl-app-microsite h2,.bl-app-microsite h3{margin: 0; line-height: 1.12; letter-spacing: -0.02em; text-wrap: balance;}
.bl-app-microsite h1{font-size: clamp(36.8px, 4.6vw, 57.6px); font-weight: 800; line-height: 1.05; letter-spacing: -0.03em;}
.bl-app-microsite h2{font-size: clamp(29.6px, 3.4vw, 44px); font-weight: 800;}
.bl-app-microsite h3{font-size: 20.48px; font-weight: 700; letter-spacing: -0.01em;}
.bl-app-microsite p{margin: 0;}
.bl-app-microsite .lead{font-size: clamp(17.28px, 1.5vw, 19.52px); color: var(--muted);}
.bl-app-microsite .wrap{width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: clamp(20px, 4vw, 40px);}
.bl-app-microsite .narrow > *{max-width: 820px;}
.bl-app-microsite :focus-visible{outline: 3px solid var(--blue); outline-offset: 3px; border-radius: 6px;}
.bl-app-microsite .skip{position: absolute; inset-inline-start: 12px; top: -60px; z-index: 50; background: var(--ink); color: #fff; padding: 10px 16px; border-radius: 10px; text-decoration: none;}
.bl-app-microsite .skip:focus{top: 12px;}
.bl-app-microsite .btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; min-width: 0; max-width: 100%; padding: 12px 26px; border-radius: 14px; border: 2px solid var(--blue); background: var(--blue); color: #fff; font: 700 16.96px/1.2 var(--font); text-decoration: none; white-space: normal; text-align: center; transition: background .15s, border-color .15s;}
.bl-app-microsite .btn:hover{background: var(--blue-press); border-color: var(--blue-press);}
.bl-app-microsite .btn svg{width: 22px; height: 22px; flex: none;}
.bl-app-microsite .btn-ghost{background: transparent; color: var(--ink); border-color: rgba(20, 23, 28, .22);}
.bl-app-microsite .btn-ghost:hover{background: rgba(20, 23, 28, .05); border-color: rgba(20, 23, 28, .35);}
.bl-app-microsite .btn-sm{min-height: 44px; padding: 10px 18px; font-size: 15.68px; border-radius: 12px;}
.bl-app-microsite .hero{position: relative; background: #efe6d6; overflow: hidden;}
.bl-app-microsite .hero-in{display: flex; flex-direction: column; padding-bottom: 44px;}
.bl-app-microsite .hero-pic{order: -1; margin: 0 calc(-1 * clamp(20px, 4vw, 40px)) 28px;}
.bl-app-microsite .hero-pic img{width: 100%; aspect-ratio: 900 / 690; object-fit: cover; object-position: 50% 40%;}
@media (min-width: 600px) and (max-width: 899px){.bl-app-microsite .hero-pic img{aspect-ratio: 16 / 10;}
}
.bl-app-microsite .hero-copy{max-width: 620px;}
.bl-app-microsite .eyebrow{font-weight: 600; color: var(--muted); margin-bottom: 14px; font-size: 16px;}
.bl-app-microsite .hero h1{margin-bottom: 18px;}
.bl-app-microsite .hero .lead{color: #353b46; margin-bottom: 28px; max-width: 34em;}
.bl-app-microsite .actions{display: flex; flex-wrap: wrap; gap: 12px;}
.bl-app-microsite .note{margin-top: 18px; color: var(--muted); font-size: 16px;}
@media (min-width: 900px) and (max-width: 1279px){.bl-app-microsite .hero-in{display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 48px; align-items: center; padding-block: 56px;}
.bl-app-microsite .hero-pic{order: 0; margin: 0;}
.bl-app-microsite .hero-pic img{border-radius: 24px;}
}
@media (min-width: 1280px){.bl-app-microsite .hero{min-height: min(46vw, 760px); display: flex; align-items: center;}
.bl-app-microsite .hero-in{display: block; padding-block: 80px;}
.bl-app-microsite .hero-pic{position: absolute; inset: 0; margin: 0;}
.bl-app-microsite .hero-pic img{height: 100%; aspect-ratio: auto; object-position: 70% 15%;}
.bl-app-microsite .hero::after{content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(244, 238, 228, .92) 0%, rgba(244, 238, 228, .7) 38%, rgba(244, 238, 228, 0) 58%); pointer-events: none;}
.bl-app-microsite .hero-copy{position: relative; z-index: 1; max-width: 500px;}
/* The photograph is not mirrored: RTL copy stays in its clear left-hand area. */
.bl-app-microsite[dir='rtl'] .hero-copy{margin-left: 0; margin-right: auto;}
}
.bl-app-microsite .sec{padding-block: clamp(64px, 9vw, 112px);}
.bl-app-microsite .sec-tint{background: var(--tint);}
.bl-app-microsite .sec-cream{background: var(--cream);}
.bl-app-microsite .sec-head{max-width: 760px; margin-bottom: clamp(32px, 5vw, 56px);}
.bl-app-microsite .sec-head .lead{margin-top: 14px;}
.bl-app-microsite #how h2{margin-bottom: 40px;}
.bl-app-microsite .steps{list-style: none; margin: 0; padding: 0; display: grid; gap: 0;}
.bl-app-microsite .steps li{position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 20px; padding-bottom: 36px;}
.bl-app-microsite .steps li:last-child{padding-bottom: 0;}
.bl-app-microsite .steps li:not(:last-child)::before{content: ''; position: absolute; inset-inline-start: 27px; top: 60px; bottom: 6px; width: 2px; background: #c9d9ee;}
.bl-app-microsite .steps .num{display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--blue); color: #fff; font-weight: 800; font-size: 22.4px;}
.bl-app-microsite .steps h3{margin: 12px 0 8px; font-size: 22.08px;}
.bl-app-microsite .steps p{color: var(--muted);}
.bl-app-microsite .phone{position: relative; margin: 0; width: 100%; max-width: 270px; padding: 9px; background: #101114; border-radius: 34px; box-shadow: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 24px 48px -18px rgba(20, 23, 28, .45);}
.bl-app-microsite .phone img{width: 100%; border-radius: 26px; background: #000;}
.bl-app-microsite .role{position: absolute; top: 0; transform: translateY(-50%); inset-inline-start: 18px; max-width: calc(100% - 36px); z-index: 1; padding: 5px 12px; border-radius: 9px; font-size: 13.6px; font-weight: 700; line-height: 1.2; white-space: normal; text-align: center; box-shadow: 0 4px 10px rgba(20, 23, 28, .18);}
.bl-app-microsite .role-helper{background: var(--blue); color: #fff;}
.bl-app-microsite .role-senior{background: var(--amber); color: #1d1600;}
.bl-app-microsite .row{display: grid; gap: 40px; align-items: center;}
.bl-app-microsite .row + .row{margin-top: clamp(72px, 10vw, 120px);}
.bl-app-microsite .row-copy h2{margin-bottom: 16px;}
.bl-app-microsite .phones{display: flex; justify-content: center; align-items: flex-start; gap: 18px; padding-top: 14px;}
.bl-app-microsite .phones .phone{flex: 0 1 270px;}
.bl-app-microsite .phones .phone-back{margin-top: 48px;}
@media (max-width: 599px){.bl-app-microsite .phones{gap: 12px;}
.bl-app-microsite .phones .phone{border-radius: 26px; padding: 7px;}
.bl-app-microsite .phones .phone img{border-radius: 20px;}
.bl-app-microsite .phones .phone:only-child{flex-basis: 240px;}
.bl-app-microsite .phones .phone-back{margin-top: 32px;}
.bl-app-microsite .role{font-size: 12.48px; padding: 4px 9px; inset-inline-start: 12px; max-width: calc(100% - 24px);}
}
@media (min-width: 900px){.bl-app-microsite .row{grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 64px;}
.bl-app-microsite .row-flip .row-copy{order: 2;}
.bl-app-microsite .row-copy{max-width: 500px;}
}
.bl-app-microsite .safe{list-style: none; margin: 0; padding: 0; display: grid; gap: 56px;}
.bl-app-microsite .safe li{display: grid; justify-items: center; text-align: center;}
.bl-app-microsite .safe .phone-sm{max-width: 200px; margin-bottom: 26px;}
@media (min-width: 900px){.bl-app-microsite .safe .phone-sm{max-width: 230px;}
}
.bl-app-microsite .safe h3{margin-bottom: 8px;}
.bl-app-microsite .safe p{color: var(--muted); max-width: 30em;}
@media (min-width: 900px){.bl-app-microsite .safe{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px;}
}
.bl-app-microsite .facts{list-style: none; margin: clamp(48px, 7vw, 72px) 0 0; padding: 28px clamp(20px, 3vw, 36px); display: grid; gap: 16px 40px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius);}
.bl-app-microsite .facts li,.bl-app-microsite .plan li{display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 12px; align-items: start;}
.bl-app-microsite .check{width: 26px; height: 26px; margin-top: 1px; color: var(--green);}
@media (min-width: 760px){.bl-app-microsite .facts{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
.bl-app-microsite .plans{list-style: none; margin: 0; padding: 0; display: grid; gap: 20px;}
.bl-app-microsite .plan{display: flex; flex-direction: column; padding: 30px 28px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius);}
.bl-app-microsite .plan h3{font-size: 25.6px; margin-bottom: 20px;}
.bl-app-microsite .plan h3 small{display: block; margin-top: 4px; font-size: 16px; font-weight: 500; color: var(--muted); letter-spacing: 0;}
.bl-app-microsite .plan ul{list-style: none; margin: 0; padding: 0; display: grid; gap: 12px;}
.bl-app-microsite .plan-note{margin-top: auto; padding-top: 20px; color: var(--muted); font-size: 16px;}
.bl-app-microsite .plan-gold{border: 2px solid var(--amber);}
.bl-app-microsite .plans-more{margin-top: 28px; color: var(--muted); max-width: 46em;}
@media (min-width: 900px){.bl-app-microsite .plans{grid-template-columns: repeat(3, minmax(0, 1fr));}
}
.bl-app-microsite #faq h2{margin-bottom: 28px;}
.bl-app-microsite .faq details{border-bottom: 1px solid var(--line);}
.bl-app-microsite .faq details:first-child{border-top: 1px solid var(--line);}
.bl-app-microsite .faq summary{position: relative; display: block; padding: 22px 48px 22px 0; cursor: pointer; list-style: none; font-weight: 700; font-size: 18.4px;}
.bl-app-microsite .faq summary::-webkit-details-marker{display: none;}
.bl-app-microsite .faq summary::after{content: ''; position: absolute; inset-inline-end: 6px; top: 50%; width: 14px; height: 14px; margin-top: -10px; border-right: 2.5px solid var(--ink); border-bottom: 2.5px solid var(--ink); transform: rotate(45deg); transition: transform .2s;}
.bl-app-microsite .faq details[open] summary::after{transform: rotate(-135deg); margin-top: -3px;}
.bl-app-microsite .faq details p{padding: 0 0 24px; color: var(--muted); max-width: 44em;}
.bl-app-microsite[dir='rtl'] .faq summary{padding: 22px 0 22px 48px;}
.bl-app-microsite .faq-answer{padding-bottom:24px; color:var(--muted); max-width:44em;}
.bl-app-microsite .faq .faq-answer p{padding:0;}
.bl-app-microsite .faq-answer > * + *{margin-top:16px;}
.bl-app-microsite .faq-answer ul,.bl-app-microsite .faq-answer ol{margin-bottom:0; padding-inline-start:24px;}
.bl-app-microsite .faq-answer li + li{margin-top:12px;}
.bl-app-microsite .faq-answer ol{margin-top:10px;}
.bl-app-microsite .faq-answer strong{color:var(--ink);}
.bl-app-microsite .faq-answer a{text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere;}
.bl-app-microsite .final{padding-block: clamp(64px, 9vw, 104px);}
.bl-app-microsite .final-cta{display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; gap: 16px;}
.bl-app-microsite .final-cta > *{min-width: 0; max-width: 100%;}
.bl-app-microsite .final-cta img{width: 96px; height: 96px; border-radius: 22px; margin-bottom: 4px;}
.bl-app-microsite .final-cta p{color: var(--muted); margin-bottom: 8px;}
.bl-app-microsite .family{margin-top: clamp(56px, 8vw, 88px); padding-top: 40px; border-top: 1px solid var(--line);}
.bl-app-microsite .family h3{text-align: center; margin-bottom: 28px;}
.bl-app-microsite .family ul{list-style: none; margin: 0; padding: 0; display: grid; gap: 20px;}
.bl-app-microsite .family li{display: flex; align-items: center; gap: 14px;}
.bl-app-microsite .family img{width: 56px; height: 56px; flex: none; border-radius: 14px;}
.bl-app-microsite .family strong{display: block; font-size: 16.8px;}
.bl-app-microsite .family span{color: var(--muted); font-size: 16px; line-height: 1.4;}
.bl-app-microsite .family strong{color: var(--ink);}
@media (min-width: 640px){.bl-app-microsite .family ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (min-width: 1040px){.bl-app-microsite .family ul{grid-template-columns: repeat(4, minmax(0, 1fr));}
}

.bl-app-microsite { display:block; margin:0; scroll-margin-top:96px; }
.bl-app-microsite section[id] { scroll-margin-top:96px; }
.bl-app-microsite .product-identity { display:flex; align-items:center; gap:10px; font-size:20px; font-weight:800; margin:0 0 16px; line-height:1.2; }
.bl-app-microsite .product-identity img { width:36px; height:36px; border-radius:9px; }
.bl-app-microsite .product-legal { border-top:1px solid var(--line); padding-block:24px; font-size:14px; color:var(--muted); }
.bl-app-microsite .product-legal-links { display:flex; flex-wrap:wrap; gap:8px 22px; margin-bottom:8px; }
.bl-app-microsite .product-legal-links a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; }
.bl-app-microsite .product-legal-links a:hover { text-decoration:underline; }
.bl-app-microsite:lang(my) :is(h1,h2,h3){line-height: 1.5; letter-spacing: normal;}
@media (prefers-reduced-motion:reduce) { .bl-app-microsite * { transition:none; } }
