.demo-desktop-nav{position:fixed;top:0;left:0;right:0;z-index:1050;background:#fff;padding:12px 0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.demo-desktop-nav-inner{display:flex;align-items:center;justify-content:space-between}.demo-desktop-back{display:inline-flex;align-items:center;color:#333;font-size:1.2rem;text-decoration:none}.demo-desktop-back:hover{color:#000}.demo-page-desktop{display:flex;min-height:100vh;background-color:#f0ede8;flex-direction:column;align-items:center;padding:96px 24px 48px;gap:32px}.demo-phone-frame-wrap{max-width:430px;width:100%;position:relative}.demo-phone-frame-wrap:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;border-radius:0 0 40px 40px;background:linear-gradient(0deg,#f0ede8,transparent);pointer-events:none}.demo-phone-frame{max-width:430px;width:100%;max-height:82vh;border-radius:40px;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.2);scrollbar-width:none}.demo-phone-frame::-webkit-scrollbar{display:none}.demo-cta-section{text-align:center;max-width:430px;width:100%}.demo-cta-section p{margin-bottom:12px;color:#555;font-size:.95rem}.demo-back-btn{position:fixed;top:16px;left:16px;z-index:1050;background:#fff;border-radius:50px;padding:8px 16px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;align-items:center;gap:8px;text-decoration:none;color:#333;font-weight:600;font-size:.9rem}.demo-back-btn:hover{color:#000;box-shadow:0 4px 12px rgba(0,0,0,.2)}.demo-menu-mobile-wrap{padding-bottom:160px}.demo-cta-mobile{position:fixed;bottom:0;left:0;right:0;z-index:1040;padding:48px 16px 36px;text-align:center;background:linear-gradient(0deg,rgba(0,0,0,.75) 0,transparent);pointer-events:none}.demo-cta-mobile p{margin-bottom:12px;color:#fff;font-size:.95rem;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.5)}.demo-cta-mobile a,.demo-cta-mobile button{pointer-events:all}