.brief-showcase{border:1px solid #d9e5dc;border-radius:24px;background:#fff;padding:28px 34px;color:#214334;box-shadow:0 12px 38px -34px #043d3133}.brief-showcase-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px}.brief-showcase-top>span{font-size:9px;letter-spacing:1.4px;color:#8a9c8f}.brief-animation-toggle{border:0;background:none;font:inherit;color:#7d9283;font-size:10px;cursor:pointer;padding:5px}.brief-animation-toggle:disabled{cursor:default;color:#94a397}.brief-animation-stage{min-height:188px;display:flex;align-items:flex-start}.brief-animation-line{font-size:32px;line-height:1.95;letter-spacing:-.9px;transition:opacity .22s ease;max-width:100%;min-width:0;width:100%}.brief-animation-line.brief-scene-fade{opacity:0}.brief-animation-line .brief-token{display:inline-block;vertical-align:baseline;line-height:1.45;padding:2px 13px;max-width:100%;font-weight:500;letter-spacing:-.8px}.brief-typed-word{display:inline-block;position:relative}.brief-typed-ink{clip-path:inset(0 calc(100% - var(--reveal,0%)) 0 0)}.brief-typed-word .brief-typed-ink{display:inline-block;vertical-align:bottom}.brief-animated-token .brief-typed-ink{display:inline;overflow-wrap:anywhere}.brief-animation-line .is-pending{visibility:hidden}.brief-typed-word.is-typing:after{content:'';position:absolute;height:1em;top:.45em;left:var(--reveal,0%);width:2px;background:#4f7760;animation:brief-caret .75s steps(1) infinite}.brief-animated-token:not(.is-pending){animation:brief-token-enter .25s ease both}.brief-showcase-bottom{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:20px}.brief-showcase-bottom>p{font-size:10px;color:#93a096;line-height:1.8}.brief-animation-try{display:flex;gap:18px;align-items:center;border:0;background:none;color:#3a6c51;font:inherit;font-size:11px;cursor:pointer;text-align:left}.brief-animation-try>span{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;color:white;background:#043d31;font-size:26px;line-height:1;flex-shrink:0}.brief-animation-try:hover>span{background:#0b6b57}.brief-scene-tabs{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #ecf1ed;padding-top:20px;margin-top:24px}.brief-scene-tabs button{background:none;color:#87998a;border:1px solid transparent;border-radius:20px;padding:7px 12px;font:inherit;font-size:10px;cursor:pointer}.brief-scene-tabs button[aria-pressed=true]{background:#edf4ed;color:#467254;border-color:#d5e5d7}.brief-showcase-link{margin-top:20px}.brief-showcase-link a{font-size:10px;color:#698773;text-decoration:none}.brief-showcase :is(button,a):focus-visible{outline:3px solid #78ad90;outline-offset:4px}.brief-showcase .brief-error{margin-top:16px}.brief-showcase [hidden]{display:none!important}
@keyframes brief-token-enter{from{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes brief-caret{50%{opacity:0}}
.motion-paused .brief-showcase *,.page-hidden .brief-showcase *{animation-play-state:paused!important}
@media(max-width:1000px){.brief-animation-line{font-size:27px}.brief-animation-stage{min-height:210px}}
@media(max-width:700px){.brief-showcase{padding:23px;border-radius:18px}.brief-animation-line{font-size:23px;line-height:2;letter-spacing:-.6px}.brief-animation-stage{min-height:245px}.brief-showcase-top{margin-bottom:23px}.brief-showcase-top>span{font-size:8px}.brief-animation-line .brief-token{padding:3px 10px}.brief-showcase-bottom{align-items:flex-end}.brief-showcase-bottom>p{max-width:180px}.brief-animation-try{font-size:10px;gap:10px}.brief-scene-tabs{gap:3px}.brief-scene-tabs button{font-size:9px;padding:6px 9px}}
@media(max-width:420px){.brief-showcase{padding:20px 17px}.brief-animation-line{font-size:20px;letter-spacing:-.5px}.brief-animation-line .brief-token{letter-spacing:-.4px}.brief-animation-stage{min-height:290px}.brief-showcase-bottom{gap:10px}.brief-animation-try{max-width:145px}.brief-animation-toggle{font-size:9px}.brief-showcase-top{gap:7px}.brief-showcase-top>span{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.brief-showcase *{animation:none!important;transition:none!important}}

.motion-paused .brief-animated-token{animation:none!important}

.brief-animation-line .brief-token>.brief-typed-ink{font-size:inherit;line-height:inherit}.brief-scene-complete .brief-animated-token{animation:none!important}.brief-animation-paused .brief-showcase *{animation-play-state:paused}