.demo-page{min-height:100vh;background:#f8fafc}.demo-hero{background:linear-gradient(135deg,#0f172a,#1e3a5f);color:#fff;text-align:center;padding:72px 24px 64px}.demo-hero h1{font-size:2.4rem;font-weight:800;margin:0 0 16px;line-height:1.2;letter-spacing:-.02em}.demo-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7;font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:100px;margin-bottom:20px;letter-spacing:.04em;text-transform:uppercase}.demo-live-dot{width:7px;height:7px;background:#10b981;border-radius:50%;animation:demo-pulse 1.5s ease-in-out infinite}@keyframes demo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.demo-hero p{font-size:1.1rem;color:#94a3b8;max-width:560px;margin:0 auto 28px;line-height:1.65}.demo-hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.demo-hero-cta{display:inline-block;background:#2563eb;color:#fff;font-weight:700;font-size:1rem;padding:14px 32px;border-radius:10px;text-decoration:none;transition:background .15s,transform .1s}.demo-hero-cta:hover{background:#1d4ed8;transform:translateY(-1px)}.demo-hero-watch{display:inline-flex;align-items:center;gap:8px;color:#e2e8f0;font-weight:600;font-size:.95rem;text-decoration:none;border:1px solid rgba(226,232,240,.25);padding:13px 24px;border-radius:10px;transition:border-color .15s,color .15s}.demo-hero-watch:hover{border-color:#e2e8f099;color:#fff}.demo-br{display:none}.demo-video-section{max-width:1100px;margin:0 auto;padding:0 24px;transform:translateY(-32px)}.demo-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;box-shadow:0 32px 80px #0f172a40,0 0 0 1px #e2e8f0cc;background:#0f172a}.demo-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.demo-features{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 32px;max-width:900px;margin:8px auto 0;padding:0 24px}.demo-feature-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#475569;font-weight:500}.demo-feature-item svg{color:#10b981;flex-shrink:0}.demo-cta{text-align:center;padding:56px 24px 80px;background:#fff;margin-top:40px;border-top:1px solid #e2e8f0}.demo-cta h2{font-size:1.8rem;font-weight:700;color:#0f172a;margin:0 0 12px}.demo-cta p{color:#64748b;font-size:1rem;margin:0 0 28px}.demo-cta-btn{display:inline-block;background:#2563eb;color:#fff;font-weight:700;font-size:1rem;padding:14px 36px;border-radius:10px;text-decoration:none;transition:background .15s,transform .1s}.demo-cta-btn:hover{background:#1d4ed8;transform:translateY(-1px)}@media(max-width:640px){.demo-hero h1{font-size:1.75rem}.demo-hero{padding:52px 20px 48px}.demo-video-section{padding:0 16px}.demo-cta h2{font-size:1.4rem}.demo-hero-actions{flex-direction:column;gap:12px}.demo-hero-cta,.demo-hero-watch{width:100%;text-align:center;justify-content:center}}