/* Hero motion stays inside one native conversation and one stable composer. */
[data-usecase-hero] .tb-text { display:grid; }
[data-usecase-hero] .tb-text .landing-candidate { display:block; grid-area:1 / 1; visibility:hidden; opacity:0; }
[data-usecase-hero] .tb-text .landing-candidate.is-selected { visibility:visible; opacity:1; }
.usecase-hero-benefit { max-width:760px; margin:20px auto 0; color:var(--ink); font-size:16px; line-height:1.5; font-weight:500; text-align:center; }
.usecase-hero-fact { border-radius:3px; background:#9fdaaa38; color:inherit; }
.usecase-reply-hero .usecase-motion-scene { min-height:420px; height:auto; overflow:visible; padding-block:36px; }
.usecase-hero-message-header { display:flex; align-items:center; gap:12px; margin:0 0 22px; color:#304d3d; font-size:16px; line-height:1.4; }
.usecase-hero-message-header strong,.usecase-hero-message-header span { display:block; }
.usecase-hero-message-header span { margin-top:3px; font-size:13px; color:#53675b; }
.usecase-reply-hero .landing-original { display:block; margin:0 0 24px; padding:18px; border:0; border-radius:16px; background:#ffffffd9; text-align:left; }
.usecase-reply-hero .landing-original p { margin:0; color:#263a30; font-size:16px; line-height:1.5; }
.usecase-reply-hero .landing-original q::before,.usecase-reply-hero .landing-original q::after { content:none; }
.social-film[data-usecase-hero]:not([data-platform=reddit]) { height:auto; min-height:520px; padding-block:32px; }
.social-film[data-usecase-hero] .social-film-suggestion { position:absolute; left:auto; right:0; top:0; bottom:auto; margin:0; }
.social-film[data-usecase-hero] .social-film-reply-unit { padding:0; right:auto; transform-origin:top left; }
.social-film[data-usecase-hero] .social-film-reply-unit > .landing-close { top:-18px; right:-10px; }
.social-film[data-usecase-hero] .social-passive-input { height:58px; min-height:58px; max-height:58px; }
.social-film[data-usecase-hero] .social-film-reply-unit .tb-reply { font-size:18px; }
.social-film[data-usecase-hero] .social-film-peek { opacity:.35; }
@media(max-width:600px) {
  .usecase-reply-hero .usecase-motion-scene { padding-block:28px; }
  .usecase-reply-hero .landing-original { padding:16px; }
  .usecase-hero-benefit { margin-top:16px; font-size:15px; }
  .social-film[data-usecase-hero]:not([data-platform=reddit]) { padding-block:28px; }
}