/* Chats hero: clean background and explicit reading-direction alignment. */
html body #app :is(.c9-hero-copy,.story-design-chats .product-story-copy){display:flex;flex-direction:column;align-items:flex-start;text-align:start}
html body #app :is(.c9-hero-copy,.story-design-chats .product-story-copy)>:is(h1,p,.c9-label,.eyebrow){text-align:start;margin-inline:0!important}
html body #app :is(.c9-hero-copy .c9-actions,.story-design-chats .product-story-copy .hero-actions){display:flex;align-items:center;justify-content:flex-start;gap:16px;margin-inline:0;flex-wrap:wrap}
html[lang="ar"] body #app .c9-hero-copy{direction:rtl;align-items:flex-start;text-align:right}
html[lang="ar"] body #app .c9-hero-copy>:is(h1,p,.c9-label){text-align:right!important}
html[lang="ar"] body #app .c9-hero-copy h1{margin-bottom:16px;font-weight:700;color:#102c25}
html[lang="ar"] body #app .c9-hero-copy>p{max-width:36rem!important;margin-top:0!important;margin-bottom:32px!important;line-height:1.8!important;color:#587267}
html[lang="ar"] body #app .c9-hero-copy .c9-actions{direction:rtl;flex-direction:row;margin-top:0}
html[lang="ar"] body #app .c9-hero-copy>.c9-label{justify-content:flex-start}
html:not([lang="ar"]) body #app :is(.c9-hero-copy,.story-design-chats .product-story-copy){direction:ltr;text-align:left}