.business-focus{background:#fff;color:#222;padding:136px 6vw;scroll-margin-top:70px;overflow:hidden}
.focus-inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:6%}
.focus-intro>p{margin:0 0 22px;color:#999;font-size:20px;font-weight:500;letter-spacing:-.04em}
.focus-intro h2{margin:0;font-size:clamp(30px,3.1vw,48px);font-weight:400;line-height:1.45;letter-spacing:-.055em;word-break:keep-all}
.focus-intro strong{font-weight:700}
.focus-conversation{position:relative;min-height:290px;padding:10px 62px 20px 54px}
.focus-chat[hidden]{display:none}
.focus-chat.is-current{animation:focus-chat-in .65s both}
.focus-question,.focus-answer{position:relative;margin:0;width:fit-content;max-width:100%;padding:22px 28px;border-radius:28px;font-size:clamp(16px,1.5vw,22px);font-weight:500;line-height:1.65;letter-spacing:-.04em;word-break:keep-all}
.focus-question{background:#f3f3f3;margin-bottom:24px}
.focus-answer{margin-left:14px;background:#ff5400;color:#fff;box-shadow:0 12px 32px #ff540018}
.focus-answer strong{font-weight:700}
.focus-question:after,.focus-answer:after{content:"";position:absolute;width:20px;height:20px;bottom:1px;background:inherit}
.focus-question:after{left:4px;clip-path:polygon(0 0,100% 30%,0 100%);transform:translate(-8px,6px)}
.focus-answer:after{right:4px;clip-path:polygon(100% 0,100% 100%,0 30%);transform:translate(8px,6px)}
.focus-avatar{position:absolute;display:grid;place-items:center;border-radius:50%;width:58px;height:58px}
.focus-client{left:-14px;top:84px;background:#f3f3f3}
.focus-client svg{width:42px;height:42px;stroke:#777;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.focus-brand{right:-3px;top:219px;background:#222}
.focus-brand img{width:43px;height:auto}
@keyframes focus-chat-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.business-focus{padding-top:160px;padding-bottom:160px}.focus-conversation{min-height:310px}.focus-brand{top:239px}}
@media(max-width:900px){.focus-inner{gap:36px;grid-template-columns:1fr}.business-focus{padding:90px 7vw}.focus-intro{text-align:center}.focus-conversation{width:100%;max-width:650px;margin:0 auto;min-height:280px}.focus-question,.focus-answer{font-size:19px}.focus-intro h2{font-size:38px}.focus-brand{top:219px}}
@media(max-width:520px){.business-focus{padding:76px 22px 62px}.focus-inner{gap:38px}.focus-intro>p{font-size:15px;margin-bottom:16px}.focus-intro h2{font-size:29px}.focus-conversation{padding:0 28px 30px;min-height:285px}.focus-question,.focus-answer{padding:19px 20px;font-size:16px;border-radius:23px}.focus-answer{margin-left:8px}.focus-avatar{width:38px;height:38px}.focus-client{left:-9px;top:79px}.focus-client svg{width:30px;height:30px}.focus-brand{right:-8px;top:211px}.focus-brand img{width:28px}}
@media(prefers-reduced-motion:reduce){.focus-chat.is-current{animation:none}}
/* Long, low speech bubbles with a curved tail flowing out of the rounded body. */
.focus-inner{grid-template-columns:.86fr 1.25fr;gap:4%}
.focus-conversation{padding:10px 28px 45px 48px;min-height:250px}
.focus-question,.focus-answer{padding:22px 30px;border-radius:50px;font-size:clamp(16px,1.45vw,21px);line-height:1.65}
.focus-question{width:92%;margin-bottom:28px}
.focus-answer{width:100%;margin-left:16px;box-shadow:none}
.focus-question:after,.focus-answer:after{width:32px;height:30px;bottom:-9px;clip-path:none;transform:none;background:inherit;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 30'%3E%3Cpath d='M0 0H23C21 13 25 23 32 30C17 27 5 20 0 10Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.focus-question:after{left:6px;transform:scaleX(-1)}
.focus-answer:after{right:6px}
.focus-client{left:-16px;top:80px}
.focus-brand{right:-38px;top:193px}
@media(min-width:1600px){.focus-conversation{min-height:250px}.focus-brand{top:193px}}
@media(max-width:900px){.focus-inner{grid-template-columns:1fr;gap:38px}.focus-conversation{padding:10px 38px 45px 48px}.focus-brand{right:-12px}.focus-question,.focus-answer{font-size:19px}}
@media(max-width:520px){.focus-conversation{padding:0 18px 38px 25px;min-height:275px}.focus-question,.focus-answer{font-size:16px;padding:18px 22px;border-radius:34px}.focus-question{width:96%;margin-bottom:28px}.focus-answer{margin-left:8px}.focus-client{left:-12px;top:79px}.focus-brand{right:-12px;top:auto;bottom:9px}.focus-question:after,.focus-answer:after{width:26px;height:25px;bottom:-7px}}
.focus-intro h2{font-size:clamp(36px,3.9vw,60px);line-height:1.4}
@media(max-width:900px){.focus-intro h2{font-size:46px}}
@media(max-width:520px){.focus-intro h2{font-size:34px}}
.focus-client{overflow:hidden}
.focus-client>img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transform:scale(1.18);transform-origin:50% 28%}
/* Reserve the tallest conversation so changing bubbles never moves later sections. */
.focus-conversation{display:grid;align-items:start}
.focus-chat{grid-area:1 / 1}
.focus-chat[hidden]{display:block;visibility:hidden;pointer-events:none}
/* Permanent bubbles: only their text changes; all variants reserve identical space. */
.focus-chat.is-current{animation:none}
.focus-question,.focus-answer{display:grid;align-items:center}
.focus-bubble-text{grid-area:1 / 1;display:block}
.focus-bubble-text[hidden]{display:block;visibility:hidden;pointer-events:none}