/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 13 2026 | 15:02:56 */
.pfydemo-root{--pfydemo-device-width:360px;--pfydemo-device-radius:42px;--pfydemo-stage-height:810px;--pfydemo-side-step:480px;position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);overflow:hidden;box-sizing:border-box;padding:24px 0 40px}.pfydemo-nav{position:relative;z-index:20;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;width:min(100% - 32px, 900px);margin:0 auto 30px}.pfydemo-nav-button{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:110px;min-height:44px;padding:10px 18px;border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#111827;font-size:14px;font-weight:700;line-height:1;cursor:pointer;transition:background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease,transform 0.2s ease,box-shadow 0.25s ease}.pfydemo-nav-button:hover{transform:translateY(-1px);border-color:#a855f7;box-shadow:0 6px 18px rgba(17 24 39 / 8%)}.pfydemo-nav-button.is-active{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#7c3aed,#ec4899) border-box;color:#111827;box-shadow:0 8px 24px rgba(124 58 237 / 16%)}.pfydemo-nav-button:focus-visible{outline:3px solid rgba(124 58 237 / 25%);outline-offset:3px}.pfydemo-stage{position:relative;width:min(100%, 1100px);height:var(--pfydemo-stage-height);margin:0 auto;overflow:hidden}.pfydemo-slide{position:absolute;top:0;left:50%;width:var(--pfydemo-device-width);opacity:0;visibility:hidden;transform:translateX(-50%) scale(.88);pointer-events:none;transition:transform 0.55s cubic-bezier(.22,1,.36,1),opacity 0.4s ease,filter 0.4s ease;will-change:transform,opacity}.pfydemo-slide.is-active{z-index:10;opacity:1;visibility:visible;transform:translateX(-50%) scale(1);filter:none;pointer-events:auto}.pfydemo-slide.is-prev{z-index:5;opacity:.72;visibility:visible;transform:translateX(calc(-50% - var(--pfydemo-side-step))) scale(.88);filter:brightness(.94);pointer-events:none}.pfydemo-slide.is-next{z-index:5;opacity:.72;visibility:visible;transform:translateX(calc(-50% + var(--pfydemo-side-step))) scale(.88);filter:brightness(.94);pointer-events:none}.pfydemo-slide.is-hidden{z-index:1;opacity:0;visibility:hidden;pointer-events:none}.pfydemo-device{position:relative;width:100%;box-sizing:border-box;padding:9px;border:1px solid rgba(255 255 255 / 20%);border-radius:var(--pfydemo-device-radius);background:#111827;box-shadow:0 28px 70px rgba(17 24 39 / 22%),0 8px 24px rgba(17 24 39 / 12%)}.pfydemo-slide:not(.is-active) .pfydemo-device{pointer-events:none}.pfydemo-device-speaker{position:absolute;z-index:10;top:15px;left:50%;width:76px;height:5px;border-radius:999px;background:rgba(17 24 39 / 65%);transform:translateX(-50%);pointer-events:none}.pfydemo-screen{position:relative;width:100%;aspect-ratio:390 / 844;overflow:hidden;border-radius:calc(var(--pfydemo-device-radius) - 9px);background:#fff}.pfydemo-iframe{display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:#fff}@media (width <=900px){.pfydemo-root{--pfydemo-device-width:340px;--pfydemo-stage-height:765px;--pfydemo-side-step:410px}}@media (prefers-reduced-motion:reduce){.pfydemo-slide,.pfydemo-nav-button{transition:none}}@media (width <=600px){.pfydemo-root{--pfydemo-device-width:80vw;--pfydemo-device-radius:32px;--pfydemo-stage-height:calc((80vw * 844 / 390) + 20px);--pfydemo-side-step:62vw;width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding:16px 0 28px;overflow:hidden;box-sizing:border-box}.pfydemo-nav{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%;max-width:none;margin:0 20px 20px;padding:4px 14px 10px;gap:8px;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pfydemo-nav::-webkit-scrollbar{display:none}.pfydemo-nav-button{display:inline-flex;flex:0 0 auto;width:auto;min-width:max-content;min-height:38px;margin:0;padding:9px 14px;white-space:nowrap;font-size:12px;line-height:1;box-sizing:border-box}.pfydemo-stage{width:100vw;max-width:none;height:var(--pfydemo-stage-height);margin:0 auto;overflow:hidden}.pfydemo-slide{width:var(--pfydemo-device-width);max-width:var(--pfydemo-device-width)}.pfydemo-slide.is-active{transform:translateX(-50%) scale(1)}.pfydemo-slide.is-prev{opacity:.68;transform:translateX(calc(-50% - var(--pfydemo-side-step))) scale(.88);filter:brightness(.9)}.pfydemo-slide.is-next{opacity:.68;transform:translateX(calc(-50% + var(--pfydemo-side-step))) scale(.88);filter:brightness(.9)}.pfydemo-device{padding:7px;border-radius:var(--pfydemo-device-radius);box-shadow:0 18px 44px rgb(17 24 39 / 12%),0 5px 16px rgb(17 24 39 / 12%)}.pfydemo-screen{border-radius:calc(var(--pfydemo-device-radius) - 7px)}.pfydemo-iframe{display:block;width:390px;height:844px;max-width:none;margin:0;padding:0;border:0;background:#fff;transform-origin:top left}.pfydemo-device-speaker{top:12px;width:58px;height:4px}}