.lang-bn { display: none !important; }
.lang-toggle { min-width: 66px; padding: 9px 12px; border: 1px solid #20251f; border-radius: 22px; background: transparent; color: #20251f; cursor: pointer; font-weight: 700; }
.lang-toggle:hover { background: #20251f; color: #fffaf0; }
.conversation-starter { display: inline-block; margin-bottom: 14px; padding: 6px 11px; background: #dfa92f; color: #20251f; font-size: 15px; font-weight: 700; transform: rotate(-1deg); }
.phrase-reel { position: absolute; z-index: 4; top: -28px; left: -10%; width: 78%; min-height: 104px; padding: 15px 19px 17px; background: #aa392c; color: white; text-align: left; box-shadow: 10px 10px 0 #dfa92f; transition: transform .35s ease, background-color .35s ease; }
.phrase-reel::after { content: ""; position: absolute; left: 34px; bottom: -14px; border: 15px solid transparent; border-top-color: #aa392c; border-left: 0; transform: skewX(-18deg); }
.phrase-reel small { display: block; margin-bottom: 5px; color: #f3c95c; font-size: 8px; font-weight: 700; letter-spacing: 1.4px; }
.phrase-reel.is-changing { transform: translateY(-6px) rotate(-1deg); background: #aa392c; }
.phrase-reel strong, .phrase-reel span { display: block; }
.phrase-reel strong { font-size: clamp(19px, 2vw, 28px); line-height: 1.25; }
.phrase-reel span { margin-top: 4px; color: #fff3e7; font-size: 12px; }
body[data-language="bn"] { font-size: 17px; }
body[data-language="bn"] .lang-en { display: none !important; }
body[data-language="bn"] .lang-bn { display: inline !important; }
body[data-language="bn"] h1, body[data-language="bn"] h2, body[data-language="bn"] h3 { line-height: 1.22; letter-spacing: 0; }
body[data-language="bn"] .hero h1 { font-size: clamp(58px, 7vw, 104px); }
body[data-language="bn"] .path-card .lang-bn, body[data-language="bn"] p > .lang-bn { display: block !important; }
@media (max-width: 900px) { .lang-toggle { margin-left: auto; } .phrase-reel { top: -20px; left: -5%; width: 76%; } }
@media (max-width: 560px) { .lang-toggle { min-width: 56px; padding: 8px; font-size: 12px; } .conversation-starter { font-size: 13px; } .phrase-reel { top: -16px; left: -3%; width: 88%; min-height: 92px; padding: 12px 14px 14px; } .phrase-reel strong { font-size: 18px; } }