.demo-page[data-v-0a2ee400]{padding:40px;background:#f5f7fa;min-height:100vh;max-width:1200px;margin:0 auto}.page-header[data-v-0a2ee400]{text-align:center;margin-bottom:60px}.page-header h1[data-v-0a2ee400]{font-size:2.5rem;color:#333;margin-bottom:15px;font-weight:700}.icon[data-v-0a2ee400]{font-size:3rem}.page-header p[data-v-0a2ee400]{font-size:1.2rem;color:#666}.demo-content[data-v-0a2ee400]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px;margin-bottom:60px}.demo-section[data-v-0a2ee400]{background:#fff;padding:40px;border-radius:20px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.06);box-shadow:0 4px 20px rgba(0,0,0,.06)}.demo-section h2[data-v-0a2ee400]{font-size:1.8rem;color:#333;margin-bottom:25px;font-weight:600}.demo-video-placeholder[data-v-0a2ee400]{height:400px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;margin-bottom:20px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.demo-video-placeholder[data-v-0a2ee400]:hover{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-box-shadow:0 12px 40px rgba(102,126,234,.3);box-shadow:0 12px 40px rgba(102,126,234,.3)}.play-icon[data-v-0a2ee400]{font-size:5rem;margin-bottom:15px}.demo-description[data-v-0a2ee400]{color:#666;line-height:1.8;font-size:1.1rem}.cta-section[data-v-0a2ee400]{text-align:center;padding:60px 40px;background:#fff;border-radius:20px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.06);box-shadow:0 4px 20px rgba(0,0,0,.06)}.cta-section h2[data-v-0a2ee400]{font-size:2rem;color:#333;margin-bottom:30px;font-weight:700}.start-btn[data-v-0a2ee400]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50px;font-size:1.2rem;font-weight:600;text-decoration:none;-webkit-box-shadow:0 10px 30px rgba(102,126,234,.3);box-shadow:0 10px 30px rgba(102,126,234,.3);-webkit-transition:all .3s ease;transition:all .3s ease}.start-btn[data-v-0a2ee400]:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 15px 40px rgba(102,126,234,.4);box-shadow:0 15px 40px rgba(102,126,234,.4)}.btn-icon[data-v-0a2ee400]{font-size:1.5rem}