@keyframes monReveal{0%{clip-path:inset(0 0 100% 0 round 0 0 22px 22px)}to{clip-path:inset(0 0 0% 0 round 0 0 22px 22px)}}@keyframes monRiseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes monSoftIn{0%{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes monExpandIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes monLivePulse{0%,to{opacity:1}50%{opacity:.3}}.mon-reveal{animation:monReveal .34s cubic-bezier(.25,.9,.3,1) both}.mon-hero-content{opacity:0;animation:monRiseIn .34s cubic-bezier(.25,.9,.3,1) both}.mon-hero-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;column-gap:10px}.mon-hero-side{display:flex;min-width:0;align-items:center}.mon-hero-side--leading{justify-content:flex-start}.mon-hero-side--trailing{justify-content:flex-end;gap:10px}.mon-soft{animation:monSoftIn .55s cubic-bezier(.22,1,.36,1) both}.mon-rise{animation:monRiseIn .5s ease-out both}.mon-expand{animation:monExpandIn .24s ease-out both}.mon-live-dot{animation:monLivePulse 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.mon-reveal,.mon-hero-content,.mon-soft,.mon-rise,.mon-expand,.mon-live-dot{animation:none!important}}
