.live-showcase{padding:105px 0}.live-showcase .app{color:#f5f7fa;box-shadow:0 30px 70px rgba(17,23,25,.2)}
.live-showcase .app-nav{display:flex;align-items:center;justify-content:space-between}.live-demo-badge{padding:5px 8px;border:1px solid #70402d;border-radius:10px;background:#241812;color:#ec5b2a;font-size:8px;letter-spacing:.1em}.live-showcase .metric strong{transition:color .25s ease,transform .25s ease}.live-showcase .metric strong.live-tick{color:#f5f7fa;transform:translateY(-1px)}
.has-scroll-reveal .scroll-reveal{--rx:0;--ry:28px;opacity:0;transform:translate3d(var(--rx),var(--ry),0) scale(.985);filter:blur(3px);transition:opacity .65s cubic-bezier(.22,1,.36,1) var(--delay,0ms),transform .8s cubic-bezier(.22,1,.36,1) var(--delay,0ms),filter .65s ease var(--delay,0ms);will-change:opacity,transform,filter}.has-scroll-reveal .scroll-reveal[data-reveal="left"]{--rx:-38px;--ry:0}.has-scroll-reveal .scroll-reveal[data-reveal="right"]{--rx:38px;--ry:0}.has-scroll-reveal .scroll-reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);will-change:auto}
@media(max-width:850px){.live-showcase{padding:80px 0}}@media(max-width:560px){.has-scroll-reveal .scroll-reveal{--rx:0!important;--ry:18px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.has-scroll-reveal .scroll-reveal{opacity:1;transform:none;filter:none;transition:none}}