.demo-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:100px 2rem 2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.demo-container{width:100%;max-width:1400px;height:calc(100vh - 140px);max-height:750px;background:linear-gradient(135deg,#0f0a1e,#1a1333);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 80px rgba(139,92,246,.3);border:2px solid rgba(139,92,246,.3);animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-header{justify-content:space-between;padding:1rem 1.5rem;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(139,92,246,.15)}.demo-header,.demo-header-left{display:flex;align-items:center}.demo-header-left{gap:1rem}.demo-logo{display:flex;align-items:center;gap:.5rem}.demo-logo-icon{font-size:1.5rem}.demo-logo-text{font-size:1.1rem;font-weight:600;color:#f5f3ff}.demo-badge{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:1px}.demo-header-right{display:flex;align-items:center;gap:1rem}.demo-cta-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.demo-cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(139,92,246,.4)}.demo-close-button{background:hsla(0,0%,100%,.1);border:none;color:#a78bfa;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .2s}.demo-close-button:hover{background:hsla(0,0%,100%,.2);color:#fff}.demo-main{display:flex;flex:1 1;overflow:hidden}.demo-sidebar{width:220px;background:rgba(0,0,0,.2);border-right:1px solid rgba(139,92,246,.1);padding:1rem 0}.demo-nav,.demo-sidebar{display:flex;flex-direction:column}.demo-nav{gap:.25rem;padding:0 .75rem}.demo-nav-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:transparent;border:none;border-radius:10px;color:#a5b4fc;cursor:pointer;transition:all .2s;text-align:left;width:100%}.demo-nav-item:hover{background:rgba(139,92,246,.1);color:#c4b5fd}.demo-nav-item.active{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(167,139,250,.1));color:#f5f3ff;border:1px solid rgba(139,92,246,.3)}.demo-nav-icon{font-size:1.25rem}.demo-nav-label{font-size:.95rem;font-weight:500}.demo-sidebar-footer{margin-top:auto;padding:1rem}.demo-sidebar-info{background:rgba(139,92,246,.1);border-radius:10px;padding:1rem;display:flex;gap:.75rem;align-items:flex-start}.demo-info-icon{font-size:1.25rem}.demo-info-text{font-size:.8rem;color:#a5b4fc;line-height:1.4}.demo-content{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.demo-tab-content{max-width:1000px}.demo-welcome{margin-bottom:2rem}.demo-welcome h1{font-size:1.75rem;color:#f5f3ff;margin-bottom:.5rem}.demo-welcome p{color:#a5b4fc;font-size:1rem}.demo-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.demo-stat-card{background:hsla(0,0%,100%,.03);border:1px solid rgba(139,92,246,.15);border-radius:12px;padding:1.25rem;transition:all .3s}.demo-stat-card:hover{border-color:rgba(139,92,246,.3);background:hsla(0,0%,100%,.05)}.demo-stat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.demo-stat-icon{font-size:1.25rem}.demo-stat-title{font-size:.85rem;color:#a5b4fc;font-weight:500}.demo-stat-value{font-size:2rem;font-weight:700;color:#f5f3ff;line-height:1}.demo-stat-subtitle{font-size:.75rem;color:#6b7280;margin-bottom:.75rem}.demo-stat-secondary{display:flex;justify-content:space-between;padding:.5rem 0;border-top:1px solid rgba(139,92,246,.1)}.demo-stat-label{font-size:.8rem;color:#9ca3af}.demo-stat-secondary-value{font-size:.9rem;font-weight:600;color:#c4b5fd}.demo-stat-change{font-size:.8rem;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.demo-stat-change.positive{color:#10b981}.demo-stat-change.negative{color:#ef4444}.demo-stat-action{margin-top:.75rem;width:100%;padding:.5rem;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);border-radius:6px;color:#a78bfa;font-size:.8rem;cursor:pointer;transition:all .2s}.demo-stat-action:hover{background:rgba(139,92,246,.2);color:#f5f3ff}.demo-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.demo-chart-card{background:hsla(0,0%,100%,.03);border:1px solid rgba(139,92,246,.15);border-radius:12px;padding:1.25rem}.demo-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.demo-chart-header h3{font-size:1rem;color:#f5f3ff;font-weight:600}.demo-chart-action{background:none;border:none;color:#a78bfa;font-size:.8rem;cursor:pointer;transition:color .2s}.demo-chart-action:hover{color:#f5f3ff}.demo-chart-content{display:flex;flex-direction:column;gap:.75rem}.demo-bar-item{display:flex;flex-direction:column;gap:.35rem}.demo-bar-info{display:flex;justify-content:space-between;font-size:.85rem}.demo-bar-label{color:#c4b5fd}.demo-bar-value{color:#9ca3af}.demo-bar-track{height:6px;background:rgba(139,92,246,.1);border-radius:3px;overflow:hidden}.demo-bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:3px;transition:width .5s ease}.demo-source-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(139,92,246,.08)}.demo-source-item:last-child{border-bottom:none}.demo-source-info{display:flex;align-items:center;gap:.5rem}.demo-source-icon{font-size:1rem}.demo-source-name{color:#c4b5fd;font-size:.9rem}.demo-source-stats{display:flex;align-items:center;gap:.75rem}.demo-source-value{color:#f5f3ff;font-weight:600}.demo-source-percent{color:#9ca3af;font-size:.8rem}.demo-quick-actions h3{font-size:1rem;color:#f5f3ff;margin-bottom:1rem}.demo-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem}.demo-action-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;background:hsla(0,0%,100%,.02);border:1px solid rgba(139,92,246,.15);border-radius:10px;cursor:pointer;transition:all .2s}.demo-action-card:hover{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3);transform:translateY(-2px)}.demo-action-icon{font-size:1.5rem}.demo-action-label{font-size:.85rem;color:#a5b4fc}.demo-tab-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.demo-tab-title h1{font-size:1.5rem;color:#f5f3ff;margin-bottom:.25rem}.demo-tab-title p{color:#a5b4fc;font-size:.9rem}.demo-primary-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem;white-space:nowrap}.demo-primary-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(139,92,246,.4)}.demo-mini-stats{display:flex;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.demo-mini-stat{display:flex;flex-direction:column}.demo-mini-stat-value{font-size:1.5rem;font-weight:700;color:#f5f3ff}.demo-mini-stat-label{font-size:.8rem;color:#9ca3af}.demo-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.demo-filter-btn{padding:.5rem 1rem;background:hsla(0,0%,100%,.05);border:1px solid rgba(139,92,246,.15);border-radius:6px;color:#a5b4fc;font-size:.85rem;cursor:pointer;transition:all .2s}.demo-filter-btn:hover{background:rgba(139,92,246,.1)}.demo-filter-btn.active{background:rgba(139,92,246,.2);border-color:rgba(139,92,246,.4);color:#f5f3ff}.demo-blog-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.demo-blog-card{background:hsla(0,0%,100%,.03);border:1px solid rgba(139,92,246,.15);border-radius:12px;padding:1.25rem;transition:all .2s}.demo-blog-card:hover{border-color:rgba(139,92,246,.3)}.demo-blog-main{display:flex;justify-content:space-between;gap:1.5rem;margin-bottom:1rem}.demo-blog-info{flex:1 1}.demo-blog-title{font-size:1.1rem;color:#f5f3ff;margin-bottom:.5rem}.demo-blog-excerpt{font-size:.9rem;color:#9ca3af;margin-bottom:.75rem}.demo-blog-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.demo-status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.demo-status-badge.published{background:rgba(16,185,129,.15);color:#10b981}.demo-status-badge.draft{background:rgba(245,158,11,.15);color:#f59e0b}.demo-blog-date,.demo-blog-reading{font-size:.8rem;color:#6b7280}.demo-blog-stats{display:flex;gap:1.5rem}.demo-blog-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.demo-blog-stat-icon{font-size:1rem}.demo-blog-stat-value{font-size:1.25rem;font-weight:700;color:#f5f3ff}.demo-blog-stat-label{font-size:.7rem;color:#9ca3af}.demo-seo-score{width:45px;height:45px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.demo-blog-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(139,92,246,.1)}.demo-blog-action-btn{padding:.5rem 1rem;background:hsla(0,0%,100%,.05);border:1px solid rgba(139,92,246,.15);border-radius:6px;color:#a5b4fc;font-size:.8rem;cursor:pointer;transition:all .2s}.demo-blog-action-btn:hover{background:rgba(139,92,246,.15);color:#f5f3ff}.demo-blog-action-btn.danger:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#ef4444}.demo-feature-highlight{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(59,130,246,.08));border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start}.demo-feature-highlight.booking{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(139,92,246,.08));border-color:rgba(16,185,129,.2)}.demo-feature-icon{font-size:2rem}.demo-feature-content h4{font-size:1rem;color:#f5f3ff;margin-bottom:.5rem}.demo-feature-content p{font-size:.9rem;color:#a5b4fc;margin-bottom:.75rem}.demo-feature-btn{background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.3);color:#c4b5fd;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.demo-feature-btn:hover{background:rgba(139,92,246,.3);color:#f5f3ff}.demo-view-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.demo-view-btn{padding:.5rem 1rem;background:hsla(0,0%,100%,.05);border:1px solid rgba(139,92,246,.15);border-radius:6px;color:#a5b4fc;font-size:.85rem;cursor:pointer;transition:all .2s}.demo-view-btn.active{background:rgba(139,92,246,.2);border-color:rgba(139,92,246,.4);color:#f5f3ff}.demo-date-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.demo-date-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:hsla(0,0%,100%,.05);border:1px solid rgba(139,92,246,.15);border-radius:6px;color:#a5b4fc;font-size:.8rem;cursor:pointer;transition:all .2s}.demo-date-btn:hover{background:rgba(139,92,246,.1)}.demo-date-btn.active{background:rgba(139,92,246,.2);border-color:rgba(139,92,246,.4);color:#f5f3ff}.demo-date-count{background:rgba(139,92,246,.3);padding:.1rem .4rem;border-radius:4px;font-size:.7rem}.demo-bookings-list{margin-bottom:2rem}.demo-booking-group{margin-bottom:1.5rem}.demo-booking-date-header{font-size:1rem;color:#f5f3ff;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem}.demo-booking-count{font-size:.8rem;color:#9ca3af;font-weight:400}.demo-booking-cards{display:flex;flex-direction:column;gap:.75rem}.demo-booking-card{display:flex;align-items:center;gap:1rem;background:hsla(0,0%,100%,.03);border:1px solid rgba(139,92,246,.15);border-radius:10px;padding:1rem;transition:all .2s}.demo-booking-card:hover{border-color:rgba(139,92,246,.3)}.demo-booking-time{display:flex;flex-direction:column;align-items:center;min-width:60px}.demo-time-slot{font-size:.9rem;font-weight:600;color:#c4b5fd}.demo-time-divider{color:#6b7280;font-size:.75rem}.demo-booking-info{flex:1 1}.demo-booking-name{font-size:1rem;font-weight:600;color:#f5f3ff;margin-bottom:.25rem}.demo-booking-details{display:flex;gap:1rem;font-size:.8rem;color:#9ca3af}.demo-booking-notes{font-size:.8rem;color:#a78bfa;margin-top:.25rem;font-style:italic}.demo-booking-status{display:flex;align-items:center;gap:.5rem;min-width:100px}.demo-status-dot{width:8px;height:8px;border-radius:50%}.demo-status-text{font-size:.8rem;color:#9ca3af}.demo-booking-actions{display:flex;gap:.5rem}.demo-booking-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.05);border:1px solid rgba(139,92,246,.15);border-radius:6px;color:#a5b4fc;font-size:.9rem;cursor:pointer;transition:all .2s}.demo-booking-action:hover{background:rgba(139,92,246,.15);color:#f5f3ff}.demo-booking-action.danger:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#ef4444}.demo-calendar-view{margin-bottom:2rem}.demo-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.demo-calendar-nav{padding:.5rem 1rem;background:hsla(0,0%,100%,.05);border:1px solid rgba(139,92,246,.15);border-radius:6px;color:#a5b4fc;font-size:.85rem;cursor:pointer;transition:all .2s}.demo-calendar-nav:hover{background:rgba(139,92,246,.15)}.demo-calendar-title{font-size:1.1rem;font-weight:600;color:#f5f3ff}.demo-calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.demo-calendar-day{background:hsla(0,0%,100%,.03);border:1px solid rgba(139,92,246,.15);border-radius:10px;padding:.75rem}.demo-calendar-day-header{font-size:.9rem;font-weight:600;color:#c4b5fd;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(139,92,246,.1)}.demo-calendar-events{display:flex;flex-direction:column;gap:.5rem}.demo-calendar-event{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgba(139,92,246,.1);border-left:3px solid #8b5cf6;border-radius:4px;cursor:pointer;transition:all .2s}.demo-calendar-event:hover{background:rgba(139,92,246,.2)}.demo-event-time{font-size:.75rem;color:#a78bfa;font-weight:600}.demo-event-name{font-size:.8rem;color:#f5f3ff;flex:1 1}.demo-event-guests{font-size:.7rem;color:#9ca3af}.demo-floating-cta{position:absolute;bottom:1.5rem;right:1.5rem;z-index:10}.demo-floating-cta button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:30px;font-weight:600;cursor:pointer;font-size:.9rem;box-shadow:0 4px 20px rgba(139,92,246,.4);transition:all .2s}.demo-floating-cta button:hover{transform:translateY(-3px);box-shadow:0 6px 25px rgba(139,92,246,.5)}.demo-toast{position:absolute;bottom:5rem;left:50%;transform:translateX(-50%);background:rgba(30,27,75,.95);border:1px solid rgba(139,92,246,.3);border-radius:10px;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 10px 30px rgba(0,0,0,.4);animation:toastSlide .3s ease;z-index:20}@keyframes toastSlide{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.demo-toast-icon{font-size:1.25rem}.demo-toast span{color:#f5f3ff;font-size:.9rem}.demo-toast-cta{background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.3);color:#c4b5fd;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s;margin-left:.5rem}.demo-toast-cta:hover{background:rgba(139,92,246,.3);color:#f5f3ff}.demo-inactivity-modal{position:absolute;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:30}.demo-inactivity-content{background:linear-gradient(135deg,#1e1b4b,#2d1f5c);border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:2rem;text-align:center;max-width:400px}.demo-inactivity-content h3{font-size:1.25rem;color:#f5f3ff;margin-bottom:.5rem}.demo-inactivity-content p{color:#a5b4fc;margin-bottom:1.5rem}.demo-inactivity-actions{display:flex;gap:.75rem;justify-content:center}.demo-inactivity-actions button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.demo-inactivity-actions button:first-child{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.demo-inactivity-actions button.secondary{background:hsla(0,0%,100%,.1);color:#a5b4fc}@media (max-width:768px){.demo-overlay{padding:70px 0 0}.demo-container{border-radius:0;height:calc(100vh - 70px);max-height:none}.demo-header{padding:.75rem 1rem}.demo-cta-button,.demo-logo-text{display:none}.demo-main{flex-direction:column}.demo-sidebar{padding:0;border-right:none;border-bottom:1px solid rgba(139,92,246,.1)}.demo-nav,.demo-sidebar{width:100%;flex-direction:row}.demo-nav{overflow-x:auto;padding:.5rem}.demo-nav-item{flex-direction:column;padding:.5rem 1rem;min-width:max-content;gap:.25rem}.demo-nav-label{font-size:.75rem}.demo-sidebar-footer{display:none}.demo-content{padding:1rem}.demo-stats-grid{grid-template-columns:repeat(2,1fr)}.demo-charts-grid{grid-template-columns:1fr}.demo-tab-header{align-items:stretch}.demo-blog-main,.demo-tab-header{flex-direction:column}.demo-blog-stats{flex-direction:row;gap:2rem;padding-top:1rem;border-top:1px solid rgba(139,92,246,.1)}.demo-booking-card{flex-direction:column;align-items:stretch}.demo-booking-time{flex-direction:row;gap:.5rem;margin-bottom:.5rem}.demo-booking-status{margin:.5rem 0}.demo-booking-actions{justify-content:flex-end}.demo-floating-cta{bottom:1rem;right:1rem;left:1rem}.demo-floating-cta button{width:100%}.demo-toast{left:1rem;right:1rem;bottom:5rem;transform:none;flex-wrap:wrap}.demo-feature-highlight{flex-direction:column}}.how-it-works-section{padding:6rem 0;background:linear-gradient(180deg,#0a0514,#0f0a1e 50%,#0a0514);position:relative;overflow:hidden}.how-it-works-section:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1200px;height:100%;background:radial-gradient(ellipse at center top,rgba(139,92,246,.08) 0,transparent 60%);pointer-events:none}.how-it-works-content{position:relative;z-index:1;text-align:center}.section-badge{display:inline-block;background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(139,92,246,.1));border:1px solid rgba(139,92,246,.3);color:#a78bfa;padding:.5rem 1.25rem;border-radius:30px;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem}.how-it-works-content h2{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#f5f3ff;margin-bottom:1rem;line-height:1.2}.how-it-works-subtitle{font-size:1.15rem;color:#a5b4fc;max-width:600px;margin:0 auto 3rem;line-height:1.6}.demo-showcase{max-width:1000px;margin:0 auto 4rem;perspective:1500px}.demo-preview-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 25px 80px rgba(139,92,246,.25),0 0 0 1px rgba(139,92,246,.2);transform:rotateX(5deg);transition:transform .4s ease}.demo-preview-wrapper:hover{transform:rotateX(0deg) scale(1.02)}.demo-preview-card{background:linear-gradient(135deg,#0f0a1e,#1a1333);border-radius:16px;overflow:hidden}.demo-preview-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:rgba(0,0,0,.4);border-bottom:1px solid rgba(139,92,246,.15)}.demo-preview-dots{display:flex;gap:6px}.demo-preview-dots span{width:10px;height:10px;border-radius:50%;background:rgba(139,92,246,.3)}.demo-preview-dots span:first-child{background:#ef4444}.demo-preview-dots span:nth-child(2){background:#f59e0b}.demo-preview-dots span:nth-child(3){background:#10b981}.demo-preview-title{font-size:.8rem;color:#a5b4fc;font-weight:500}.demo-preview-content{display:flex;min-height:350px}.demo-preview-sidebar{width:180px;background:rgba(0,0,0,.2);border-right:1px solid rgba(139,92,246,.1);padding:1rem .5rem;display:flex;flex-direction:column;gap:.25rem}.demo-preview-nav-item{padding:.75rem 1rem;border-radius:8px;font-size:.85rem;color:#a5b4fc;transition:all .2s}.demo-preview-nav-item.active{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(139,92,246,.1));color:#f5f3ff;border:1px solid rgba(139,92,246,.25)}.demo-preview-main{flex:1 1;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.demo-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.demo-preview-stat{background:hsla(0,0%,100%,.03);border:1px solid rgba(139,92,246,.15);border-radius:10px;padding:1rem;text-align:center}.demo-preview-stat .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#f5f3ff;margin-bottom:.25rem}.demo-preview-stat .stat-label{font-size:.75rem;color:#9ca3af}.demo-preview-chart{flex:1 1;background:hsla(0,0%,100%,.02);border:1px solid rgba(139,92,246,.1);border-radius:10px;padding:1rem}.chart-bars,.demo-preview-chart{display:flex;align-items:flex-end}.chart-bars{gap:.75rem;width:100%;height:100%;padding-bottom:.5rem}.chart-bar{flex:1 1;background:linear-gradient(180deg,#8b5cf6,#6366f1);border-radius:4px 4px 0 0;min-height:20px;transition:height .3s ease}.demo-preview-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7) 60%,rgba(0,0,0,.9));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:3rem;gap:1rem}.demo-launch-button{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px rgba(139,92,246,.4)}.demo-launch-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px rgba(139,92,246,.5)}.demo-launch-button .button-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:hsla(0,0%,100%,.2);border-radius:50%;font-size:.9rem}.demo-launch-hint{font-size:.85rem;color:#a5b4fc}.demo-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;max-width:1000px;margin:0 auto 3rem}.demo-feature{background:hsla(0,0%,100%,.02);border:1px solid rgba(139,92,246,.15);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.demo-feature:hover{border-color:rgba(139,92,246,.35);transform:translateY(-5px);box-shadow:0 15px 40px rgba(139,92,246,.15)}.feature-icon-wrapper{width:64px;height:64px;background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(139,92,246,.1));border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.feature-icon{font-size:1.75rem}.demo-feature h3{font-size:1.15rem;font-weight:600;color:#f5f3ff;margin-bottom:.75rem}.demo-feature p{font-size:.9rem;color:#a5b4fc;line-height:1.5}.how-it-works-benefits{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.benefit-item{display:flex;align-items:center;gap:.75rem;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.15);padding:.75rem 1.25rem;border-radius:30px;transition:all .2s}.benefit-item:hover{border-color:rgba(139,92,246,.3);background:rgba(139,92,246,.12)}.benefit-icon{font-size:1.1rem}.benefit-item p{color:#c4b5fd;font-size:.9rem;font-weight:500;margin:0}@media (max-width:768px){.how-it-works-section{padding:4rem 0}.demo-preview-wrapper,.demo-preview-wrapper:hover{transform:none}.demo-preview-content{flex-direction:column;min-height:auto}.demo-preview-sidebar{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid rgba(139,92,246,.1);overflow-x:auto;padding:.75rem}.demo-preview-nav-item{white-space:nowrap;padding:.5rem .75rem;font-size:.8rem}.demo-preview-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.demo-preview-stat{padding:.75rem .5rem}.demo-preview-stat .stat-value{font-size:1.1rem}.demo-preview-stat .stat-label{font-size:.65rem}.demo-preview-overlay{padding:2rem 1.5rem}.demo-launch-button{padding:.85rem 1.5rem;font-size:1rem}.demo-features{grid-template-columns:1fr}.how-it-works-benefits{flex-direction:column;align-items:center;gap:1rem}.benefit-item{width:100%;max-width:320px;justify-content:center}}