/* Language control is independent of navigation and works without JavaScript. */
.language-bar{position:relative;z-index:40;background:#edf3e7;border-bottom:1px solid #dce7d5}
.language-bar>.shell{display:flex;justify-content:flex-end;align-items:center;gap:12px;min-height:43px}
.language-caption{font-size:11px;color:#55694d}.language-picker{position:relative;font-size:12px}
.language-picker summary{display:flex;align-items:center;gap:8px;min-height:38px;cursor:pointer;list-style:none;font-weight:650;padding:5px 8px;border-radius:8px}
.language-picker summary::-webkit-details-marker{display:none}.language-picker summary:hover{background:#dfead6}
.language-picker svg{fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.language-picker nav{position:absolute;right:0;top:calc(100% + 5px);width:210px;padding:7px;border-radius:13px;background:white;border:1px solid #dce7d5;box-shadow:0 12px 35px #173d2520}
.language-picker nav a{display:block;padding:10px 13px;border-radius:8px;line-height:1.5}
.language-picker nav a:hover,.language-picker nav a[aria-current]{background:#e8f3e1;color:#17693e}
.language-picker nav a[aria-current]::after{content:'✓';float:right;color:#007c41}
html:lang(hi) body{font-family:'Nirmala UI','Kohinoor Devanagari','Mangal',sans-serif}
html:lang(zh) body{font-family:'PingFang SC','Microsoft YaHei',sans-serif}
html:not(:lang(ja)) .lp-hero h1{font-size:clamp(36px,4.1vw,58px);letter-spacing:-1.3px;line-height:1.35}
html:not(:lang(ja)) .lp-hero h1 em{white-space:normal;overflow-wrap:anywhere}
html:lang(hi) .lp-hero h1,html:lang(hi) .lp-section h2{letter-spacing:0;line-height:1.6}
.lp-note{max-width:230px;overflow-wrap:anywhere}.lp-phone .lp-chat-head>div{min-width:0}
.lp-inbox-row b{flex-shrink:0}.lp-inbox-row span{min-width:0}.lp-benefit-bar>div,.mobile-download>span{min-width:0}
html:not(:lang(ja)) .lp-hero-actions,html:not(:lang(ja)) .lp-assurances{flex-wrap:wrap}
html:not(:lang(ja)) .lp-preview-description{min-height:100px}
@media(max-width:1100px){html:not(:lang(ja)).js-ready .menu-button{display:block}html:not(:lang(ja)).js-ready .nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px;border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:stretch;gap:8px}html:not(:lang(ja)).js-ready .nav.open{display:flex}}
@media(max-width:640px){html:not(:lang(ja)) .lp-hero h1{font-size:clamp(30px,8.5vw,45px)}html:not(:lang(ja)) .lp-hero-actions{gap:12px}.lp-note{max-width:145px}html:not(:lang(ja)) .mobile-download{gap:8px;padding-inline:12px}html:not(:lang(ja)) .mobile-download .button{max-width:52%;padding:10px 12px;gap:8px;flex-shrink:0}html:not(:lang(ja)) .mobile-download strong{font-size:11px}html:lang(hi) .lp-phone .lp-chat-bubble{line-height:1.65}}

/* Let translated message lengths determine the phone illustration height. */
html:not(:lang(ja)) .lp-hero-art{height:auto;min-height:642px;padding:26px 53px 65px 0;display:flex;align-items:flex-start;justify-content:flex-end}
html:not(:lang(ja)) .lp-phone{position:relative;top:auto;right:auto;flex-shrink:0}
@media(max-width:1100px){html:not(:lang(ja)) .lp-hero-art{padding-right:25px;min-height:660px}}
@media(max-width:850px){html:not(:lang(ja)) .lp-hero-art{padding:36px 0 65px;min-height:550px}}
@media(max-width:640px){html:not(:lang(ja)) .lp-hero-art{padding:30px 30px 65px 0;min-height:530px}}
@media(max-width:360px){html:not(:lang(ja)) .lp-hero-art{padding-right:12px}}