.demo-page-container{background-color:#000915;color:#ffffff;min-height:100vh;padding-top:130px}.demo-hero{background:radial-gradient(circle at top,rgba(0,234,255,.1) 0,transparent 70%)}.demo-badge{background:rgba(0,234,255,.08);border:1px solid rgba(0,234,255,.25);color:#00eaff;font-size:.82rem;font-weight:700;padding:6px 16px;border-radius:100px}.demo-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;color:#ffffff}.demo-subtitle{color:#94a3b8;font-size:1.1rem;line-height:1.6}.demo-btn-primary{background:linear-gradient(135deg,#00eaff,#0072ff);color:#000915!important;font-weight:800;padding:12px 24px;border-radius:10px;border:none}.demo-btn-wa{background:#25d366;color:#ffffff!important;font-weight:700;padding:12px 22px;border-radius:10px;text-decoration:none;display:inline-block}.dashboard-window{background:rgba(10,22,40,.9);border:1px solid rgba(0,234,255,.25);border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6)}.dash-header{background:#061122;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.window-dots{display:flex;gap:6px}.window-dots .dot{width:10px;height:10px;border-radius:50%}.window-dots .red{background:#ef4444}.window-dots .yellow{background:#f59e0b}.window-dots .green{background:#10b981}.window-title{font-size:.85rem;color:#94a3b8;font-family:monospace}.live-pill{font-size:.78rem;color:#10b981;font-weight:600}.dash-body{padding:30px}.dash-metric-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:12px;display:flex;flex-direction:column}.m-label{font-size:.78rem;color:#94a3b8;font-weight:600}.m-val{font-size:1.5rem;font-weight:800;color:#00eaff;margin-top:4px}.dash-modules-bar{background:rgba(0,234,255,.03);border:1px solid rgba(0,234,255,.1);padding:16px;border-radius:12px}.bar-label{font-size:.85rem;font-weight:700;color:#cbd5e1}.module-pill{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#38bdf8;font-size:.82rem;padding:6px 12px;border-radius:6px;font-weight:600}.dash-feature-box{background:rgba(15,23,42,.8);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px}.dash-feature-box h4{font-size:1rem;color:#f8fafc;font-weight:700;margin-bottom:12px}.dash-feature-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:12px;gap:12px}.dash-feature-list li{font-size:.9rem;color:#cbd5e1;display:flex;align-items:center;gap:10px}.check-icon{color:#10b981;font-weight:900}.bg-darker{background-color:#030b1c;border-top:1px solid rgba(255,255,255,.05)}