:root{--bg-base:#fff;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#eef3fb;--bg-input:#fff;--bg-elevated:#fff;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#2563eb1a;--accent-border:#2563eb47;--text-primary:#16213a;--text-secondary:#3d4759;--text-muted:#5d6675;--border:#dde4ee;--border-light:#eef2fb;--success:#2e9e57;--warning:#d97706;--danger:#dc2626;--info:#0284c7;--dot-color:#2563eb1a;--dot-bg:radial-gradient(var(--dot-color) 1.1px, transparent 1.1px);--dot-size:22px 22px;--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--border-color:var(--border);--text-color:var(--text-primary);--input-bg:var(--bg-input);--panel-bg:var(--bg-card);--accent-2:#7c3aed;--accent-2-hover:#6d28d9;--accent-2-soft:#7c3aed1a;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--fs-xs:12px;--fs-sm:13px;--fs-base:15px;--fs-md:17px;--fs-lg:20px;--fs-xl:26px;--fs-2xl:34px;--fs-3xl:46px;--fs-4xl:60px;--shadow-sm:0 1px 2px #1018280f, 0 1px 3px #1018280a;--shadow-md:0 4px 12px #10182814;--shadow-lg:0 12px 32px #1018281f;--shadow-xl:0 24px 64px #10182829}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-base);background-image:var(--dot-bg);background-size:var(--dot-size);color:var(--text-primary);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;font-size:15px;line-height:1.6}#root{min-height:100vh}.brand-logo-inline{vertical-align:-3px;width:auto;height:16px;margin-right:6px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app{background:0 0;flex-direction:column;min-height:100vh;display:flex}.empty-state{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.empty-state h1{color:var(--text-primary);margin-bottom:6px;font-size:26px;font-weight:700}.empty-state p{color:var(--text-muted);margin-bottom:36px;font-size:15px}.dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--bg-card);border-radius:16px;width:100%;max-width:520px;padding:56px 24px;transition:border-color .2s,background .2s,box-shadow .2s}.dropzone:hover,.dropzone.dragging{border-color:var(--theme-color);background:var(--bg-surface);box-shadow:0 8px 32px #0003}.dropzone-icon{opacity:.7;margin-bottom:14px;font-size:44px}.dropzone h3{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.dropzone span{color:var(--text-muted);font-size:13px}.builder{flex-direction:column;min-height:100vh;display:flex}.top-bar{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:50;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex;position:sticky;top:0}.top-bar-left{align-items:center;gap:12px;display:flex}.top-bar-left h2{white-space:nowrap;color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.back-btn{border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;color:var(--text-secondary);border-radius:10px;align-items:center;gap:4px;padding:7px 10px;font-size:13px;transition:background .15s,color .15s,border-color .15s;display:flex}.back-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border)}.empty-back{position:absolute;top:20px;left:20px}.project-name-input{max-width:280px;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:8px;outline:none;padding:5px 10px;font-size:16px;font-weight:600;transition:border-color .15s,background .15s}.project-name-input:hover{background:var(--bg-card-hover)}.project-name-input:focus{border-color:var(--border);background:var(--bg-card)}.screen-count{color:var(--text-muted);background:var(--bg-elevated);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500}.top-bar-right{align-items:center;gap:8px;display:flex}.add-btn{background:var(--bg-card);cursor:pointer;white-space:nowrap;border:1.5px solid;border-radius:10px;padding:7px 16px;font-size:13px;font-weight:600;transition:background .15s}.add-btn:hover{background:var(--bg-card-hover)}.view-switcher{background:var(--bg-elevated);border-radius:10px;gap:2px;padding:3px;display:flex}.view-btn{width:32px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .12s;display:flex}.view-btn:hover{color:var(--text-secondary)}.view-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 4px #00000026}.theme-toggle-btn{border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:background .15s,border-color .15s;display:flex}.theme-toggle-btn:hover{background:var(--bg-card-hover)}.theme-toggle-btn.active{background:var(--bg-card-hover);border-color:var(--theme-color)}.start-tour-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:8px 20px;font-size:13px;font-weight:600;transition:opacity .2s}.start-tour-btn:hover{opacity:.9}.builder-body{flex:1;display:flex;overflow:hidden}.builder-content{flex:1;min-width:0;padding:20px;overflow-y:auto}.theme-drawer{background:var(--bg-surface);border-left:1px solid var(--border);flex-shrink:0;width:280px;padding:16px;animation:.2s slideIn;overflow-y:auto}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.theme-drawer-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.theme-drawer-header h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.theme-drawer-close{background:var(--bg-elevated);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.theme-drawer-close:hover{background:var(--bg-card-hover)}.theme-content{flex-direction:column;gap:4px;display:flex}.theme-section{margin-bottom:14px}.theme-section label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.theme-colors{flex-wrap:wrap;gap:6px;display:flex}.color-swatch{cursor:pointer;border:2.5px solid #0000;border-radius:50%;width:26px;height:26px;padding:0;transition:transform .12s,border-color .12s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:var(--text-primary);transform:scale(1.15)}.custom-color-label{cursor:pointer;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:relative}.custom-color-label input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.custom-color-icon{font-size:17px}.color-input-row{align-items:center;gap:8px;display:flex}.color-input-row input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:30px;height:30px;padding:2px}.color-hex{color:var(--text-muted);font-family:monospace;font-size:12px}.theme-preview-chip{border:1px solid;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:500;display:inline-flex;box-shadow:0 2px 6px #00000026}.theme-preview-btn{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.dragging{opacity:.4}.drag-over{position:relative}.drag-over:before{content:"";background:var(--theme-color);z-index:5;border-radius:2px;height:3px;position:absolute;top:-2px;left:0;right:0}.image-list{flex-direction:column;gap:8px;max-width:860px;margin:0 auto;display:flex}.list-item-wrap{position:relative}.image-item{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;transition:box-shadow .15s,border-color .15s;display:flex}.image-item:hover{border-color:var(--border);box-shadow:0 2px 12px #00000026}.image-item.editing{border-color:var(--theme-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--theme-color) 15%, transparent)}.drag-handle{cursor:grab;color:var(--text-muted);-webkit-user-select:none;user-select:none;letter-spacing:1px;padding:0 2px;font-size:16px;line-height:1}.drag-handle:active{cursor:grabbing}.image-item-number{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.image-item-thumb{object-fit:cover;background:var(--bg-elevated);border-radius:8px;flex-shrink:0;width:72px;height:44px}.image-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.image-item-name-input{min-width:0;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:6px;outline:none;flex:1;padding:4px 8px;font-size:13px;transition:border-color .15s,background .15s}.image-item-name-input:hover{background:var(--bg-card-hover)}.image-item-name-input:focus{border-color:var(--border);background:var(--bg-card)}.screen-name-inline{color:inherit;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;min-width:0;max-width:240px;padding:2px 6px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s}.screen-name-inline:hover{background:#ffffff26}.screen-name-inline:focus{color:#fff;background:#fff3;border-color:#ffffff4d}.hotspot-badge{color:var(--success);background:#34d39926;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:500}.image-item-actions{flex-shrink:0;gap:4px;display:flex}.icon-btn{border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text-muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:background .12s,color .12s,border-color .12s;display:flex}.icon-btn:hover{background:var(--bg-card-hover);color:var(--text-secondary)}.icon-btn.active{background:var(--bg-card-hover);border-color:var(--theme-color)}.icon-btn.delete:hover{color:var(--danger);background:#ef444426;border-color:#ef444466}.preview-action-bar{align-items:center;gap:6px;margin-top:10px;display:flex}.hotspot-editor{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-top:8px;padding:14px}.image-list .hotspot-editor{border-top:none;border-radius:0 0 14px 14px;margin-top:-2px}.hotspot-editor-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.remove-hotspot-btn{color:var(--danger);cursor:pointer;background:0 0;border:none;font-size:12px;text-decoration:underline}.hotspot-image-wrapper{cursor:crosshair;border:1px solid var(--border);border-radius:10px;line-height:0;position:relative;overflow:hidden}.hotspot-image-wrapper img{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;display:block}.hotspot-marker{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.hotspot-ring{border:2px solid;border-radius:50%;width:36px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hotspot-dot{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d}.hotspot-tooltip-input{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.hotspot-tooltip-input label{color:var(--text-primary);flex-shrink:0;font-size:12px;font-weight:600}.hotspot-tooltip-input input{border:1px solid var(--border);background:var(--bg-input);min-width:180px;color:var(--text-primary);border-radius:10px;outline:none;flex:1;padding:8px 12px;font-size:13px;transition:border-color .2s,background .2s}.hotspot-tooltip-input input:focus{border-color:var(--theme-color);background:var(--bg-card)}.hotspot-coords{color:var(--text-muted);flex-shrink:0;font-size:11px}.gallery-view{max-width:900px;margin:0 auto}.gallery-main{margin-bottom:14px}.gallery-main-image{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;line-height:0;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000001f}.gallery-main-image img{width:100%;display:block}.hotspot-target{cursor:crosshair}.hotspot-target .hotspot-marker{pointer-events:none;z-index:2;position:absolute;transform:translate(-50%,-50%)}.hotspot-hint{color:#fff;pointer-events:none;opacity:0;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:8px;padding:5px 12px;font-size:11px;line-height:1.4;transition:opacity .2s;position:absolute;top:10px;right:10px}.hotspot-target:hover .hotspot-hint{opacity:1}.hotspot-controls-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.gallery-main-label{color:#fff;background:linear-gradient(#0000,#0009);align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:500;line-height:1.4;display:flex;position:absolute;bottom:0;left:0;right:0}.gallery-main-number{border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:700}.gallery-strip{scrollbar-width:thin;gap:8px;padding:6px 2px;display:flex;overflow-x:auto}.gallery-strip::-webkit-scrollbar{height:5px}.gallery-strip::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.gallery-thumb{cursor:pointer;background:var(--bg-elevated);border:2.5px solid #0000;border-radius:10px;flex-shrink:0;width:110px;height:68px;padding:0;transition:border-color .12s,box-shadow .12s,opacity .12s;position:relative;overflow:hidden}.gallery-thumb:hover{box-shadow:0 2px 8px #0003}.gallery-thumb.selected{box-shadow:0 2px 10px #00000040}.gallery-thumb.dragging{opacity:.4}.gallery-thumb.drag-over{position:relative}.gallery-thumb.drag-over:before{content:"";background:var(--theme-color);z-index:5;border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:-4px}.gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}.gallery-thumb-num{color:#fff;background:#00000080;border-radius:5px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:4px;left:4px}.sidebar-view{gap:0;height:calc(100vh - 56px);display:flex}.sidebar-main{flex:1;min-width:0;padding:20px;overflow-y:auto}.sidebar-main-image{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;line-height:0;position:relative;overflow:hidden;box-shadow:0 2px 16px #00000026}.sidebar-main-image img{width:100%;display:block}.sidebar-right{background:var(--bg-surface);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:210px;display:flex;overflow:hidden}.sidebar-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.sidebar-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 8px;font-size:13px;font-weight:600;transition:all .12s}.sidebar-tab:hover{color:var(--text-secondary)}.sidebar-tab.active{background:var(--bg-card)}.sidebar-strip{scrollbar-width:thin;flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.sidebar-strip::-webkit-scrollbar{width:4px}.sidebar-strip::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar-thumb{aspect-ratio:16/10;cursor:pointer;background:var(--bg-elevated);border:2.5px solid #0000;border-radius:10px;flex-shrink:0;width:100%;padding:0;transition:border-color .12s,box-shadow .12s,opacity .12s;position:relative;overflow:hidden}.sidebar-thumb:hover{box-shadow:0 2px 8px #0003}.sidebar-thumb.selected{box-shadow:0 2px 10px #00000040}.sidebar-thumb.dragging{opacity:.4}.sidebar-thumb.drag-over:before{content:"";background:var(--theme-color);z-index:5;border-radius:2px;height:3px;position:absolute;top:-4px;left:0;right:0}.sidebar-thumb img{object-fit:cover;width:100%;height:100%;display:block}.sidebar-thumb-num{color:#fff;background:#00000080;border-radius:5px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:4px;left:4px}.sidebar-theme-panel{flex:1;padding:12px;overflow-y:auto}.tour-overlay{z-index:1000;background:#000000e0;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tour-image-container{max-width:90vw;max-height:80vh;display:inline-flex;position:relative}.tour-image-container>img{border-radius:14px;max-width:90vw;max-height:80vh;display:block;box-shadow:0 20px 60px #00000080}.tour-hotspot{pointer-events:none;z-index:2;position:absolute;transform:translate(-50%,-50%)}.tour-hotspot-dot{border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006}.tour-hotspot-pulse{border-radius:50%;width:40px;height:40px;animation:2s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.tour-tooltip{z-index:10;pointer-events:auto;position:absolute}.tour-tooltip.anchored{transform:translate(-50%,calc(-100% - 32px))}.tour-tooltip.floating{bottom:16px;left:50%;transform:translate(-50%)}.tour-tooltip-card{--tour-accent:#7c3aed;border:3px solid var(--tour-accent);background:#fff;border-radius:16px;min-width:260px;max-width:380px;padding:24px 28px 18px;position:relative;box-shadow:0 16px 48px #00000059}.tour-tooltip-text{color:#1a1a2e;margin-bottom:20px;font-size:18px;font-weight:600;line-height:1.5}.tour-tooltip-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.tour-tooltip-footer-left{align-items:center;gap:10px;display:flex}.tour-back-arrow{cursor:pointer;color:#64748b;background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex}.tour-back-arrow:hover{color:#1a1a2e}.tour-tooltip-step{color:#94a3b8;margin:0;font-size:15px;font-weight:500}.tour-nav-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 24px;font-size:15px;font-weight:700;transition:opacity .15s,transform .15s}.tour-nav-btn:hover{opacity:.9;transform:translateY(-1px)}.tour-nav-btn.primary{background:var(--tour-accent,#7c3aed);color:#fff;border:none}.tour-tooltip-arrow{border-right:3px solid var(--tour-accent);border-top:3px solid var(--tour-accent);background:#fff;width:18px;height:18px;position:absolute;top:50%;right:-10px;transform:translateY(-50%)rotate(45deg)}.tour-tooltip.floating .tour-tooltip-arrow{display:none}.tour-progress{gap:8px;margin-top:20px;display:flex}.tour-dot{background:#ffffff4d;border-radius:50%;width:10px;height:10px;transition:background .2s}.tour-dot.active{background:#fff}.tour-dot.visited{background:#fff9}.tour-close{color:#fff;cursor:pointer;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:background .2s;display:flex;position:absolute;top:20px;right:24px}.tour-close:hover{background:#ffffff4d}.tour-voice-toggle{color:#fff;cursor:pointer;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex;position:absolute;top:20px;right:72px}.tour-voice-toggle:hover{background:#ffffff4d}.tour-voice-toggle.muted{opacity:.5}.share-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.share-btn:hover{background:var(--bg-card-hover);border-color:var(--border);color:var(--text-primary)}.share-btn:disabled{opacity:.6;cursor:wait}.share-spinner{border:2px solid var(--border);border-top-color:var(--text-secondary);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;width:100%;max-width:480px;padding:32px;animation:.2s modalIn;position:relative;box-shadow:0 20px 60px #0006}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.share-modal-close{background:var(--bg-elevated);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:14px;right:14px}.share-modal-close:hover{background:var(--bg-card-hover)}.share-modal-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.share-modal h3{text-align:center;color:var(--text-primary);margin:0 0 6px;font-size:18px;font-weight:600}.share-modal p{color:var(--text-muted);text-align:center;margin:0 0 20px;font-size:13px;line-height:1.5}.share-link-row{gap:8px;margin-bottom:12px;display:flex}.share-link-input{border:1px solid var(--border);color:var(--text-primary);background:var(--bg-input);border-radius:10px;outline:none;flex:1;min-width:0;padding:10px 12px;font-family:monospace;font-size:13px}.share-link-input:focus{border-color:var(--theme-color)}.share-copy-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;min-width:80px;padding:10px 20px;font-size:13px;font-weight:600;transition:opacity .15s}.share-copy-btn:hover{opacity:.9}.share-note{color:var(--text-muted);text-align:center;margin-bottom:16px;font-size:11px;line-height:1.5}.share-actions{justify-content:center;display:flex}.share-open-btn{border:1.5px solid;border-radius:10px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.share-open-btn:hover{background:var(--bg-card-hover)}.sidebar-hotspot-panel{flex-direction:column;flex:1;gap:4px;padding:14px;display:flex;overflow-y:auto}.hotspot-section{margin-bottom:16px}.hotspot-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11px;font-weight:600;display:block}.hotspot-text-input{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s,background .15s}.hotspot-text-input:focus{border-color:var(--theme-color);background:var(--bg-card)}.hotspot-option-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.hotspot-option-row:last-child{border-bottom:none}.hotspot-option-label{color:var(--text-primary);font-size:13px;font-weight:500}.hotspot-color-input{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;width:28px;height:28px;padding:2px}.toggle-switch{background:var(--text-muted);cursor:pointer;border:none;border-radius:11px;flex-shrink:0;width:38px;height:22px;padding:0;transition:background .2s;position:relative}.toggle-switch.on{background:var(--theme-color)}.toggle-thumb{background:var(--text-primary);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.toggle-switch.on .toggle-thumb{transform:translate(16px)}.position-grid-wrap{justify-content:center;padding:8px 0;display:flex}.position-grid{grid-template-rows:repeat(3,24px);grid-template-columns:repeat(3,24px);gap:6px;display:grid;position:relative}.position-dot{background:var(--text-muted);cursor:pointer;z-index:1;border:none;border-radius:50%;place-self:center;width:14px;height:14px;padding:0;transition:background .15s,transform .15s}.position-dot:hover{background:var(--text-secondary);transform:scale(1.2)}.position-dot.active{transform:scale(1.3)}.position-element{background:var(--bg-elevated);z-index:0;border-radius:6px;width:42px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hotspot-apply-all-btn{width:100%;color:var(--theme-color);background:var(--bg-card-hover);border:1px solid var(--border);cursor:pointer;border-radius:10px;margin-bottom:8px;padding:9px;font-size:12px;font-weight:600;transition:background .15s}.hotspot-apply-all-btn:hover{background:var(--bg-elevated)}.hotspot-remove-btn{width:100%;color:var(--danger);cursor:pointer;background:0 0;border:1px solid #ef444466;border-radius:10px;padding:9px;font-size:12px;font-weight:600;transition:background .15s}.hotspot-remove-btn:hover{background:#ef44441a}.sidebar-tab.disabled{opacity:.35;cursor:not-allowed}.tour-backdrop{z-index:1;pointer-events:none;background:#00000080;border-radius:14px;position:absolute;inset:0}.tour-spotlight{z-index:1;pointer-events:none;border-radius:50%;width:80px;height:80px;position:absolute;transform:translate(-50%,-50%)}.tour-tooltip-top-center{z-index:10;pointer-events:auto;position:absolute;transform:translate(-50%,calc(-100% - 28px))}.tour-tooltip-top-left{z-index:10;pointer-events:auto;position:absolute;transform:translate(-10%,calc(-100% - 28px))}.tour-tooltip-top-right{z-index:10;pointer-events:auto;position:absolute;transform:translate(-90%,calc(-100% - 28px))}.tour-tooltip-top-center .tour-tooltip-arrow,.tour-tooltip-top-left .tour-tooltip-arrow,.tour-tooltip-top-right .tour-tooltip-arrow{border-right:3px solid var(--tour-accent);border-bottom:3px solid var(--tour-accent);border-top:none;border-left:none;inset:auto auto -10px 50%;transform:translate(-50%)rotate(45deg)}.tour-tooltip-bottom-center .tour-tooltip-arrow,.tour-tooltip-bottom-left .tour-tooltip-arrow,.tour-tooltip-bottom-right .tour-tooltip-arrow{border-left:3px solid var(--tour-accent);border-top:3px solid var(--tour-accent);border-bottom:none;border-right:none;inset:-10px auto auto 50%;transform:translate(-50%)rotate(45deg)}.tour-tooltip-bottom-center{z-index:10;pointer-events:auto;position:absolute;transform:translate(-50%,28px)}.tour-tooltip-bottom-left{z-index:10;pointer-events:auto;position:absolute;transform:translate(-10%,28px)}.tour-tooltip-bottom-right{z-index:10;pointer-events:auto;position:absolute;transform:translate(-90%,28px)}.tour-tooltip-center-left{z-index:10;pointer-events:auto;position:absolute;transform:translate(calc(-100% - 28px),-50%)}.tour-tooltip-center-left .tour-tooltip-arrow{border-right:3px solid var(--tour-accent);border-top:3px solid var(--tour-accent);border-bottom:none;border-left:none;inset:50% -10px auto auto;transform:translateY(-50%)rotate(45deg)}.tour-tooltip-center-right{z-index:10;pointer-events:auto;position:absolute;transform:translate(28px,-50%)}.tour-tooltip-center-right .tour-tooltip-arrow{border-left:3px solid var(--tour-accent);border-bottom:3px solid var(--tour-accent);border-top:none;border-right:none;inset:50% auto auto -10px;transform:translateY(-50%)rotate(45deg)}.editor-tooltip{--et-accent:#7c3aed;z-index:5;pointer-events:auto;color:#1a1a2e;border:2px solid var(--et-accent);background:#fff;border-radius:14px;min-width:140px;max-width:240px;padding:14px 16px 10px;font-size:13px;font-weight:600;line-height:1.45;position:absolute;box-shadow:0 10px 32px #00000040}.editor-tooltip-text{white-space:normal;word-wrap:break-word;margin-bottom:10px;display:block}.editor-tooltip-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.editor-tooltip-step{color:#94a3b8;font-size:13px;font-weight:500}.editor-tooltip-btn{color:#fff;cursor:default;border-radius:8px;padding:6px 16px;font-size:12px;font-weight:700}.editor-tooltip-arrow{z-index:-1;background:#fff;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.editor-tooltip-top-center{transform:translate(-50%,calc(-100% - 22px))}.editor-tooltip-top-center .editor-tooltip-arrow{border-right:2px solid var(--et-accent);border-bottom:2px solid var(--et-accent);bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.editor-tooltip-top-left{transform:translate(-10%,calc(-100% - 22px))}.editor-tooltip-top-left .editor-tooltip-arrow{border-right:2px solid var(--et-accent);border-bottom:2px solid var(--et-accent);bottom:-6px;left:20px;transform:rotate(45deg)}.editor-tooltip-top-right{transform:translate(-90%,calc(-100% - 22px))}.editor-tooltip-top-right .editor-tooltip-arrow{border-right:2px solid var(--et-accent);border-bottom:2px solid var(--et-accent);bottom:-6px;left:auto;right:20px;transform:rotate(45deg)}.editor-tooltip-bottom-center{transform:translate(-50%,22px)}.editor-tooltip-bottom-center .editor-tooltip-arrow{border-left:2px solid var(--et-accent);border-top:2px solid var(--et-accent);top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.editor-tooltip-bottom-left{transform:translate(-10%,22px)}.editor-tooltip-bottom-left .editor-tooltip-arrow{border-left:2px solid var(--et-accent);border-top:2px solid var(--et-accent);top:-6px;left:20px;transform:rotate(45deg)}.editor-tooltip-bottom-right{transform:translate(-90%,22px)}.editor-tooltip-bottom-right .editor-tooltip-arrow{border-left:2px solid var(--et-accent);border-top:2px solid var(--et-accent);top:-6px;left:auto;right:20px;transform:rotate(45deg)}.editor-tooltip-center-left{transform:translate(calc(-100% - 22px),-50%)}.editor-tooltip-center-left .editor-tooltip-arrow{border-right:2px solid var(--et-accent);border-top:2px solid var(--et-accent);top:50%;right:-6px;transform:translateY(-50%)rotate(45deg)}.editor-tooltip-center-right{transform:translate(22px,-50%)}.editor-tooltip-center-right .editor-tooltip-arrow{border-left:2px solid var(--et-accent);border-bottom:2px solid var(--et-accent);top:50%;left:-6px;transform:translateY(-50%)rotate(45deg)}.tp-welcome{background:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.tp-welcome-card{background:var(--bg-card);text-align:center;border-radius:18px;max-width:400px;padding:36px 44px;box-shadow:0 8px 40px #0003}.tp-welcome-icon{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 18px;display:flex}.tp-welcome-card h1{color:var(--text-primary);margin:0 0 6px;font-size:22px;font-weight:600}.tp-welcome-card p{color:var(--text-muted);margin:0 0 24px;font-size:14px}.tp-start-btn{cursor:pointer;border:none;border-radius:9px;padding:11px 36px;font-size:15px;font-weight:600;transition:opacity .2s,transform .15s}.tp-start-btn:hover{opacity:.9;transform:translateY(-1px)}.tp-complete-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.tp-restart-link{color:var(--text-muted,#999);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px;transition:color .2s}.tp-restart-link:hover{color:var(--text-primary,#f2efe9)}.tp-overlay{--tp-scale:1;--tp-gap:calc(20px * var(--tp-scale));background:#080e1f;flex-direction:column;justify-content:center;align-items:center;padding:8px 8px 0;display:flex;position:fixed;inset:0}.tp-brand{z-index:100;color:#ffffff80;pointer-events:none;align-items:center;gap:2px;font-size:12px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.tp-brand strong{color:#fffc;font-weight:700}.tp-welcome .tp-brand{color:var(--text-muted)}.tp-welcome .tp-brand strong{color:var(--text-primary)}.tp--inline{min-height:0;position:absolute;inset:0}.tp-overlay.tp--inline{padding:10px 10px 0}.tp-overlay.tp--inline .tp-image-container,.tp-overlay.tp--inline .tp-image-container>img{max-width:100%;max-height:100%}.tp-player-wrap{flex-direction:column;align-items:stretch;max-width:95vw;display:flex}.tp-image-container{max-width:95vw;max-height:90vh;display:inline-flex;position:relative}.tp-image-container>img{border-radius:10px 10px 0 0;width:100%;max-width:95vw;max-height:90vh;display:block;box-shadow:0 16px 48px #0009}.tp-controls{opacity:0;z-index:20;gap:4px;transition:opacity .2s;display:flex;position:absolute;bottom:10px;right:10px}.tp-image-container:hover .tp-controls{opacity:1}.tp-ctrl-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fffc;cursor:pointer;background:#0000008c;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex}.tp-ctrl-btn:hover{color:#fff;background:#000c}.tp-ctrl-btn.muted{color:#ffffff59}.tp-progress-bar-wrap{background:#ffffff1a;border-radius:0 0 3px 3px;width:100%;height:3px;overflow:hidden}.tp-progress-bar-fill{border-radius:0 0 3px 3px;height:100%;transition:width .35s}.tp-hotspot{pointer-events:none;z-index:2;position:absolute;transform:translate(-50%,-50%)}.tp-hotspot-dot{width:calc(13px * var(--tp-scale,1));height:calc(13px * var(--tp-scale,1));border:2px solid #ffffffe6;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006}.tp-hotspot-pulse{width:calc(36px * var(--tp-scale,1));height:calc(36px * var(--tp-scale,1));border-radius:50%;animation:2s ease-in-out infinite tp-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes tp-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.tp-tooltip{z-index:10;pointer-events:auto;position:absolute}.tp-tooltip.anchored{transform:translate(-50%, calc(-100% - var(--tp-gap)))}.tp-tooltip.floating{bottom:14px;left:50%;transform:translate(-50%)}.tp-tooltip-card{--tp-accent:#2563eb;background:var(--tp-tooltip-bg,#fff);border:none;border-left:calc(4px * var(--tp-scale,1)) solid var(--tp-accent);border-radius:0 calc(12px * var(--tp-scale,1)) calc(12px * var(--tp-scale,1)) 0;padding:calc(14px * var(--tp-scale,1)) calc(18px * var(--tp-scale,1)) calc(12px * var(--tp-scale,1));min-width:calc(120px + 80px * var(--tp-scale,1));max-width:calc(160px + 160px * var(--tp-scale,1));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;box-shadow:0 8px 24px #00000038}.tp-tooltip-text{font-size:calc(14px * var(--tp-scale,1));margin-bottom:calc(12px * var(--tp-scale,1));color:var(--tp-tooltip-text,#1a1a2e);font-weight:500;line-height:1.55}.tp-tooltip-footer{justify-content:space-between;align-items:center;gap:calc(10px * var(--tp-scale,1));display:flex}.tp-tooltip-footer-left{align-items:center;gap:calc(8px * var(--tp-scale,1));display:flex}.tp-back-arrow{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:3px;transition:color .15s;display:flex}.tp-back-arrow svg{width:calc(16px * var(--tp-scale,1));height:calc(16px * var(--tp-scale,1))}.tp-back-arrow:hover{color:#1a1a2e}.tp-tooltip-step{font-size:calc(12px * var(--tp-scale,1));color:#94a3b8;margin:0;font-weight:500}.tp-nav-btn{padding:calc(8px * var(--tp-scale,1)) calc(18px * var(--tp-scale,1));border-radius:calc(8px * var(--tp-scale,1));font-size:calc(13px * var(--tp-scale,1));cursor:pointer;border:none;font-weight:600;transition:opacity .15s,transform .15s}.tp-nav-btn:hover{opacity:.88;transform:translateY(-1px)}.tp-nav-btn.primary{background:var(--tp-accent,#2563eb);color:#fff;border:none}.tp-tooltip-top-center{z-index:10;pointer-events:auto;transform:translate(-50%, calc(-100% - var(--tp-gap)));position:absolute}.tp-tooltip-top-left{z-index:10;pointer-events:auto;transform:translate(-10%, calc(-100% - var(--tp-gap)));position:absolute}.tp-tooltip-top-right{z-index:10;pointer-events:auto;transform:translate(-90%, calc(-100% - var(--tp-gap)));position:absolute}.tp-tooltip-bottom-center{z-index:10;pointer-events:auto;transform:translate(-50%, var(--tp-gap));position:absolute}.tp-tooltip-bottom-left{z-index:10;pointer-events:auto;transform:translate(-10%, var(--tp-gap));position:absolute}.tp-tooltip-bottom-right{z-index:10;pointer-events:auto;transform:translate(-90%, var(--tp-gap));position:absolute}.tp-tooltip-center-left{z-index:10;pointer-events:auto;transform:translate(calc(-100% - var(--tp-gap)), -50%);position:absolute}.tp-tooltip-center-right{z-index:10;pointer-events:auto;transform:translate(var(--tp-gap), -50%);position:absolute}.tp-error{background:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.tp-error-card{background:var(--bg-card);text-align:center;border-radius:16px;max-width:400px;padding:36px 44px;box-shadow:0 4px 24px #0003}.tp-error-icon{width:52px;height:52px;color:var(--danger);background:#ef44441f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;font-size:26px;font-weight:700;display:flex}.tp-error-card h2{color:var(--text-primary);margin:0 0 8px;font-size:19px}.tp-error-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.tp-loading{min-height:100vh;color:var(--text-muted);background:var(--bg-base);justify-content:center;align-items:center;font-size:16px;display:flex}.tp-complete-card{max-width:440px}.tp-complete-ctas{flex-direction:column;gap:8px;width:100%;margin-bottom:16px;display:flex}.tp-complete-share{color:var(--text-muted,#999);cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.tp-complete-share:hover{color:var(--text-primary,#1a1d27);border-color:#94a3b8}.tp-banner{padding:calc(10px * var(--tp-scale,1)) calc(20px * var(--tp-scale,1));font-size:calc(13px * var(--tp-scale,1));text-align:center;z-index:10;pointer-events:none;font-weight:600;position:absolute;top:0;left:0;right:0}.tp-modal-overlay{z-index:15;background:#0000008c;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tp-modal-card{border-radius:calc(12px * var(--tp-scale,1));padding:calc(24px * var(--tp-scale,1)) calc(28px * var(--tp-scale,1));max-width:calc(400px * var(--tp-scale,1));border-top:calc(4px * var(--tp-scale,1)) solid var(--tp-accent);background:#fff;width:90%;box-shadow:0 12px 40px #00000059}.tp-modal-text{font-size:calc(15px * var(--tp-scale,1));color:#1a1a2e;margin:0 0 calc(16px * var(--tp-scale,1));font-weight:500;line-height:1.5}.tp-backdrop{z-index:1;pointer-events:none;background:#00000080;border-radius:10px;position:absolute;inset:0}.tp-spotlight{z-index:1;pointer-events:none;border-radius:50%;width:80px;height:80px;position:absolute;transform:translate(-50%,-50%)}.team-content{flex-direction:column;display:flex}.team-header-actions{justify-content:flex-end;margin-bottom:20px;display:flex}.team-invite-btn{background:var(--accent);color:#fff;letter-spacing:-.01em;cursor:pointer;box-shadow:0 1px 2px #0f172a1f, 0 4px 12px var(--accent-soft);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,transform .12s,box-shadow .15s;display:inline-flex}.team-invite-btn svg{flex-shrink:0}.team-invite-btn:hover{background:var(--accent-hover);box-shadow:0 2px 4px #0f172a24, 0 8px 22px var(--accent-soft);transform:translateY(-1px)}.team-invite-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0f172a1f}.team-invite-btn:focus-visible{box-shadow:0 0 0 3px var(--accent-soft), 0 1px 2px #0f172a1f;outline:none}.team-main{max-width:960px}.team-stats{gap:16px;margin-bottom:28px;display:flex}.team-stat{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:12px;flex:1;padding:20px}.team-stat-num{color:var(--text-primary);font-size:28px;font-weight:700;display:block}.team-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.team-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.team-table{border-collapse:collapse;width:100%}.team-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--bg-surface);padding:14px 20px;font-size:12px;font-weight:600}.team-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:14px 20px;font-size:14px}.team-table tr:last-child td{border-bottom:none}.team-table tr:hover{background:var(--bg-card-hover)}.current-user-row{background:var(--bg-surface)}.current-user-row:hover{background:var(--bg-elevated)!important}.team-member-cell{align-items:center;gap:12px;display:flex}.team-avatar-sm{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.team-member-name{color:var(--text-primary);align-items:center;gap:6px;font-weight:600;display:flex}.team-you-badge{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.team-member-email{color:var(--text-muted);margin-top:1px;font-size:12px}.team-role-badge{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.team-role-select{cursor:pointer;appearance:auto;background:var(--bg-input);color:var(--text-primary);border:1px solid #0000;border-radius:6px;outline:none;padding:4px 10px;font-size:12px;font-weight:600;transition:border-color .15s}.team-role-select:hover{border-color:var(--border)}.team-date{color:var(--text-muted);font-size:13px}.team-status{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:inline-flex}.team-status-dot{background:var(--success);border-radius:50%;width:8px;height:8px}.team-status.inactive .team-status-dot{background:var(--text-muted)}.team-remove-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;padding:6px;transition:all .15s;display:flex}.team-remove-btn:hover{color:var(--danger);background:#ef444426;border-color:#ef44444d}.invite-fields{flex-direction:column;gap:14px;display:flex}.invite-field label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.invite-role-select{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.invite-role-select:focus{border-color:var(--accent)}.empty-state{text-align:center;border:1px dashed var(--border,#e5e7eb);background:var(--bg-surface,#fff);border-radius:16px;flex-direction:column;align-items:center;padding:56px 28px;display:flex}.empty-state-icon{background:var(--accent-soft,#2563eb1a);width:64px;height:64px;color:var(--accent,#2563eb);border-radius:16px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.empty-state-title{color:var(--text-primary,#111);margin:0 0 8px;font-size:20px;font-weight:700}.empty-state-msg{max-width:460px;color:var(--text-secondary,#555);margin:0;font-size:14.5px;line-height:1.55}.empty-state-steps{text-align:left;flex-direction:column;gap:10px;width:100%;max-width:380px;margin:22px 0 4px;padding:0;list-style:none;display:flex}.empty-state-steps li{color:var(--text-secondary,#555);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.empty-state-step-num{background:var(--accent-soft,#2563eb1f);width:22px;height:22px;color:var(--accent,#2563eb);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:12px;font-weight:700;display:flex}.empty-state-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.empty-state-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.empty-state-btn.primary{background:var(--accent,#2563eb);color:#fff}.empty-state-btn.primary:hover{opacity:.92}.empty-state-btn.ghost{background:var(--bg-card,#fff);color:var(--text-primary,#111);border-color:var(--border,#e5e7eb)}.empty-state-btn.ghost:hover{background:var(--bg-card-hover,#f6f7f9)}.empty-state-note{color:var(--text-muted,#9ca3af);margin:18px 0 0;font-size:13px}.vis-page{width:100%}.vis-stats{gap:16px;margin-bottom:28px;display:flex}.vis-stat{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:12px;flex:1;padding:20px}.vis-stat-num{color:var(--text-primary);font-size:28px;font-weight:700;display:block}.vis-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:12px;font-weight:500;display:block}.vis-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.vis-tabs{background:var(--border-light);border-radius:10px;gap:4px;padding:4px;display:flex}.vis-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.vis-tab:hover{color:var(--text-primary);background:var(--bg-elevated)}.vis-tab.active{background:var(--bg-card);color:var(--accent);font-weight:600;box-shadow:0 1px 3px #0003}.vis-tab-count{background:var(--border);min-width:22px;height:20px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.vis-tab.active .vis-tab-count{background:var(--accent-soft);color:var(--accent)}.vis-search-wrap{position:relative}.vis-search-icon{pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.vis-search{border:1px solid var(--border);background:var(--bg-input);width:220px;color:var(--text-primary);border-radius:8px;outline:none;padding:8px 14px 8px 36px;font-size:13px;transition:border-color .15s,box-shadow .15s}.vis-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.vis-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow-x:auto}.vis-table{border-collapse:collapse;width:100%;min-width:950px}.vis-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--bg-surface);white-space:nowrap;padding:14px 16px;font-size:11px;font-weight:600}.vis-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:14px 16px;font-size:14px}.vis-table tr:last-child td{border-bottom:none}.vis-table tr:hover{background:var(--bg-card-hover)}.vis-empty-row{text-align:center;color:var(--text-muted);font-size:14px;padding:40px 16px!important}.vis-loading{text-align:center;color:var(--text-muted);padding:48px;font-size:14px}.vis-user-cell{align-items:center;gap:10px;display:flex}.vis-user-avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vis-lead-avatar{background:var(--accent);color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.vis-company-avatar{width:34px;height:34px;color:var(--success);text-transform:uppercase;background:#34d39926;border:1px solid #34d3994d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.vis-user-name{color:var(--text-primary);font-size:13px;font-weight:600}.vis-user-meta{color:var(--text-muted);margin-top:1px;font-size:12px}.vis-account-name{color:var(--text-primary);font-size:13px;font-weight:500}.vis-account-email{color:var(--text-muted);margin-top:1px;font-size:12px}.vis-cell-empty{color:var(--text-muted);font-size:14px}.vis-cell-muted{color:var(--text-secondary);font-size:13px}.vis-intent{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.vis-intent-high{color:var(--success);background:#34d39926}.vis-intent-med{color:var(--warning);background:#fbbf2426}.vis-intent-low{color:var(--danger);background:#ef444426}.vis-content-cell{flex-wrap:wrap;gap:4px;max-width:200px;display:flex}.vis-page-tag{background:var(--border-light);color:var(--text-secondary);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.vis-completion{align-items:center;gap:8px;display:flex}.vis-completion-bar{background:var(--border-light);border-radius:3px;flex:1;min-width:60px;max-width:80px;height:6px;overflow:hidden}.vis-completion-fill{border-radius:3px;height:100%;transition:width .3s}.vis-completion-text{color:var(--text-secondary);min-width:32px;font-size:12px;font-weight:600}.vis-cta-badge{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.vis-session-count{background:var(--border-light);min-width:28px;height:24px;color:var(--text-primary);border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:600;display:inline-flex}.vis-contacts-list{flex-direction:column;gap:2px;display:flex}.an-page{width:100%}.an-loading{text-align:center;color:var(--text-muted,#999);padding:48px;font-size:14px}.an-filter-bar{justify-content:flex-end;align-items:center;margin-bottom:24px;display:flex}.an-date-filter{align-items:center;gap:8px;display:flex;position:relative}.an-date-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s;display:flex}.an-date-btn:hover{border-color:var(--accent)}.an-date-backdrop{z-index:9;position:fixed;inset:0}.an-date-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:10;border-radius:10px;min-width:170px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000040}.an-date-option{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:9px 14px;font-size:13px;font-weight:500;transition:background .12s;display:block}.an-date-option:hover{background:var(--bg-card-hover);color:var(--text-primary)}.an-date-option.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.an-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.an-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;align-items:flex-start;gap:16px;padding:22px;transition:box-shadow .15s;display:flex}.an-card:hover{box-shadow:0 2px 12px #00000026}.an-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.an-card-body{flex-direction:column;min-width:0;display:flex}.an-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:12px;font-weight:500}.an-card-value{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2}.an-card-sub{color:var(--text-muted);font-size:13px;font-weight:500}.an-card-rate{color:var(--success);margin-top:4px;font-size:12px;font-weight:500}.an-chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-bottom:28px;padding:24px}.an-chart-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.an-chart-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.an-chart-legend{gap:18px;display:flex}.an-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.an-legend-dot{border-radius:3px;width:10px;height:10px;display:inline-block}.an-chart-svg{width:100%;height:auto;display:block}.an-chart-hover:hover+rect,.an-chart-hover:hover{opacity:.85}.an-table-section{margin-bottom:32px}.an-section-title{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:700}.an-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow-x:auto}.an-table{border-collapse:collapse;width:100%;min-width:820px}.an-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--bg-surface);white-space:nowrap;padding:14px 18px;font-size:11px;font-weight:600}.an-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:16px 18px;font-size:14px}.an-table tr:last-child td{border-bottom:none}.an-table tr:hover{background:var(--bg-card-hover)}.an-content-cell{align-items:center;gap:10px;display:flex}.an-content-type{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.an-type-tour{background:var(--accent-soft);color:var(--accent)}.an-type-demo{color:var(--warning);background:#fbbf2426}.an-type-guide{color:var(--success);background:#34d39926}.an-type-page{color:var(--danger);background:#ef444426}.an-content-name{color:var(--text-primary);font-size:13px;font-weight:600}.an-cell-num{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.an-cell-muted{color:var(--text-secondary);font-size:13px}.an-engaged-cell{align-items:center;gap:8px;display:flex}.an-cell-pct{color:var(--success);background:#34d39926;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.an-perf{align-items:center;gap:8px;display:flex}.an-perf-bar{background:var(--border-light);border-radius:3px;flex:1;min-width:60px;max-width:90px;height:6px;overflow:hidden}.an-perf-fill{border-radius:3px;height:100%;transition:width .3s}.an-perf-text{color:var(--text-secondary);min-width:32px;font-size:12px;font-weight:600}.rollout{margin-top:44px}.rollout-heading{color:var(--text-primary);letter-spacing:-.015em;margin:0 0 4px;font-size:17px;font-weight:700}.rollout-subhead{color:var(--text-secondary);margin:0 0 18px;font-size:13.5px}.rollout-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:2px;display:grid}@media (width<=1080px){.rollout-row{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.rollout-row{grid-template-columns:1fr}}.rollout-card{border:1px solid var(--border);background:var(--bg-card);border-radius:16px;padding:22px 20px 24px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}.rollout-card:before{content:"";background:linear-gradient(90deg, var(--accent), #60a5fa);transform-origin:0;height:3px;transition:transform .25s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.rollout-card:hover:before{transform:scaleX(1)}.rollout-card:hover{border-color:var(--accent-border);transform:translateY(-3px);box-shadow:0 10px 32px #0f172a14}.rollout-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.rollout-card:first-child .rollout-icon{color:#2563eb;background:#2563eb1a}.rollout-card:nth-child(2) .rollout-icon{color:#0d9488;background:#0d94881f}.rollout-card:nth-child(3) .rollout-icon{color:#7c3aed;background:#7c3aed1f}.rollout-card:nth-child(4) .rollout-icon{color:#ea580c;background:#ea580c1f}.rollout-title{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 7px;font-size:15px;font-weight:650;line-height:1.35}.rollout-desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.hb{--hub-accent:var(--accent);--hub-accent-light:color-mix(in srgb, var(--hub-accent) 8%, #fff);--hub-accent-dark:color-mix(in srgb, var(--hub-accent) 42%, #0b1020);background:var(--bg);z-index:50;flex-direction:column;display:flex;position:fixed;inset:0}.hb-loading{height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:15px;display:flex}.hb-btn{cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);border-radius:9px;align-items:center;gap:7px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.hb-btn-ghost{border-color:var(--accent-border);color:var(--accent);background:0 0}.hb-btn-ghost:hover{background:var(--accent-soft)}.hb-btn-primary{background:var(--hub-accent);border-color:var(--hub-accent);color:#fff}.hb-btn-primary:hover{filter:brightness(.95)}.hb-top{border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.hb-top-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.hb-top-right{align-items:center;gap:12px;display:flex}.hb-back{border:1px solid var(--border);background:var(--bg-card);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hb-back:hover{border-color:var(--accent-border);color:var(--accent)}.hb-name{color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:8px;flex:1;min-width:0;max-width:460px;padding:6px 10px;font-size:18px;font-weight:700}.hb-name:hover{border-color:var(--border)}.hb-name:focus{border-color:var(--accent-border);background:var(--bg);outline:none}.hb-save{white-space:nowrap;font-size:12.5px;font-weight:500}.hb-save--saving{color:var(--text-muted)}.hb-save--saved{color:var(--success)}.hb-save--error{color:var(--warning)}.hb-save--idle{color:#0000}.hb-main{flex:1;grid-template-columns:1fr 288px;min-height:0;display:grid}.hb-rail{border-right:1px solid var(--border);background:var(--bg-card);flex-direction:column;gap:8px;padding:20px 18px;display:flex;overflow-y:auto}.hb-rail-section{border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:18px}.hb-rail-section:last-child{border-bottom:none;margin-bottom:0}.hb-rail-title{color:var(--text-primary);margin:0 0 2px;font-size:14px;font-weight:700}.hb-rail-sub{color:var(--text-muted);margin:0 0 14px;font-size:12.5px}.hb-rail-group-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:14px 0 8px;font-size:11px;font-weight:600;display:block}.hb-rail-group-label:first-of-type{margin-top:0}.hb-types{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hb-type{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:9px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px 7px;transition:border-color .15s,background .15s;display:flex}.hb-type:hover{border-color:var(--accent-border)}.hb-type.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset}.hb-type-mock{pointer-events:none;width:100%;display:block}.hb-type-name{color:var(--text-secondary);text-align:center;font-size:11.5px;font-weight:600;line-height:1.2}.hb-type.active .hb-type-name{color:var(--accent)}.hb-branding-toggle{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:14px;font-weight:700;display:flex}.hb-chevron{color:var(--text-muted);transition:transform .18s}.hb-chevron.open{transform:rotate(180deg)}.hb-branding{flex-direction:column;gap:14px;margin-top:14px;display:flex}.hb-field{flex-direction:column;gap:5px;display:flex}.hb-field>span{color:var(--text-secondary);font-size:12px;font-weight:600}.hb-input{border:1px solid var(--border);color:var(--text-primary);background:var(--bg);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13.5px}.hb-input:focus{border-color:var(--accent-border);outline:none}.hb-textarea{resize:vertical;line-height:1.4}.hb-field-hint{color:var(--text-muted);font-size:11.5px;font-weight:400;line-height:1.4}.hb-segment{border:1px solid var(--border);background:var(--bg);border-radius:9px;align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.hb-segment button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.hb-segment button:hover{color:var(--accent)}.hb-segment button.active{background:var(--hub-accent);color:#fff}.hb-accent-row{align-items:center;gap:8px;display:flex}.hb-accent-row input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:38px;height:34px;padding:0}.hb-canvas{--dot-color:color-mix(in srgb, var(--hub-accent) 12%, transparent);background-color:var(--hub-accent-light);background-image:var(--dot-bg);background-size:var(--dot-size);padding:28px 32px 104px;overflow-y:auto}.hb-canvas-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.hb-canvas-title{letter-spacing:-.015em;color:var(--hub-accent-dark);margin:0 0 4px;font-size:24px;font-weight:800}.hb-canvas-type{color:var(--text-muted);font-size:13px}.hb-empty{text-align:center;border:1.5px dashed var(--border);color:var(--text-secondary);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:70px 20px;display:flex}.hb-empty h3{color:var(--text-primary);margin:10px 0 0;font-size:16px;font-weight:700}.hb-empty p{color:var(--text-muted);max-width:340px;margin:0;font-size:13.5px}.hb-sections{flex-direction:column;gap:26px;display:flex}.hb-section{flex-direction:column;gap:12px;display:flex}.hb-section-label{color:var(--hub-accent-dark);border-bottom:1px solid color-mix(in srgb, var(--hub-accent) 22%, transparent);margin:0;padding-bottom:6px;font-size:14px;font-weight:700}.hb-demos{flex-direction:column;gap:14px;display:flex}.hb-demo{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;flex-direction:column;gap:11px;padding:12px 14px 14px;display:flex;box-shadow:0 2px 8px #0b10200f}.hb-demo-head{align-items:center;gap:11px;display:flex}.hb-card-pos{background:var(--hub-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.hb-demo-thumb{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.hb-demo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.hb-demo-headinfo{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hb-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.hb-card-meta{color:var(--text-muted);font-size:12px}.hb-card-label{border:1px solid var(--border);color:var(--text-primary);background:var(--bg);border-radius:7px;padding:6px 9px;font-family:inherit;font-size:12.5px}.hb-card-label:focus{border-color:var(--accent-border);outline:none}.hb-demo-label{max-width:260px}.hb-card-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.hb-card-actions button{border:1px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.hb-card-actions button:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent)}.hb-card-actions button:disabled{opacity:.35;cursor:not-allowed}.hb-card-remove:hover:not(:disabled){border-color:var(--warning)!important;color:var(--warning)!important}.hb-demo-strip{scrollbar-width:thin;gap:10px;padding:2px 2px 6px;display:flex;overflow-x:auto}.hb-shot-wrap{flex-direction:column;flex:none;gap:6px;width:192px;display:flex}.hb-shot-title{box-sizing:border-box;border:1px solid var(--border);background:var(--bg-card);width:192px;color:var(--text-primary);border-radius:7px;padding:5px 8px;font-family:inherit;font-size:12px}.hb-shot-title:focus{border-color:var(--hub-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--hub-accent) 18%, transparent);outline:none}.hb-shot-title:disabled{opacity:.5}.hb-shot{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:9px;flex:none;width:192px;height:120px;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden}.hb-shot:hover{border-color:var(--accent-border);transform:translateY(-1px);box-shadow:0 4px 14px #00000014}.hb-shot img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.hb-shot-num{color:#fff;background:#0f172ab8;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:6px;left:6px}.hb-shot--skel{cursor:default;background:linear-gradient(100deg, var(--bg-card) 30%, var(--accent-soft) 50%, var(--bg-card) 70%);background-size:200% 100%;animation:1.3s ease-in-out infinite hb-shimmer}@keyframes hb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hb-strip-empty{color:var(--text-muted);padding:22px 4px;font-size:12.5px}.hb-shot-nav{color:#fff;opacity:0;background:#0f172ab8;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .15s,background .15s;display:inline-flex;position:absolute;top:6px;right:6px}.hb-shot-wrap:hover .hb-shot-nav{opacity:1}.hb-shot-nav:hover{background:var(--hub-accent)}.hb-shot--extra{border-style:dashed;border-color:var(--accent-border)}.hb-shot-badge{background:var(--hub-accent);color:#fff;letter-spacing:.02em;border-radius:9px;padding:1px 7px;font-size:10.5px;font-weight:600;position:absolute;bottom:6px;right:6px}.hb-shot-extrarow{align-items:center;gap:6px;width:192px;display:flex}.hb-shot-extra-name{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.hb-shot-remove{border:1px solid var(--border);background:var(--bg-card);width:22px;height:22px;color:var(--text-muted);cursor:pointer;border-radius:6px;flex:none;line-height:1}.hb-shot-remove:hover{color:#ef4444;border-color:#ef4444}.hb-shot-add{border:1px dashed var(--border);background:var(--bg-card);width:192px;height:120px;color:var(--text-muted);cursor:pointer;border-radius:9px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:flex}.hb-shot-add:hover{border-color:var(--hub-accent);color:var(--hub-accent);background:var(--accent-soft)}.hb-screen-prev{border:1px solid var(--border);background:var(--bg);width:140px;height:88px;color:var(--text-muted);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:12px;display:flex;overflow:hidden}.hb-screen-prev img{object-fit:cover;object-position:top center;width:100%;height:100%}.hb-check{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;margin-top:6px;font-size:13px;display:flex}.hb-check input{width:15px;height:15px;accent-color:var(--hub-accent)}.hb-view-toggle{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.hb-view-toggle button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.hb-view-toggle button:hover{color:var(--accent)}.hb-view-toggle button.active{background:var(--hub-accent);color:#fff}.hb-view-toggle button svg{flex-shrink:0}.hb-sv{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;grid-template-columns:300px 1fr;min-height:440px;display:grid;overflow:hidden;box-shadow:0 2px 10px #0b10200f}.hb-sv-list{border-right:1px solid var(--border);background:var(--bg-card);flex-direction:column;gap:6px;padding:18px 14px;display:flex;overflow-y:auto}.hb-sv-nav{flex-direction:column;gap:16px;display:flex}.hb-sv-group{flex-direction:column;gap:4px;display:flex}.hb-sv-group-head{align-items:center;gap:9px;padding:0 4px 4px;display:flex}.hb-sv-num{background:var(--hub-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11.5px;font-weight:700;display:inline-flex}.hb-sv-demo-name{text-align:left;min-width:0;color:var(--text-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;flex:1;padding:4px 6px;font-family:inherit;font-size:13.5px;font-weight:700;transition:background .15s,color .15s;overflow:hidden}.hb-sv-demo-name:hover{background:var(--accent-soft);color:var(--accent)}.hb-sv-screen{border-left:1px solid var(--border);border-radius:0;align-items:center;gap:8px;margin-left:11px;padding-left:11px;display:flex}.hb-sv-screen.active{border-left-color:var(--hub-accent)}.hb-sv-dot-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:28px;margin-left:-17px;display:inline-flex}.hb-sv-dot{background:var(--border);width:9px;height:9px;box-shadow:0 0 0 2px var(--bg-card);border-radius:50%;transition:background .15s}.hb-sv-screen.active .hb-sv-dot{background:var(--hub-accent)}.hb-sv-screen:hover .hb-sv-dot{background:var(--accent)}.hb-sv-screen-name{min-width:0;color:var(--text-secondary);background:var(--bg);border:1px solid #0000;border-radius:7px;flex:1;padding:6px 9px;font-family:inherit;font-size:12.5px;transition:border-color .15s,background .15s,color .15s}.hb-sv-screen.active .hb-sv-screen-name{color:var(--text-primary);font-weight:600}.hb-sv-screen-name:hover{border-color:var(--border)}.hb-sv-screen-name:focus{border-color:var(--hub-accent);background:var(--bg-card);box-shadow:0 0 0 2px color-mix(in srgb, var(--hub-accent) 18%, transparent);outline:none}.hb-sv-screen-name:disabled{opacity:.5}.hb-sv-screen--skel{pointer-events:none}.hb-sv-skelbar{background:linear-gradient(100deg, var(--bg) 30%, var(--accent-soft) 50%, var(--bg) 70%);background-size:200% 100%;border-radius:7px;flex:1;height:28px;animation:1.3s ease-in-out infinite hb-shimmer}.hb-sv-empty-row{color:var(--text-muted);margin-left:11px;padding:6px 10px;font-size:12px}.hb-sv-stage{background:var(--hub-accent-light);background-image:var(--dot-bg);background-size:var(--dot-size);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:28px;display:flex}.hb-sv-screenframe{width:var(--hub-stage-width,80%);aspect-ratio:16/10;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;max-width:760px;display:flex;overflow:hidden;box-shadow:0 10px 30px #0f172a1f}.hb-sv-screenshot{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.hb-sv-screen-loading{color:var(--text-muted);text-align:center;padding:24px;font-size:13px}.hb-sv--full .hb-sv-stage{padding:16px}.hb-sv--full .hb-sv-screenframe{aspect-ratio:auto;width:100%;max-width:none;height:100%}.hb-sv--full .hb-sv-screenshot{object-fit:cover;object-position:center}@media (width<=880px){.hb-sv{grid-template-columns:1fr}.hb-sv-list{border-right:none;border-bottom:1px solid var(--border);max-height:280px}}.hb-add{border-left:1px solid var(--border);background:var(--bg-card);flex-direction:column;gap:12px;padding:20px 18px;display:flex;overflow-y:auto}.hb-search{width:100%}.hb-add-create{border:1px dashed var(--accent-border);background:var(--accent-soft);width:100%;color:var(--accent);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,opacity .15s;display:flex}.hb-add-create:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.hb-add-create:disabled{opacity:.6;cursor:default}.hb-add-create-icon{justify-content:center;align-items:center;display:inline-flex}.hb-add-empty{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.hb-add-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.hb-add-item{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:9px 10px;transition:border-color .15s,background .15s;display:flex}.hb-add-item:hover{border-color:var(--accent-border);background:var(--accent-soft)}.hb-add-item--added{cursor:default;opacity:.55;background:var(--bg-muted,#f4f5f7)}.hb-add-item--added:hover{border-color:var(--border);background:var(--bg-muted,#f4f5f7)}.hb-add-item--added .hb-add-plus{background:color-mix(in srgb, var(--accent) 16%, transparent)}.hb-add-name{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.hb-add-meta{color:var(--text-muted);white-space:nowrap;font-size:11.5px}.hb-add-plus{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:inline-flex}@media (width<=1080px){.hb-main{grid-template-columns:1fr 240px}}.hb-fab-wrap{z-index:60;flex-direction:column;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.hb-fab{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;align-items:center;gap:4px;padding:7px;display:flex;box-shadow:0 14px 36px #0f172a2e}.hb-fab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:11px;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.hb-fab-btn:hover,.hb-fab-btn.active{background:var(--accent-soft);color:var(--accent)}.hb-fab-btn svg{flex-shrink:0}.hb-fab-sep{background:var(--border);width:1px;height:22px;margin:0 2px}.hb-fab-backdrop{z-index:55;background:0 0;position:fixed;inset:0}.hb-fab-pop{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:14px;width:360px;max-width:calc(100vw - 32px);padding:18px;animation:.16s hb-fab-pop-in;display:flex;box-shadow:0 18px 48px #0f172a38}@keyframes hb-fab-pop-in{0%{transform:translateY(8px)}to{transform:translateY(0)}}.hb-fab-pop-head h4{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 3px;font-size:15px;font-weight:700;display:flex}.hb-fab-pop-head p{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.4}.hb-soon{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.hb-template-list{flex-direction:column;gap:8px;display:flex}.hb-template{border:1px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;border-radius:11px;align-items:center;gap:12px;padding:10px;transition:border-color .15s,background .15s;display:flex}.hb-template:hover{border-color:var(--accent-border);background:var(--accent-soft)}.hb-template.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.hb-template-mock{pointer-events:none;flex-shrink:0;width:96px}.hb-template-mock .lm{aspect-ratio:134/92;width:100%;height:auto}.hb-template-text{flex-direction:column;gap:2px;min-width:0;display:flex}.hb-template-name{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.hb-template-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.hb-fab-pop--wide{width:720px;max-height:min(72vh,620px);overflow:hidden}.hb-tpl-backdrop{z-index:70;background:#0f172a73;justify-content:center;align-items:center;padding:24px;animation:.16s hb-fab-pop-in;display:flex;position:fixed;inset:0}.hb-tpl-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;flex-direction:column;width:min(980px,96vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0f172a47}.hb-tpl-modal--sm{width:min(440px,96vw)}.hb-tpl-modal--edit{width:min(720px,96vw)}.hb-tpl-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 24px 14px;display:flex}.hb-tpl-head h3{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 4px;font-size:19px;font-weight:800}.hb-tpl-head p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.4}.hb-tpl-close{border:1px solid var(--border);background:var(--bg);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.hb-tpl-close:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-soft)}.hb-tpl-body{flex-direction:column;gap:18px;padding:18px 24px 22px;display:flex;overflow-y:auto}.hb-template-group{flex-direction:column;gap:9px;display:flex}.hb-template-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:700}.hb-template-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.hb-template-grid .hb-template{align-items:flex-start}.hb-template-current{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:1px 7px;font-size:9.5px;font-weight:700}.hb-edit-grid{grid-template-columns:1fr 1fr;gap:22px;margin:0 -4px;padding:2px 4px;display:grid;overflow-y:auto}.hb-edit-col{flex-direction:column;gap:14px;display:flex}.hb-cta-field{gap:10px}.hb-cta-head{flex-direction:column;gap:2px;display:flex}.hb-cta-hint{color:var(--text-muted);font-size:11.5px;font-weight:400;line-height:1.4}.hb-cta-empty{color:var(--text-muted);border:1px dashed var(--border);background:var(--bg);border-radius:10px;margin:0;padding:12px;font-size:12px;line-height:1.45}.hb-cta-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.hb-cta-row{border:1px solid var(--border);background:var(--bg);border-radius:11px;align-items:flex-start;gap:8px;padding:10px;display:flex}.hb-cta-rank{text-transform:uppercase;letter-spacing:.03em;color:var(--accent);flex-shrink:0;min-width:46px;margin-top:8px;font-size:10px;font-weight:700}.hb-cta-inputs{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.hb-cta-actions{flex-direction:column;flex-shrink:0;gap:3px;display:flex}.hb-cta-actions button{border:1px solid var(--border);background:var(--bg-card);width:24px;height:22px;color:var(--text-secondary);cursor:pointer;border-radius:6px;font-size:12px;line-height:1;transition:background .15s,color .15s,border-color .15s}.hb-cta-actions button:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent)}.hb-cta-actions button:disabled{opacity:.4;cursor:default}.hb-cta-remove:hover:not(:disabled){color:#c0392b!important;border-color:#e5b4b4!important}.hb-cta-add{border:1px dashed var(--accent-border);background:var(--accent-soft);color:var(--accent);cursor:pointer;border-radius:9px;align-self:flex-start;padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .15s}.hb-cta-add:hover{background:color-mix(in srgb, var(--accent) 16%, #fff)}.hb-finish-field{gap:10px}.hb-finish-types{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hb-finish-type{text-align:left;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:10px;flex-direction:column;gap:3px;padding:10px 12px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.hb-finish-type:hover{border-color:var(--accent-border)}.hb-finish-type.active{border-color:var(--accent);background:var(--accent-soft)}.hb-finish-name{color:var(--text-primary);font-size:13px;font-weight:700}.hb-finish-desc{color:var(--text-muted);font-size:11.5px;line-height:1.35}.hb-finish-config{border:1px solid var(--border);background:var(--bg-surface);border-radius:10px;flex-direction:column;gap:12px;margin-top:4px;padding:14px;display:flex}.hb-finish-checks{flex-wrap:wrap;gap:8px 18px;display:flex}.hb-tpl-modal--finish{width:min(1000px,96vw);height:min(680px,90vh)}.hb-finish-split{flex:1;min-height:0;display:flex}.hb-finish-pane{min-height:0;overflow-y:auto}.hb-finish-pane--config{border-right:1px solid var(--border-light);flex-direction:column;flex:1;gap:16px;padding:18px 22px 22px;display:flex}.hb-finish-pane--preview{background:var(--bg-surface);flex-direction:column;flex-shrink:0;gap:10px;width:396px;padding:16px 18px 22px;display:flex}.hb-finish-preview-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:700}.hb-finish-preview-stage{border:1px solid var(--border);background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--hub-accent,#2563eb) 18%, transparent) 1px, transparent 0) 0 0 / 16px 16px, color-mix(in srgb, var(--hub-accent,#2563eb) 8%, var(--bg-card));border-radius:14px;flex:1;justify-content:center;align-items:flex-start;padding:18px;display:flex;overflow-y:auto}.hb-finish-preview-stage .hfc-card{max-width:340px;box-shadow:0 10px 30px #0f172a29}.hb-survey-qs{flex-direction:column;gap:10px;display:flex}.hb-survey-empty{color:var(--text-muted);margin:0;font-size:12px}.hb-survey-q{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.hb-survey-q-top{align-items:center;gap:8px;display:flex}.hb-survey-q-num{width:22px;height:22px;color:var(--accent);background:var(--accent-soft);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.hb-survey-q-type{flex:1}.hb-survey-q-move{flex-direction:column;flex-shrink:0;gap:3px;display:flex}.hb-survey-q-move button{border:1px solid var(--border);background:var(--bg);width:22px;height:14px;color:var(--text-muted);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;font-size:10px;line-height:1;transition:color .15s,border-color .15s;display:inline-flex}.hb-survey-q-move button:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent)}.hb-survey-q-move button:disabled{opacity:.4;cursor:default}.hb-survey-q-del{border:1px solid var(--border);background:var(--bg);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.hb-survey-q-del:hover{color:#d63a3a;background:#fdf1f1;border-color:#f0c2c2}.hb-survey-opts{flex-direction:column;gap:6px;padding-left:4px;display:flex}.hb-survey-opt{align-items:center;gap:6px;display:flex}.hb-survey-opt-del{border:1px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hb-survey-opt-del:disabled{opacity:.4;cursor:default}.hb-survey-opt-del:not(:disabled):hover{color:#d63a3a;border-color:#f0c2c2}.hb-survey-add-opt{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:12px;font-weight:600}.hb-survey-req{font-size:12.5px}.hb-survey-add-row{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.hb-survey-add{color:var(--text-secondary);background:var(--bg-card);border:1px dashed var(--border);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s,background .15s}.hb-survey-add:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.hb-cal-toggle{font-size:13px;font-weight:600}.hb-cal-config{flex-direction:column;gap:8px;margin-top:10px;display:flex}@media (width<=760px){.hb-tpl-modal--finish{height:92vh}.hb-finish-split{flex-direction:column}.hb-finish-pane--config{border-right:none;border-bottom:1px solid var(--border-light)}.hb-finish-pane--preview{width:auto}}.hb-edit-foot{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:14px;padding:14px 24px;display:flex}.hb-edit-foot .hb-save{margin-right:auto;font-size:12.5px}.hb-edit-save{background:var(--accent);color:#fff;letter-spacing:-.01em;cursor:pointer;min-width:96px;box-shadow:0 1px 2px #0f172a1f, 0 4px 12px var(--accent-soft);border:none;border-radius:10px;justify-content:center;align-items:center;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,transform .12s,box-shadow .15s;display:inline-flex}.hb-edit-save:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 2px 4px #0f172a24, 0 8px 22px var(--accent-soft);transform:translateY(-1px)}.hb-edit-save:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0f172a1f}.hb-edit-save:disabled{opacity:.6;cursor:default}@media (width<=860px){.hb-template-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.hb-fab-pop--wide{width:100%}.hb-edit-grid{grid-template-columns:1fr}}@media (width<=560px){.hb-template-grid{grid-template-columns:1fr}}.hb-card-monogram{font-size:15px;font-weight:800}.hb-card-name{align-items:center;gap:7px;display:inline-flex}.hb-card-badge{letter-spacing:.02em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:5px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:700}.hb-card-meta{align-items:center;gap:6px;display:inline-flex}.hb-card-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 0 1px #0000000f}.hb-card-edit:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent)}.hb-modal-backdrop{z-index:80;background:#0f172a6b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.hb-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:16px;width:440px;max-width:100%;max-height:calc(100vh - 48px);padding:22px;display:flex;overflow-y:auto;box-shadow:0 24px 60px #0f172a47}.hb-modal-head h3{color:var(--text-primary);margin:0 0 4px;font-size:17px;font-weight:700}.hb-modal-head p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.hb-thumb-row{align-items:center;gap:14px;display:flex}.hb-thumb-prev{border:1px solid var(--border);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:56px;font-size:22px;font-weight:800;display:inline-flex;overflow:hidden}.hb-thumb-prev img{object-fit:cover;width:100%;height:100%}.hb-thumb-actions{align-items:center;gap:10px;display:flex}.hb-file{cursor:pointer}.hb-color-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hb-color-cell{color:var(--text-muted);flex-direction:column;gap:5px;font-size:12px;display:flex}.hb-color-cell input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:100%;height:34px;padding:0}.hb-modal-foot{align-items:center;gap:10px;margin-top:2px;display:flex}.hb-foot-spacer{flex:1}.hb-saving{color:var(--text-muted);text-align:right;font-size:12.5px}.hb-link-btn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.hb-link-btn:hover:not(:disabled){text-decoration:underline}.hb-link-btn:disabled{opacity:.5;cursor:not-allowed}.hb-reset{color:var(--warning)}.hb-scope{flex-direction:column;gap:10px;display:flex}.hb-scope-opt{text-align:left;border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:14px 15px;transition:border-color .15s,background .15s;display:flex}.hb-scope-opt:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.hb-scope-opt:disabled{opacity:.55;cursor:not-allowed}.hb-scope-title{color:var(--text-primary);font-size:14px;font-weight:700}.hb-scope-title em{color:var(--accent);font-style:normal}.hb-scope-desc{color:var(--text-muted);font-size:12.5px;line-height:1.45}.hb-scope-err{color:var(--warning);margin:0;font-size:12.5px}.hb-inline-player{border:1px solid var(--border);background:var(--surface,#fff);border-radius:12px;margin-top:20px;overflow:hidden;box-shadow:0 8px 28px #0000001a}.hb-inline-head{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.hb-inline-title{color:var(--text-primary);font-size:14px;font-weight:700}.hb-inline-close{border:1px solid var(--border);background:var(--surface,#fff);color:var(--text-primary);cursor:pointer;border-radius:7px;padding:5px 11px;font-size:12.5px;font-weight:600;transition:border-color .15s,background .15s}.hb-inline-close:hover{border-color:var(--accent);background:var(--accent-soft)}.hb-inline-stage{background:#000;height:600px;position:relative}.hb-inline-msg{color:var(--text-muted);justify-content:center;align-items:center;font-size:13.5px;display:flex;position:absolute;inset:0}.hc-name-step{flex-direction:column;gap:8px;padding:4px 0 6px;display:flex}.hc-field-label{color:var(--text-primary,#16213a);font-size:13px;font-weight:600}.hc-input{box-sizing:border-box;border:1px solid var(--border-color,#e2e6ee);width:100%;color:var(--text-primary,#16213a);background:#fff;border-radius:9px;outline:none;padding:11px 13px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.hc-input:focus{border-color:var(--accent,#2563eb);box-shadow:0 0 0 3px var(--accent-soft,#2563eb1a)}.hc-error{color:#b42318;background:#fdecec;border-radius:8px;margin:0 22px;padding:9px 12px;font-size:13px}.hc-foot{border-top:1px solid var(--border-color,#eef1f6);justify-content:space-between;align-items:center;gap:10px;padding:14px 22px 18px;display:flex}.hc-foot-left{display:flex}.hc-foot-right{gap:8px;display:flex}.hc-btn{cursor:pointer;border:1px solid #0000;border-radius:9px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s,opacity .15s}.hc-btn:disabled{opacity:.55;cursor:default}.hc-btn.ghost{border-color:var(--border-color,#d8dde7);color:var(--text-muted,#5d6675);background:#fff}.hc-btn.ghost:not(:disabled):hover{border-color:var(--accent-border,#2563eb47);color:var(--accent,#2563eb)}.hc-btn.primary{background:var(--accent,#2563eb);color:#fff}.hc-btn.primary:not(:disabled):hover{background:color-mix(in srgb, var(--accent,#2563eb) 88%, #000)}.hubs-landing{--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#2563eb1a;--accent-border:#2563eb40;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border:#e2e8f0;--border-light:#f1f5f9;--bg-card-hover:#f8fafc;flex-direction:column;display:flex}.hubs-hero{--hubs-hero-accent:#7c3aed;border:1px solid color-mix(in srgb, var(--hubs-hero-accent) 22%, transparent);background:color-mix(in srgb, var(--hubs-hero-accent) 7%, #fff);border-radius:16px;align-items:center;gap:20px;margin-bottom:28px;padding:26px 28px;display:flex}.hubs-hero-icon{background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 2px 8px #0000000f}.hubs-hero-body{flex:1;min-width:0}.hubs-hero-label{letter-spacing:.06em;text-transform:uppercase;color:var(--hubs-hero-accent);margin-bottom:6px;font-size:11px;font-weight:700;display:inline-block}.hubs-hero-title{letter-spacing:-.015em;color:var(--text-primary);margin:0 0 6px;font-size:21px;font-weight:700}.hubs-hero-desc{color:var(--text-secondary);max-width:620px;margin:0;font-size:14px;line-height:1.55}.hubs-hero-cta{color:#fff;background:var(--hubs-hero-accent);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:11px 20px;font-size:14px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.hubs-hero-cta:hover{opacity:.92}.hubs-hero-cta:active{transform:translateY(1px)}@media (width<=720px){.hubs-hero{flex-direction:column;align-items:flex-start}}.hubs-create-btn{color:#fff;background:var(--accent);cursor:pointer;white-space:nowrap;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.hubs-create-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.hubs-create-btn--lg{margin-top:4px;padding:12px 24px;font-size:15px}.hubs-group{margin-bottom:30px}.hubs-group-title{letter-spacing:.04em;text-transform:uppercase;color:#6b7280;margin:0 0 14px;font-size:13px;font-weight:600}.hubs-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width>=1500px){.hubs-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1080px){.hubs-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.hubs-grid{grid-template-columns:1fr}}.hubs-hub-card{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:14px;flex-direction:column;gap:10px;padding:16px 18px 14px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.hubs-hub-card:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:0 8px 32px #0f172a14}.hubs-create-card{text-align:center;background:var(--bg-elevated);color:var(--text-primary);font:inherit;border-style:dashed;justify-content:center;align-items:center;gap:6px;min-height:140px}.hubs-create-card:hover{border-color:var(--accent);background:var(--bg-card)}.hubs-create-card:disabled{opacity:.6;cursor:default;transform:none}.hubs-create-card-icon{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:2px;display:flex}.hubs-create-card-label{letter-spacing:-.01em;font-size:15px;font-weight:600}.hubs-create-card-sub{color:var(--text-muted);font-size:12.5px}.hubs-hub-header{align-items:center;gap:9px;display:flex}.hubs-hub-type-icon{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hubs-hub-title{min-width:0;color:var(--text-primary);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:15.5px;font-weight:600;overflow:hidden}.hubs-hub-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.hubs-hub-meta{border-top:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:2px;padding-top:12px;display:flex}.hubs-hub-badge{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600}.hubs-hub-meta-item{color:var(--text-secondary);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.hubs-hub-meta-item svg{color:var(--text-muted)}.hubs-hub-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:10px;right:10px}.hubs-hub-card:hover .hubs-hub-actions{opacity:1}.hubs-hub-action{border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;width:26px;height:26px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex;box-shadow:0 1px 3px #0f172a1f}.hubs-hub-action:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.hubs-empty{text-align:center;border:1px dashed var(--border);background:var(--bg-surface);border-radius:16px;flex-direction:column;align-items:center;padding:48px 24px;display:flex}.hubs-empty-icon{background:var(--accent-soft);border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex}.hubs-empty-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 10px;font-size:22px;font-weight:700}.hubs-empty-desc{color:var(--text-secondary);max-width:520px;margin:0 0 24px;font-size:15px;line-height:1.6}.hubs-empty-note{color:var(--text-muted);margin:0;font-size:14px}.hubs-value{margin-top:44px}.hubs-value--top{border-bottom:1px solid var(--border);margin-top:8px;margin-bottom:36px;padding-bottom:28px}.hubs-value-heading{color:var(--text-primary);letter-spacing:-.015em;margin:0 0 4px;font-size:17px;font-weight:700}.hubs-value-subhead{color:var(--text-secondary);margin:0 0 18px;font-size:13.5px}.hubs-value-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:2px;display:grid}@media (width<=1080px){.hubs-value-row{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.hubs-value-row{grid-template-columns:1fr}}.hubs-value-card{border:1px solid var(--border);background:var(--bg-card);border-radius:16px;padding:22px 20px 24px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}.hubs-value-card:before{content:"";background:linear-gradient(90deg, var(--accent), #60a5fa);transform-origin:0;height:3px;transition:transform .25s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.hubs-value-card:hover:before{transform:scaleX(1)}.hubs-value-card:hover{border-color:var(--accent-border);transform:translateY(-3px);box-shadow:0 10px 32px #0f172a14}.hubs-value-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.hubs-value-card:first-child .hubs-value-icon{color:#2563eb;background:#2563eb1a}.hubs-value-card:nth-child(2) .hubs-value-icon{color:#0d9488;background:#0d94881f}.hubs-value-card:nth-child(3) .hubs-value-icon{color:#7c3aed;background:#7c3aed1f}.hubs-value-card:nth-child(4) .hubs-value-icon{color:#ea580c;background:#ea580c1f}.hubs-value-card:nth-child(5) .hubs-value-icon{color:#0891b2;background:#0891b21f}.hubs-value-card:nth-child(6) .hubs-value-icon{color:#db2777;background:#db27771f}.hubs-value-card:nth-child(7) .hubs-value-icon{color:#059669;background:#0596691f}.hubs-value-card:nth-child(8) .hubs-value-icon{color:#ca8a04;background:#ca8a0424}.hubs-value-title{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 7px;font-size:15px;font-weight:650;line-height:1.35}.hubs-value-desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.lm{flex-direction:column;width:134px;height:92px;display:flex}.lm-stack{gap:6px}.lm-grid{flex:1;gap:6px;display:grid}.lm-grid-3{grid-template-columns:repeat(3,1fr)}.lm-tile{background:#e2e8f0;border-radius:4px;min-height:20px}.lm-tile.on{background:var(--accent)}.lm-cap{background:#cbd5e1;border-radius:3px;width:46%;height:6px}.lm-chips,.lm-tabs{gap:5px;display:flex}.lm-chip{background:#e2e8f0;border-radius:5px;width:22px;height:9px}.lm-chip.on{background:var(--accent)}.lm-tab{background:#e2e8f0;border-radius:3px 3px 0 0;width:28px;height:8px}.lm-tab.on{background:var(--accent)}.lm-row{background:#f1f5f9;border-radius:5px;align-items:center;gap:7px;padding:4px 5px;display:flex}.lm-row.on{background:var(--accent-soft)}.lm-dot{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:9px;height:9px}.lm-row.on .lm-dot{background:var(--accent)}.lm-bar{background:#cbd5e1;border-radius:4px;flex:1;height:7px}.lm-bar.short{flex:0 0 60%}.lm-rate{background:#e2e8f0;border-radius:4px;flex-shrink:0;width:24px;height:7px}.lm-prog{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.lm-prog-fill{background:var(--accent);width:55%;height:100%;display:block}.lm-check{border:1.5px solid #cbd5e1;border-radius:3px;flex-shrink:0;width:11px;height:11px}.lm-check.done{background:var(--accent);border-color:var(--accent)}.lm-num{color:#64748b;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:700;display:flex}.lm-num.on{background:var(--accent);color:#fff}.lm-personas{flex:1;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.lm-persona{background:#f1f5f9;border:1.5px solid #0000;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.lm-persona.on{border-color:var(--accent);background:var(--accent-soft)}.lm-ava{background:#cbd5e1;border-radius:50%;width:18px;height:18px}.lm-persona.on .lm-ava{background:var(--accent)}.lm-pl{background:#cbd5e1;border-radius:3px;width:60%;height:5px}.lm-split{flex-direction:row;gap:7px}.lm-aside{background:#f1f5f9;border-radius:5px;flex-direction:column;gap:5px;width:38%;padding:6px;display:flex}.lm-li{background:#cbd5e1;border-radius:3px;height:8px}.lm-li.on{background:var(--accent)}.lm-pane{background:#e2e8f0;border-radius:5px;flex-direction:column;flex:1;justify-content:center;gap:7px;padding:8px;display:flex}.lm-screen{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:5px;flex:1;justify-content:center;align-items:center;display:flex}.lm-play{border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent var(--accent);width:0;height:0;margin-left:3px}.hubs-list-wrap{margin-bottom:30px}.hubs-list-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hubs-list-count{color:var(--text-muted);font-size:13px;font-weight:600}.hubs-list-tools{align-items:center;gap:10px;display:flex}.hubs-sort{color:var(--text-muted);align-items:center;gap:7px;font-size:13px;display:flex}.hubs-sort select{font:inherit;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:9px;padding:7px 10px;font-size:13px;font-weight:600}.hubs-list{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden}.hubs-list-head,.hubs-row{grid-template-columns:minmax(220px,1fr) max-content max-content;align-items:center;gap:18px;padding:12px 18px;display:grid}.hubs-list-head{border-bottom:1px solid var(--border);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);background:#f8fafc;font-size:11px;font-weight:700}.hubs-list-head-stats{text-align:center;grid-template-columns:60px 60px 60px 92px;gap:14px;display:grid}.hubs-list-head-actions{text-align:right;min-width:188px}.hubs-row{border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .14s}.hubs-row:last-child{border-bottom:none}.hubs-row:hover{background:var(--bg-card-hover)}.hubs-row-main{align-items:center;gap:14px;min-width:0;display:flex}.hubs-mosaic{background:var(--border-light);border:1px solid var(--border);border-radius:10px;flex-shrink:0;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1.5px;width:52px;height:52px;display:grid;overflow:hidden}.hubs-mosaic.single{grid-template-rows:1fr;grid-template-columns:1fr;gap:0}.hubs-mosaic-tile{background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex}.hubs-mosaic-mono{color:#fff;font-size:13px;font-weight:700}.hubs-mosaic.single .hubs-mosaic-mono{font-size:22px}.hubs-row-id{flex-direction:column;gap:3px;min-width:0;display:flex}.hubs-row-title-line{align-items:center;gap:9px;min-width:0;display:flex}.hubs-row-title{color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.hubs-row-type{color:var(--accent);background:var(--accent-soft);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.hubs-row-type.seq{color:#7c3aed;background:#7c3aed1a}.hubs-row-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.hubs-row-stats{grid-template-columns:60px 60px 60px 92px;gap:14px;display:grid}.hubs-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.hubs-stat strong{color:var(--text-primary);font-size:15px;font-weight:700}.hubs-stat em{color:var(--text-muted);font-size:11px;font-style:normal}.hubs-stat.accentstat strong{color:#16a34a}.hubs-stat-time strong{color:var(--text-secondary);white-space:nowrap;font-size:12.5px;font-weight:600}.hubs-row-actions{justify-content:flex-end;align-items:center;gap:6px;min-width:188px;display:flex}.hubs-row-btn{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.hubs-row-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.hubs-row-btn.copied{color:#16a34a;background:#16a34a14;border-color:#16a34a66}.hubs-row-icon{width:32px;height:32px;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.hubs-row-icon:hover{background:var(--bg-card-hover);color:var(--text-primary)}.hubs-row-icon.danger:hover{color:#dc2626;background:#dc26260f;border-color:#dc262666}@media (width<=940px){.hubs-list-head{display:none}.hubs-row{grid-template-columns:1fr;gap:12px;padding:14px 16px}.hubs-row-stats{grid-template-columns:repeat(4,max-content);justify-content:start;gap:22px}.hubs-row-actions{justify-content:flex-start;min-width:0}}.rp-landing{scroll-behavior:smooth;height:100%;overflow:hidden auto}.rp-hero{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:64px 40px 48px;display:flex}.rp-hero-badge{letter-spacing:.5px;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.rp-hero-title{color:var(--text-primary);letter-spacing:-.5px;max-width:720px;margin:0;font-size:40px;font-weight:800;line-height:1.15}.rp-hero-accent{background:linear-gradient(135deg, var(--accent), #0891b2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.rp-hero-sub{color:var(--text-secondary);max-width:580px;margin:0;font-size:16px;line-height:1.6}.rp-hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:4px;display:flex}.rp-cta-primary{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.rp-cta-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.rp-cta-secondary{color:var(--text-primary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.rp-cta-secondary:hover{border-color:var(--accent-border);background:var(--accent-soft)}.rp-features-intro{text-align:center;border-top:1px solid var(--border-light);background:var(--bg-surface);flex-direction:column;align-items:center;gap:12px;padding:48px 40px 32px;display:flex}.rp-features-label{letter-spacing:.5px;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:600}.rp-features-heading{color:var(--text-primary);margin:0;font-size:28px;font-weight:700}.rp-features{flex-direction:column;gap:0;padding:0;display:flex}.rp-feature{border-bottom:1px solid var(--border-light);align-items:center;gap:48px;padding:56px 40px;display:flex}.rp-feature--reversed{flex-direction:row-reverse}.rp-feature-text{flex:1;min-width:0}.rp-feature-title{color:var(--text-primary);margin:0 0 16px;font-size:22px;font-weight:700;line-height:1.3}.rp-feature-bullets{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rp-feature-bullets li{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.rp-feature-bullets li svg{flex-shrink:0;margin-top:2px}.rp-bullet-text{flex:1}.rp-bullet-redirect{opacity:0;margin-top:0;transition:opacity .15s}.rp-feature-bullets li:hover .rp-bullet-redirect{opacity:.6}.rp-feature-visual{flex:1;min-width:0}.rp-mockup{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.rp-mockup-header{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:14px 16px;display:flex}.rp-mockup-header-info{flex-direction:column;flex:1;display:flex}.rp-mockup-name{color:var(--text-primary);font-size:13px;font-weight:600}.rp-mockup-status{color:var(--text-muted);align-items:center;gap:5px;font-size:11px;display:flex}.rp-mockup-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.rp-mockup-dot--green{background:var(--success);box-shadow:0 0 6px var(--success)}.rp-mockup-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.rp-mockup-avatar--ai{background:var(--accent)}.rp-mockup-live-badge{color:#ef4444;letter-spacing:.5px;background:#ef44441f;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.rp-mockup-badge-sm{color:var(--accent);background:var(--accent-soft);border-radius:4px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600}.rp-mockup-hint{color:var(--accent);border-top:1px solid var(--border-light);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:12px;font-weight:500;display:flex}.rp-mockup-footer-note{color:var(--text-muted);border-top:1px solid var(--border-light);justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:11px;display:flex}.rp-mockup-body{flex-direction:column;gap:10px;min-height:160px;padding:14px 16px;display:flex}.rp-mockup-msg{border-radius:12px;max-width:85%;padding:10px 14px;font-size:12px;line-height:1.45}.rp-mockup-msg--ai{background:var(--bg-elevated);color:var(--text-secondary);border-bottom-left-radius:4px;align-self:flex-start}.rp-mockup-msg--user{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.rp-mockup-typing{align-self:flex-start;gap:4px;padding:4px 0;display:flex}.rp-mockup-typing span{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite rp-typing}.rp-mockup-typing span:nth-child(2){animation-delay:.2s}.rp-mockup-typing span:nth-child(3){animation-delay:.4s}@keyframes rp-typing{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.rp-mockup-input-bar{border-top:1px solid var(--border-light);align-items:center;gap:8px;padding:10px 12px;display:flex}.rp-mockup-input{color:var(--text-muted);background:var(--bg-elevated);border-radius:8px;flex:1;padding:8px 12px;font-size:12px}.rp-mockup-send{background:var(--accent-soft);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.rp-mockup-avatar-grid{grid-template-columns:1fr 1fr;gap:10px;padding:16px;display:grid}.rp-mockup-avatar-card{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;transition:border-color .15s;display:flex;position:relative}.rp-mockup-avatar-card--active{border-color:var(--accent);background:var(--accent-soft)}.rp-mockup-avatar-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex}.rp-mockup-avatar-label{color:var(--text-secondary);font-size:11px;font-weight:500}.rp-mockup-check{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:8px;right:8px}.rp-mockup-list{flex-direction:column;gap:4px;padding:8px 12px;display:flex}.rp-mockup-list-item{border-radius:8px;align-items:center;gap:10px;padding:10px 8px;transition:background .1s;display:flex}.rp-mockup-list-item:hover{background:var(--bg-elevated)}.rp-mockup-list-icon{background:var(--bg-elevated);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rp-mockup-list-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.rp-mockup-list-name{color:var(--text-primary);font-size:12px;font-weight:500}.rp-mockup-progress{background:var(--bg-elevated);border-radius:3px;height:3px;overflow:hidden}.rp-mockup-progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .4s}.rp-mockup-list-status{color:var(--text-muted);white-space:nowrap;font-size:10px;font-weight:500}.rp-mockup-list-status--done{color:var(--success)}.rp-mockup-demo-list{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.rp-mockup-demo-card{background:var(--bg-elevated);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:12px;transition:border-color .15s;display:flex}.rp-mockup-demo-card--active{border-color:var(--accent-border);background:var(--accent-soft)}.rp-mockup-demo-thumb{background:var(--bg-card);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.rp-mockup-demo-info{flex-direction:column;flex:1;gap:2px;display:flex}.rp-mockup-demo-title{color:var(--text-primary);font-size:12px;font-weight:500}.rp-mockup-demo-tag{color:var(--accent);font-size:10px;font-weight:600}.rp-mockup-demo-playing{align-items:flex-end;gap:2px;height:18px;display:flex}.rp-mockup-demo-playing span{background:var(--accent);border-radius:2px;width:3px;animation:.8s ease-in-out infinite rp-eq}.rp-mockup-demo-playing span:first-child{height:8px;animation-delay:0s}.rp-mockup-demo-playing span:nth-child(2){height:14px;animation-delay:.15s}.rp-mockup-demo-playing span:nth-child(3){height:10px;animation-delay:.3s}.rp-mockup-demo-playing span:nth-child(4){height:16px;animation-delay:.45s}@keyframes rp-eq{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.rp-mockup-lead-list{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.rp-mockup-lead-row{border-radius:8px;align-items:center;gap:10px;padding:10px 8px;display:flex}.rp-mockup-lead-row:hover{background:var(--bg-elevated)}.rp-mockup-lead-avatar{width:32px;height:32px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.rp-mockup-lead-info{flex-direction:column;flex:1;gap:4px;display:flex}.rp-mockup-lead-name{color:var(--text-primary);font-size:12px;font-weight:500}.rp-mockup-score-bar{background:var(--bg-elevated);border-radius:3px;height:3px;overflow:hidden}.rp-mockup-score-fill{border-radius:3px;height:100%}.rp-mockup-lead-score{color:var(--text-muted);text-align:right;min-width:28px;font-size:14px;font-weight:700}.rp-mockup-lead-score--hot{color:var(--accent)}.rp-mockup-fire{font-size:14px}.rp-mockup-pipeline-card{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 20px;display:flex}.rp-mockup-pipeline-icon{background:var(--accent-soft);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;display:flex}.rp-mockup-pipeline-title{color:var(--text-primary);font-size:14px;font-weight:600}.rp-mockup-pipeline-sub{color:var(--text-muted);margin-bottom:4px;font-size:11px}.rp-mockup-pipeline-slots{flex-direction:column;gap:6px;width:100%;display:flex}.rp-mockup-slot{color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-light);cursor:pointer;border-radius:8px;padding:10px;font-size:12px;font-weight:500;transition:border-color .15s}.rp-mockup-slot:hover{border-color:var(--accent-border)}.rp-mockup-slot--alt{color:var(--text-muted);background:0 0;border-style:dashed}.rp-mockup-pipeline-or{color:var(--text-muted);padding:2px 0;font-size:11px}.rp-mockup-pipeline-alt-cta{color:var(--accent);cursor:pointer;font-size:13px;font-weight:500}.rp-bottom-cta{text-align:center;background:var(--bg-surface);border-top:1px solid var(--border-light);flex-direction:column;align-items:center;gap:16px;padding:64px 40px;display:flex}.rp-bottom-cta-title{color:var(--text-primary);max-width:600px;margin:0;font-size:28px;font-weight:700}.rp-bottom-cta-sub{color:var(--text-secondary);max-width:560px;margin:0;font-size:16px;line-height:1.6}@media (width<=760px){.rp-hero{padding:40px 24px 32px}.rp-hero-title{font-size:28px}.rp-features-intro{padding:36px 24px 24px}.rp-feature{gap:28px;padding:40px 24px;flex-direction:column!important}.rp-bottom-cta{padding:40px 24px}}.settings{flex-direction:column;gap:20px;max-width:720px;padding:24px 32px;display:flex}.settings-loading{text-align:center;color:#888;padding:40px}.settings-tabs{border-bottom:1px solid var(--border-color,#2a2724);gap:4px;display:flex}.settings-tab{color:var(--text-muted,#999);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:14px;font-weight:500}.settings-tab:hover{color:var(--text-color,#f2efe9)}.settings-tab.active{color:var(--text-color,#f2efe9);border-bottom-color:var(--accent,#2563eb)}.settings-section{background:var(--panel-bg,#1c1917);border:1px solid var(--border-color,#2a2724);border-radius:12px;flex-direction:column;gap:28px;padding:20px 24px;display:flex}.settings-group{flex-direction:column;display:flex}.settings-grid{grid-template-columns:repeat(2,1fr);gap:12px 20px;display:grid}.settings-color-row{align-items:center;gap:8px;display:flex}.settings-section h3{margin:0 0 12px;font-size:16px;font-weight:600}.settings-desc,.settings-note{color:var(--text-muted,#999);margin:0 0 16px;font-size:13px}.settings-field{flex-direction:column;gap:6px;font-size:13px;display:flex}.settings-field>span{color:var(--text-muted,#aaa);font-weight:500}.settings-input{border:1px solid var(--border-color,#3a3733);background:var(--input-bg,#25211e);color:var(--text-color,#f2efe9);border-radius:6px;outline:none;padding:8px 12px;font-size:13px}.settings-input:focus{border-color:var(--accent,#2563eb)}.settings-input:disabled{opacity:.6;cursor:not-allowed}.settings-btn{background:var(--accent,#2563eb);color:#fff;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb, var(--accent,#2563eb) 28%, transparent);border:none;border-radius:8px;align-self:flex-start;margin-top:22px;padding:10px 22px;font-size:14px;font-weight:600;transition:opacity .15s,transform .1s}.settings-btn:hover{opacity:.92}.settings-btn:active{transform:translateY(1px)}.settings-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.settings-toggle-row{align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.settings-toggle-row input[type=checkbox]{transform:scale(1.1)}.settings-access-row{border:1px solid var(--border,#e5e7eb);cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;margin-top:8px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.settings-access-row.selected{border-color:var(--accent,#2563eb);background:var(--accent-soft,#2563eb0f)}.settings-access-row.disabled{opacity:.55}.settings-access-row input[type=radio]{margin-top:3px;transform:scale(1.1)}.settings-access-body{flex-direction:column;gap:3px;display:flex}.settings-access-title{color:var(--text-primary,#111);font-size:14px;font-weight:600}.settings-access-desc{color:var(--text-muted,#6b7280);font-size:12.5px;line-height:1.45}.settings-msg{color:var(--accent,#2563eb);background:#2563eb14;border-radius:4px;margin:6px 0;padding:6px 10px;font-size:13px}.settings-group--bordered{margin-top:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--border-light)}.settings-pill{margin-left:var(--s-2);text-transform:uppercase;letter-spacing:.04em;color:var(--accent-2);background:var(--accent-2-soft);border-radius:var(--r-pill);vertical-align:middle;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.settings-btn--ghost{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);box-shadow:none}.settings-btn--ghost:hover{background:var(--bg-card-hover);opacity:1}.settings-btn-row{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.settings-btn-row .settings-btn{margin-top:var(--s-4)}.settings-logo-row{align-items:center;gap:var(--s-3);display:flex}.settings-logo-preview{object-fit:contain;border:1px solid var(--border-light);border-radius:var(--r-sm);background:var(--bg-card);max-width:140px;height:40px;padding:4px 8px}.settings-logo-empty{height:40px;font-size:var(--fs-xs);color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--r-sm);align-items:center;padding:0 12px;display:flex}.settings-logo-actions{gap:var(--s-2);display:flex}.settings-logo-actions .settings-btn{font-size:var(--fs-sm);cursor:pointer;margin-top:0;padding:8px 14px}.settings-integrations-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.settings-integration-card{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-card);display:flex}.settings-integration-dot{border-radius:var(--r-sm);color:#fff;width:34px;height:34px;font-weight:700;font-size:var(--fs-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-integration-body{flex-direction:column;flex:1;min-width:0;display:flex}.settings-integration-name{font-size:var(--fs-sm);color:var(--text-primary);font-weight:600}.settings-integration-desc{font-size:var(--fs-xs);color:var(--text-muted)}.settings-integration-via{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:var(--bg-card-hover);border-radius:var(--r-xs);flex-shrink:0;padding:3px 7px;font-size:10px;font-weight:600}.settings-integration-card--soon{opacity:.6}.settings-integration-via--soon{color:var(--accent);background:var(--accent-soft)}.ws-switcher{margin:10px 0 4px;position:relative}.ws-trigger{border:1px solid var(--border,#e5e7eb);background:var(--bg-card,#fff);cursor:pointer;width:100%;color:var(--text-primary,#111);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;transition:background .15s,border-color .15s;display:flex}.ws-trigger:hover{background:var(--bg-card-hover,#f6f7f9)}.ws-mark{background:var(--accent,#2563eb);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:flex}.ws-mark.sm{border-radius:6px;width:24px;height:24px;font-size:12px}.ws-mark.plus{background:var(--bg-card-hover,#eef0f3);color:var(--text-secondary,#555);font-weight:600}.ws-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.ws-chev{color:var(--text-muted,#9ca3af);flex-shrink:0}.ws-menu{z-index:50;background:var(--bg-surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 32px #0000002e}.ws-menu-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,#9ca3af);padding:6px 8px 4px;font-size:11px;font-weight:600}.ws-item{cursor:pointer;width:100%;color:var(--text-primary,#111);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:8px;transition:background .12s;display:flex}.ws-item:hover{background:var(--bg-card-hover,#f6f7f9)}.ws-item.current{background:var(--accent-soft,#eff3ff)}.ws-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.ws-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ws-item-sub{color:var(--text-muted,#9ca3af);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ws-check{color:var(--accent,#2563eb);flex-shrink:0}.ws-divider{background:var(--border,#e5e7eb);height:1px;margin:6px 4px}.ws-new .ws-item-name{color:var(--text-secondary,#555)}.ws-create{gap:6px;padding:4px;display:flex}.ws-create input{border:1px solid var(--border,#e5e7eb);background:var(--bg-input,#fff);min-width:0;color:var(--text-primary,#111);border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:13px}.ws-create input:focus{border-color:var(--accent,#2563eb)}.ws-create button{background:var(--accent,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600}.ws-create button:disabled{opacity:.5;cursor:default}.dw-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dw{background:var(--bg-card,#fff);border-radius:16px;flex-direction:column;width:min(880px,94vw);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #10182838}.dw-head{border-bottom:1px solid var(--border,#dde4ee);justify-content:space-between;align-items:flex-start;padding:20px 24px 14px;display:flex}.dw-head-titles h3{color:var(--text-primary,#16213a);margin:0;font-size:18px}.dw-head-titles p{color:var(--text-muted,#5d6675);margin:4px 0 0;font-size:13px}.dw-close{color:var(--text-muted,#5d6675);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.dw-close:hover{color:var(--text-primary,#16213a)}.dw-close:disabled{opacity:.4;cursor:default}.dw-steps{border-bottom:1px solid var(--border,#dde4ee);gap:8px;margin:0;padding:14px 24px;list-style:none;display:flex}.dw-step{color:var(--text-muted,#5d6675);flex:1;align-items:center;gap:8px;font-size:13px;display:flex}.dw-step-dot{background:var(--bg-base,#f2f5fa);width:24px;height:24px;color:var(--text-muted,#5d6675);border:1px solid var(--border,#dde4ee);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.dw-step.active{color:var(--text-primary,#16213a);font-weight:600}.dw-step.active .dw-step-dot,.dw-step.done .dw-step-dot{background:var(--accent,#2563eb);color:#fff;border-color:var(--accent,#2563eb)}.dw-body{flex:1;min-height:280px;padding:22px 24px;overflow-y:auto}.dw-field-label{color:var(--text-secondary,#3d4759);margin:0 0 6px;font-size:13px;font-weight:600;display:block}.dw-input{border:1px solid var(--border,#dde4ee);width:100%;color:var(--text-primary,#16213a);box-sizing:border-box;border-radius:9px;padding:10px 12px;font-size:14px}.dw-input:focus{border-color:var(--accent,#2563eb);outline:none}.dw-hint{color:var(--text-muted,#5d6675);margin:8px 0 0;font-size:12px}.dw-textarea{border:1px solid var(--border,#dde4ee);resize:vertical;box-sizing:border-box;border-radius:9px;width:100%;margin-bottom:16px;padding:10px 12px;font-family:inherit;font-size:13px}.dw-textarea:focus{border-color:var(--accent,#2563eb);outline:none}.dw-drop{border:2px dashed var(--border,#dde4ee);cursor:pointer;color:var(--text-muted,#5d6675);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:32px 16px;transition:border-color .15s,background .15s;display:flex}.dw-drop:hover,.dw-drop.dragging{border-color:var(--accent,#2563eb);background:var(--accent-soft,#2563eb14)}.dw-drop-title{color:var(--text-primary,#16213a);font-size:14px;font-weight:600}.dw-drop-sub{font-size:12px}.dw-capture{margin-top:14px}.dw-capture-or{color:var(--text-muted,#5d6675);align-items:center;gap:12px;margin:4px 0 12px;font-size:12px;display:flex}.dw-capture-or:before,.dw-capture-or:after{content:"";background:var(--border-light,#eef2fb);flex:1;height:1px}.dw-capture-row{gap:8px;display:flex}.dw-capture-input{border:1px solid var(--border,#dde4ee);color:var(--text-primary,#16213a);background:var(--bg-input,#fff);border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:13px}.dw-capture-input:focus{border-color:var(--accent,#2563eb)}.dw-capture-btn{background:var(--accent,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:10px 18px;font-size:13px;font-weight:600}.dw-capture-btn:disabled{opacity:.55;cursor:not-allowed}.dw-capture-hint{color:var(--text-muted,#5d6675);margin:8px 2px 0;font-size:12px}.dw-capture-err{color:var(--danger,#dc2626);margin:8px 2px 0;font-size:12px}.dw-screens{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:18px;display:grid}.dw-screen-tile{border:1px solid var(--border,#dde4ee);aspect-ratio:16/10;background:var(--bg-base,#f2f5fa);cursor:grab;border-radius:10px;position:relative;overflow:hidden}.dw-screen-tile.drag-over{outline:2px solid var(--accent,#2563eb);outline-offset:1px}.dw-screen-tile img{object-fit:cover;width:100%;height:100%;display:block}.dw-screen-num{color:#fff;background:#101828b3;border-radius:6px;padding:1px 7px;font-size:11px;font-weight:600;position:absolute;top:6px;left:6px}.dw-screen-remove{color:#fff;cursor:pointer;background:#101828b3;border:none;border-radius:50%;width:22px;height:22px;font-size:15px;line-height:1;position:absolute;top:6px;right:6px}.dw-screen-remove:hover{background:#e11d48}.dw-step3{grid-template-columns:88px 1fr 240px;align-items:start;gap:16px;display:grid}.dw-rail{flex-direction:column;gap:8px;max-height:420px;display:flex;overflow-y:auto}.dw-rail-item{border:2px solid var(--border,#dde4ee);cursor:pointer;background:var(--bg-base,#f2f5fa);aspect-ratio:16/10;border-radius:8px;padding:0;position:relative;overflow:hidden}.dw-rail-item.active{border-color:var(--accent,#2563eb)}.dw-rail-item img{object-fit:cover;width:100%;height:100%;display:block}.dw-rail-num{color:#fff;background:#101828b3;border-radius:4px;padding:0 5px;font-size:10px;position:absolute;top:3px;left:3px}.dw-rail-badge{background:var(--accent,#2563eb);border:1px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:4px;right:4px}.dw-canvas-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.dw-canvas-hint{color:var(--text-muted,#5d6675);margin:0;font-size:12px}.dw-flip{color:var(--text-secondary,#3d4759);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.dw-flip input{cursor:pointer}.dw-canvas{border:1px solid var(--border,#dde4ee);cursor:crosshair;background:var(--bg-base,#f2f5fa);border-radius:10px;position:relative;overflow:hidden}.dw-canvas img{width:100%;display:block}.dw-hotspot{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.dw-hotspot-ring{border:2px solid;border-radius:50%;width:30px;height:30px;animation:1.8s ease-out infinite dw-pulse;position:absolute;transform:translate(-50%,-50%)}.dw-hotspot-dot{border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}@keyframes dw-pulse{0%{opacity:.9;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.dw-tooltip{z-index:2;color:#333;background:#fff;border-radius:8px;min-width:150px;max-width:220px;padding:10px 12px;font-size:12px;position:absolute;box-shadow:0 6px 20px #1018282e}.dw-tooltip-text{margin-bottom:8px;line-height:1.4}.dw-tooltip-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.dw-tooltip-step{color:#98a2b3;font-size:11px}.dw-tooltip-btn{color:#fff;border-radius:6px;padding:3px 12px;font-size:11px;font-weight:600}.dw-tooltip-top-center{transform:translate(-50%,calc(-100% - 22px))}.dw-tooltip-top-left{transform:translate(-100%,calc(-100% - 22px))}.dw-tooltip-top-right{transform:translateY(calc(-100% - 22px))}.dw-tooltip-bottom-center{transform:translate(-50%,22px)}.dw-tooltip-bottom-left{transform:translate(-100%,22px)}.dw-tooltip-bottom-right{transform:translateY(22px)}.dw-tooltip-center-left{transform:translate(calc(-100% - 22px),-50%)}.dw-tooltip-center-right{transform:translate(22px,-50%)}.dw-panel{flex-direction:column;display:flex}.dw-panel-empty,.dw-empty,.dw-step1{color:var(--text-muted,#5d6675);font-size:13px}.dw-panel-empty{line-height:1.5}.dw-posgrid{flex-direction:column;gap:5px;margin-bottom:16px;display:flex}.dw-posgrid-row{gap:5px;display:flex}.dw-posgrid-cell{border:1px solid var(--border,#dde4ee);background:var(--bg-base,#f2f5fa);cursor:pointer;border-radius:6px;width:34px;height:26px}.dw-posgrid-cell.empty{cursor:default;opacity:.4;border-style:dashed}.dw-posgrid-cell.active{background:var(--accent,#2563eb);border-color:var(--accent,#2563eb)}.dw-posgrid-cell:not(.empty):hover{border-color:var(--accent,#2563eb)}.dw-remove-widget{border:1px solid var(--border,#dde4ee);color:#e11d48;cursor:pointer;background:0 0;border-radius:7px;align-self:flex-start;padding:6px 12px;font-size:12px}.dw-remove-widget:hover{border-color:#e11d48}.dw-error{color:#b42318;background:#fef2f2;border-radius:8px;margin:0 24px;padding:10px 12px;font-size:13px}.dw-warn{color:#93370d;background:#fffaeb;border:1px solid #fedf89;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin:0 24px;padding:12px 14px;font-size:13px;display:flex}.dw-warn-actions{flex-shrink:0;gap:8px;display:flex}.dw-foot{border-top:1px solid var(--border,#dde4ee);justify-content:space-between;align-items:center;gap:10px;padding:14px 24px;display:flex}.dw-foot-right{gap:10px;display:flex}.dw-btn{cursor:pointer;border:1px solid #0000;border-radius:9px;padding:9px 18px;font-size:14px;font-weight:500}.dw-btn.ghost{border-color:var(--border,#dde4ee);color:var(--text-secondary,#3d4759);background:0 0}.dw-btn.ghost:hover{border-color:var(--text-muted,#5d6675)}.dw-btn.primary{background:var(--accent,#2563eb);color:#fff}.dw-btn.primary:hover{filter:brightness(1.05)}.dw-btn:disabled{opacity:.5;cursor:default}@media (width<=720px){.dw-step3{grid-template-columns:1fr}.dw-rail{flex-direction:row;max-height:none}.dw-rail-item{flex:none;width:88px}}.dw-theme-row{flex-wrap:wrap;gap:20px;margin-top:20px;display:flex}.dw-theme-field{flex-direction:column;gap:6px;display:flex}.dw-color-row{align-items:center;gap:8px;display:flex}.dw-color-swatch{cursor:pointer;background:0 0;border:none;border-radius:6px;width:32px;height:32px;padding:2px}.dw-color-val{color:var(--text-muted,#5d6675);font-family:monospace;font-size:12px}.dw-widget-count{color:var(--text-muted,#5d6675);white-space:nowrap;font-size:12px}.dw-hotspot-num{color:#fff;pointer-events:none;font-size:8px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dw-hotspot--selected .dw-hotspot-ring{transform:translate(-50%,-50%)scale(1.3);opacity:1!important}.dw-banner-preview{text-align:center;z-index:10;pointer-events:none;border-radius:0;padding:8px 16px;font-size:13px;font-weight:500;position:absolute;top:0;left:0;right:0}.dw-widget-types{grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:14px;display:grid}.dw-wtype-btn{border:1.5px solid var(--border,#dde4ee);background:var(--bg,#f2f5fa);cursor:pointer;color:var(--text-secondary,#3d4759);border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.dw-wtype-btn:hover{border-color:var(--accent,#2563eb)}.dw-wtype-btn.active{border-color:var(--accent,#2563eb);background:var(--accent-soft,#eff6ff);color:var(--accent,#2563eb);font-weight:600}.dw-wtype-icon{font-size:16px}.dw-wtype-label{font-size:12px;font-weight:500}.dw-toggle-row{flex-direction:column;gap:6px;margin:10px 0 14px;display:flex}.dw-toggle-label{color:var(--text-secondary,#3d4759);cursor:pointer;align-items:center;gap:6px;font-size:12.5px;display:flex}.dw-hotspot-chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.dw-hotspot-chip{border:1.5px solid var(--border,#dde4ee);background:var(--bg,#f2f5fa);cursor:pointer;color:var(--text-secondary,#3d4759);border-radius:20px;padding:5px 12px;font-size:12.5px;transition:border-color .15s}.dw-hotspot-chip:hover{border-color:var(--accent,#2563eb);color:var(--accent,#2563eb)}.dw-posgrid-cell{font-size:13px}.nb-wrap{position:relative}.nb-bell{border:1px solid var(--border);background:var(--bg-card);border-radius:var(--r-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex;position:relative}.nb-bell:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nb-bell.active{border-color:var(--accent-border);color:var(--accent)}.nb-badge{border-radius:var(--r-pill);background:var(--danger);color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--bg-base);padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-5px;right:-5px}.nb-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);width:360px;max-width:92vw;box-shadow:var(--shadow-lg);z-index:60;animation:.14s nb-pop;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}@keyframes nb-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nb-panel-head{padding:var(--s-4) var(--s-4) var(--s-3);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:baseline;display:flex}.nb-panel-title{font-size:var(--fs-md);color:var(--text-primary);font-weight:700}.nb-panel-sub{font-size:var(--fs-xs);color:var(--text-muted)}.nb-list{max-height:380px;overflow-y:auto}.nb-empty{padding:var(--s-6) var(--s-5);text-align:center;font-size:var(--fs-sm);color:var(--text-muted)}.nb-item{gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4);border:none;border-bottom:1px solid var(--border-light);cursor:pointer;text-align:left;background:0 0;transition:background .12s;display:flex}.nb-item:hover{background:var(--bg-card-hover)}.nb-avatar{border-radius:var(--r-pill);width:34px;height:34px;font-size:var(--fs-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.nb-avatar.nb-intent-high{background:#dc2626}.nb-avatar.nb-intent-medium{background:#d97706}.nb-avatar.nb-intent-low{background:#64748b}.nb-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.nb-item-top{align-items:center;gap:var(--s-2);display:flex}.nb-item-name{font-size:var(--fs-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.nb-item-meta{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nb-tag{text-transform:uppercase;letter-spacing:.03em;border-radius:var(--r-xs);flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.nb-tag.nb-intent-high{color:#b91c1c;background:#fee2e2}.nb-tag.nb-intent-medium{color:#b45309;background:#fef3c7}.nb-tag.nb-intent-low{color:#475569;background:#f1f5f9}.nb-foot{width:100%;padding:var(--s-3);background:var(--bg-card);border:none;border-top:1px solid var(--border-light);color:var(--accent);font-size:var(--fs-sm);cursor:pointer;font-weight:600;transition:background .12s}.nb-foot:hover{background:var(--accent-soft)}.dash{background:0 0;min-height:100vh;display:flex}.dash-sidebar{background:var(--bg-surface);border-right:1px solid var(--border);z-index:20;flex-direction:column;justify-content:space-between;width:230px;display:flex;position:fixed;top:0;bottom:0;left:0}.dash-sidebar-top{padding:20px 14px 0}.dash-logo{color:var(--text-primary);align-items:center;gap:10px;padding:0 10px 20px;font-size:17px;font-weight:700;display:flex}.dash-nav{flex-direction:column;gap:2px;display:flex}.dash-nav-item{color:var(--text-secondary);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.dash-nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.dash-nav-item.active{background:var(--bg-base);color:var(--accent);font-weight:600}.dash-nav-item.active svg{stroke:var(--accent)}.dash-nav-badge{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex-shrink:0;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.dash-sidebar-bottom{border-top:1px solid var(--border);padding:14px}.dash-sidebar-user{align-items:center;gap:10px;padding:6px;display:flex}.dash-sidebar-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.dash-sidebar-user-info{flex:1;min-width:0}.dash-sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.dash-sidebar-user-role{color:var(--text-muted);text-transform:capitalize;font-size:11px}.dash-sidebar-logout{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:6px;transition:background .15s,color .15s;display:flex}.dash-sidebar-logout:hover{color:#dc2626;background:#ef44441a}.dash-body{flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:230px;display:flex}.dash-main-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dash-page-title{color:var(--text-primary);margin:0;font-size:24px;font-weight:800}.dash-new-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s}.dash-new-btn:hover{background:var(--accent-hover)}.dash-main{flex:1;min-width:0;padding:32px}.dash-placeholder{text-align:center;padding:80px 20px}.dash-placeholder-icon{background:var(--bg-elevated);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.dash-placeholder-icon svg{stroke:var(--accent);width:26px;height:26px}.dash-placeholder h2{color:var(--text-primary);margin:0 0 8px;font-size:22px;font-weight:600}.dash-placeholder p{color:var(--text-muted);margin:0 0 20px;font-size:14px}.dash-coming-soon{background:var(--accent-soft);color:var(--accent);border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.dash-empty{text-align:center;padding:80px 20px}.dash-empty-icon{margin-bottom:16px}.dash-empty h2{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:600}.dash-empty p{color:var(--text-muted);margin:0 0 24px;font-size:14px}.dash-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.dash-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:12px;transition:box-shadow .15s,transform .15s;position:relative;overflow:hidden}.dash-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.dash-card-new{border:2px dashed var(--border);min-height:200px;color:var(--text-muted);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.dash-card-new:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-elevated)}.dash-card-new-icon{font-size:32px;font-weight:300;line-height:1}.dash-card-thumb{background:var(--bg-elevated);justify-content:center;align-items:center;height:150px;display:flex;overflow:hidden}.dash-card-thumb img{object-fit:cover;width:100%;height:100%}.dash-card-placeholder{justify-content:center;align-items:center;display:flex}.demo-thumb-fallback{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.demo-thumb-fallback span{text-shadow:0 1px 2px #0000002e;font-size:2.2rem;font-weight:700;line-height:1}.demo-list-thumb .demo-thumb-fallback span{font-size:1rem}.dash-card-info{padding:14px 16px}.dash-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:15px;font-weight:600;overflow:hidden}.dash-card-meta{color:var(--text-muted);font-size:12px}.dash-card-dot{margin:0 4px}.dash-card-creator{color:var(--text-muted);align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.dash-card-creator-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:8px;font-weight:700;display:inline-flex}.dash-card-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.dash-card:hover .dash-card-actions{opacity:1}.dash-card-action{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:#00000080;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.dash-card-action:hover{background:var(--bg-card);color:var(--text-primary)}.dash-card-action.delete:hover{color:#dc2626;background:#fee2e2}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dash-modal{background:var(--bg-card);border-radius:16px;width:400px;max-width:90vw;padding:32px;box-shadow:0 20px 60px #0000004d}.dash-modal h3{margin:0 0 6px;font-size:18px;font-weight:600}.dash-modal p{color:var(--text-muted);margin:0 0 20px;font-size:14px;line-height:1.5}.dash-modal-input{border:1px solid var(--border);box-sizing:border-box;background:var(--bg-input);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.dash-modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dash-modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.dash-modal-cancel{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;color:var(--text-secondary);border-radius:8px;padding:8px 18px;font-size:14px}.dash-modal-cancel:hover{background:var(--bg-surface)}.dash-modal-create{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 18px;font-size:14px;font-weight:600}.dash-modal-create:hover{background:var(--accent-hover)}.dash-modal-delete{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600}.dash-modal-delete:hover{background:#b91c1c}.dash-concepts{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;display:grid}.dash-concept{border:1px solid color-mix(in srgb, var(--c-accent) 22%, transparent);border-radius:16px;gap:16px;padding:22px 24px;display:flex}.dash-concept-icon{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 8px #0000000f}.dash-concept-body{flex:1;min-width:0}.dash-concept-label{letter-spacing:.06em;text-transform:uppercase;color:var(--c-accent);margin-bottom:6px;font-size:11px;font-weight:700;display:inline-block}.dash-concept-title{color:var(--text-primary);margin:0 0 6px;font-size:17px;font-weight:700}.dash-concept-desc{color:var(--text-muted);margin:0 0 14px;font-size:13.5px;line-height:1.55}.dash-concept-cta{background:var(--c-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 14px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.dash-concept-cta:hover{opacity:.9}.dash-usecases{margin-bottom:32px}.dash-usecases-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.dash-usecases-more{color:var(--accent);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.dash-usecases-more:hover{background:var(--bg-hover,#f5f5f7);border-color:var(--accent)}.dash-usecases-title{color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:700}.dash-usecases-desc{color:var(--text-muted);margin:0;font-size:14px}.dash-usecases-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dash-usecase{background:var(--bg-card);border:1px solid var(--border);border-top:3px solid var(--u-accent);border-radius:14px;flex-direction:column;padding:22px 20px;transition:box-shadow .15s,transform .15s;display:flex}.dash-usecase:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.dash-usecase-icon{border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:14px;display:flex}.dash-usecase-name{color:var(--text-primary);margin:0 0 4px;font-size:15px;font-weight:700}.dash-usecase-tagline{color:var(--text-muted);margin:0 0 16px;font-size:12.5px;line-height:1.5}.dash-usecase-steps{flex-direction:column;flex:1;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:flex}.dash-usecase-step{color:var(--text-primary);align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.45;display:flex}.dash-usecase-step-num{background:color-mix(in srgb, var(--u-accent) 14%, transparent);width:18px;height:18px;color:var(--u-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:700;display:flex}.dash-usecase-cta{border:1px solid color-mix(in srgb, var(--u-accent) 40%, transparent);color:var(--u-accent);cursor:pointer;background:0 0;border-radius:8px;align-self:stretch;padding:9px 12px;font-size:13px;font-weight:600;transition:background .15s}.dash-usecase-cta:hover{background:color-mix(in srgb, var(--u-accent) 8%, transparent)}@media (width<=980px){.dash-usecases-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.dash-concepts,.dash-usecases-grid{grid-template-columns:1fr}}.dash-usecases-modal{text-align:left;flex-direction:column;width:calc(100vw - 48px);max-width:920px;max-height:calc(100vh - 64px);padding:0;display:flex}.dash-usecases-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 16px;display:flex}.dash-usecases-modal-head h3{color:var(--text-primary);margin:0 0 4px;font-size:20px;font-weight:700}.dash-usecases-modal-head p{color:var(--text-muted);margin:0;font-size:14px}.dash-usecases-modal-close{width:34px;height:34px;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.dash-usecases-modal-close:hover{background:var(--bg-hover,#f5f5f7);color:var(--text-primary)}.dash-usecases-modal-grid{flex-direction:column;gap:12px;padding:20px 28px 28px;display:flex;overflow-y:auto}.dash-uc-h{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--u-accent);border-radius:12px;align-items:center;gap:22px;padding:16px 20px;transition:box-shadow .15s,transform .15s;display:flex}.dash-uc-h:hover{transform:translateY(-1px);box-shadow:0 5px 18px #00000014}.dash-uc-h-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.dash-uc-h-body{flex-shrink:0;width:190px}.dash-uc-h-name{color:var(--text-primary);margin:0 0 3px;font-size:15px;font-weight:700}.dash-uc-h-tagline{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.45}.dash-uc-h-steps{flex-direction:column;flex:1;gap:7px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.dash-uc-h-step{color:var(--text-primary);align-items:center;gap:9px;font-size:12.5px;line-height:1.4;display:flex}.dash-uc-h-step-num{background:color-mix(in srgb, var(--u-accent) 14%, transparent);width:18px;height:18px;color:var(--u-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.dash-uc-h-cta{border:1px solid color-mix(in srgb, var(--u-accent) 40%, transparent);color:var(--u-accent);white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;align-self:center;padding:9px 20px;font-size:13px;font-weight:600;transition:background .15s}.dash-uc-h-cta:hover{background:color-mix(in srgb, var(--u-accent) 8%, transparent)}@media (width<=760px){.dash-uc-h{flex-wrap:wrap;gap:12px 16px}.dash-uc-h-body{flex:1;width:auto}.dash-uc-h-steps{flex-basis:100%}}.dash-carousel{margin-bottom:32px}.dash-carousel-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dash-carousel-title{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.dash-carousel-count{color:var(--text-muted);background:var(--bg-elevated);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.dash-carousel-head-right{align-items:center;gap:12px;display:flex}.dash-carousel-viewall{color:var(--accent);align-items:center;gap:3px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.dash-carousel-viewall:hover{text-decoration:underline}.dash-carousel-arrows{gap:6px;display:flex}.dash-carousel-arrow{border:1px solid var(--border);background:var(--bg-card);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.dash-carousel-arrow:hover{border-color:var(--accent);color:var(--accent)}.dash-carousel-track{scroll-snap-type:x proximity;scrollbar-width:thin;gap:18px;padding:4px 2px 10px;display:flex;overflow-x:auto}.dash-carousel-item{scroll-snap-align:start;flex:0 0 248px;width:248px}.dash-card-new.dash-carousel-item{min-height:0}.dash-card-thumb--hub{background:#f5f3ff}.dash-examples{margin-bottom:32px}.dash-examples-header{margin-bottom:16px}.dash-examples-title{color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:700}.dash-examples-desc{color:var(--text-muted);margin:0;font-size:14px}.dash-examples-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.dash-example-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;align-items:flex-start;gap:14px;padding:16px;transition:box-shadow .15s,transform .15s,border-color .15s;display:flex}.dash-example-card:hover{border-color:var(--border);transform:translateY(-1px);box-shadow:0 4px 16px #0000001f}.dash-example-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dash-example-info{flex:1;min-width:0}.dash-example-name{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600;display:block}.dash-example-desc{color:var(--text-muted);font-size:12px;line-height:1.5;display:block}.dash-example-arrow{color:var(--text-muted);flex-shrink:0;margin-top:2px;transition:color .15s,transform .15s}.dash-example-card:hover .dash-example-arrow{color:var(--accent);transform:translate(2px)}.dash-projects-section{margin-bottom:32px}.dash-section-title{color:var(--text-primary);margin:0 0 16px;font-size:18px;font-weight:700}.dash-showcase{border:1px solid var(--accent-border);border-left:4px solid var(--accent);background:linear-gradient(135deg,#f5f9fe 0%,#fff 55%);border-radius:16px;align-items:center;gap:48px;margin-top:8px;padding:36px 40px;display:flex;overflow:hidden}.dash-showcase-content{flex:1}.dash-showcase-badge{background:var(--accent-soft);color:var(--accent-hover);text-transform:uppercase;letter-spacing:1px;border-radius:20px;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.dash-showcase-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 10px;font-size:23px;font-weight:800;line-height:1.3}.dash-showcase-desc{color:var(--text-secondary);max-width:440px;margin:0 0 20px;font-size:14px;line-height:1.6}.dash-showcase-features{grid-template-columns:repeat(2,max-content);gap:10px 28px;margin-bottom:24px;display:grid}.dash-showcase-feature{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.dash-showcase-feature svg{stroke:var(--accent)}.dash-showcase-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.dash-showcase-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.dash-showcase-visual{flex-shrink:0}.dash-showcase-mockup{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:260px;overflow:hidden;box-shadow:0 16px 40px #2563eb24}.dash-showcase-mockup-bar{background:var(--bg-surface);border-bottom:1px solid var(--border);gap:6px;padding:10px 14px;display:flex}.dash-showcase-mockup-bar span{background:var(--border);border-radius:50%;width:8px;height:8px}.dash-showcase-mockup-bar span:first-child{background:#fca5a5}.dash-showcase-mockup-bar span:nth-child(2){background:#fcd34d}.dash-showcase-mockup-bar span:nth-child(3){background:#6ee7b7}.dash-showcase-mockup-body{min-height:140px;padding:20px;position:relative}.dash-showcase-mockup-block{background:var(--border);border-radius:6px;width:60%;height:12px;margin-bottom:14px}.dash-showcase-mockup-lines div{background:var(--border-light);border-radius:4px;height:8px;margin-bottom:8px}.dash-showcase-mockup-lines div:first-child{width:100%}.dash-showcase-mockup-lines div:nth-child(2){width:85%}.dash-showcase-mockup-lines div:nth-child(3){width:70%}.dash-showcase-mockup-hotspot{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;top:36px;right:30px}.dash-showcase-mockup-pulse{border:2px solid var(--accent);border-radius:50%;width:24px;height:24px;animation:2s ease-in-out infinite showcase-pulse}@keyframes showcase-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}.dash-showcase-mockup-tooltip{background:var(--accent);border-radius:8px;width:100px;padding:10px;position:absolute;top:56px;right:14px}.dash-showcase-tt-title{background:#ffffff80;border-radius:3px;width:60%;height:6px;margin-bottom:6px}.dash-showcase-tt-text{background:#ffffff40;border-radius:2px;width:90%;height:4px;margin-bottom:8px}.dash-showcase-tt-btn{background:#fff;border-radius:4px;width:40%;height:10px}.demo-page{flex-direction:column;gap:0;display:flex}.demo-hero{--demo-hero-accent:#2563eb;border:1px solid color-mix(in srgb, var(--demo-hero-accent) 22%, transparent);background:color-mix(in srgb, var(--demo-hero-accent) 7%, #fff);border-radius:16px;align-items:center;gap:20px;margin-bottom:24px;padding:26px 28px;display:flex}.demo-hero-icon{background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 2px 8px #0000000f}.demo-hero-body{flex:1;min-width:0}.demo-hero-label{letter-spacing:.06em;text-transform:uppercase;color:var(--demo-hero-accent);margin-bottom:6px;font-size:11px;font-weight:700;display:inline-block}.demo-hero-title{letter-spacing:-.015em;color:var(--text-primary,#0f172a);margin:0 0 6px;font-size:21px;font-weight:700}.demo-hero-desc{color:var(--text-secondary,#475569);max-width:620px;margin:0;font-size:14px;line-height:1.55}.demo-hero-cta{color:#fff;background:var(--demo-hero-accent);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:11px 20px;font-size:14px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.demo-hero-cta:hover{opacity:.92}.demo-hero-cta:active{transform:translateY(1px)}@media (width<=720px){.demo-hero{flex-direction:column;align-items:flex-start}}.demo-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.demo-search-wrap{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;flex:1;align-items:center;gap:8px;max-width:320px;padding:8px 14px;display:flex}.demo-search{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.demo-toolbar-right{align-items:center;gap:10px;display:flex}.demo-view-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.demo-view-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:7px 10px;transition:background .12s,color .12s;display:flex}.demo-view-btn.active{background:var(--bg-base);color:var(--accent)}.demo-view-btn:hover:not(.active){background:var(--bg-surface);color:var(--text-secondary)}.demo-new-folder-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.demo-new-folder-btn:hover{background:var(--bg-card-hover);border-color:var(--border);color:var(--accent)}.demo-create-btn{background:var(--accent);border:1px solid var(--accent);color:#fff;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.demo-create-btn:hover{background:var(--accent-hover,#1d4ed8);box-shadow:0 4px 14px #2563eb40}.demo-empty .demo-create-btn{margin-top:18px}.demo-folder-pills{background:var(--bg-base);border:1px solid var(--border-light);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;padding:10px 12px;display:flex}.demo-folder-bar-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);align-items:center;gap:5px;margin-right:4px;font-size:11px;font-weight:600;display:inline-flex}.demo-folder-pill{border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;color:var(--text-secondary);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.demo-folder-pill:hover{border-color:var(--text-muted);color:var(--text-primary)}.demo-folder-pill.active{background:var(--text-primary);border-color:var(--text-primary);color:#fff}.demo-folder-pill.active svg{stroke:#fff}.demo-folder-pill-count{background:var(--border-light);color:var(--text-muted);border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600}.demo-folder-pill.active .demo-folder-pill-count{color:#fff;background:#ffffff38}.demo-folder-pill-wrap.dimmed{opacity:.5}.demo-folder-pill-wrap.dimmed:hover{opacity:1}.demo-folder-pill-add{color:var(--text-muted);border-style:dashed}.demo-folder-pill-add:hover{border-color:var(--accent);color:var(--accent)}.demo-folder-pill-add:hover svg{stroke:var(--accent)}.demo-folder-pill-wrap{align-items:center;display:inline-flex;position:relative}.demo-folder-pill-wrap .demo-folder-pill{border-top-right-radius:20px;border-bottom-right-radius:20px}.demo-folder-pill-menu{align-items:center;margin-left:-6px;display:inline-flex}.demo-folder-pill-dots{cursor:pointer;width:20px;height:20px;color:var(--text-muted);opacity:0;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .12s,color .12s,background .12s;display:inline-flex}.demo-folder-pill-wrap:hover .demo-folder-pill-dots{opacity:1}.demo-folder-pill-dots:hover{color:var(--text-secondary);background:var(--bg-card-hover)}.demo-folder-pill-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:20;border-radius:8px;min-width:110px;margin-top:4px;padding:4px;position:absolute;top:100%;right:0;box-shadow:0 6px 20px #0003}.demo-folder-pill-dropdown button{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:13px;display:block}.demo-folder-pill-dropdown button:hover{background:var(--bg-card-hover);color:var(--accent)}.demo-folder-pill-dropdown button.danger:hover{color:#dc2626;background:#ef44441a}.demo-folder-rename-input{border:1px solid var(--accent);background:var(--bg-input);width:80px;color:var(--text-primary);border-radius:4px;outline:none;padding:2px 6px;font-size:13px;font-weight:500}.demo-content{flex:1;min-width:0}.demo-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.demo-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:12px;transition:box-shadow .15s,transform .15s;position:relative;overflow:hidden}.demo-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000001f}.demo-card-thumb{background:var(--bg-elevated);justify-content:center;align-items:center;height:156px;display:flex;overflow:hidden}.demo-card-thumb img{object-fit:cover;width:100%;height:100%}.demo-card-body{padding:14px 16px}.demo-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:600;overflow:hidden}.demo-card-meta{color:var(--text-secondary);align-items:center;gap:5px;font-size:12px;display:flex}.demo-meta-icon{color:var(--text-muted);flex-shrink:0}.demo-card-tags{flex-wrap:nowrap;gap:4px;margin-top:8px;display:flex;overflow:hidden}.demo-card-tag{background:var(--accent-soft);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;max-width:120px;padding:2px 8px;font-size:10px;font-weight:600;overflow:hidden}.demo-card-tag-more{background:var(--border-light);color:var(--text-secondary);flex-shrink:0}.demo-card-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.demo-card:hover .demo-card-actions{opacity:1}.demo-card-action{border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex;box-shadow:0 1px 3px #0f172a1f}.demo-card-action:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.demo-card-action.copied{border-color:var(--success);color:var(--success);background:#0596691f}.demo-list{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.demo-list-row{border-bottom:1px solid var(--border-light);cursor:pointer;align-items:center;gap:14px;padding:12px 16px;transition:background .12s;display:flex}.demo-list-row:last-child{border-bottom:none}.demo-list-row:hover{background:var(--bg-surface)}.demo-list-thumb{background:var(--bg-elevated);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:36px;display:flex;overflow:hidden}.demo-list-thumb img{object-fit:cover;width:100%;height:100%}.demo-list-info{flex:1;min-width:0}.demo-list-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.demo-list-meta{color:var(--text-secondary);align-items:center;gap:5px;font-size:12px;display:inline-flex}.demo-list-tags{flex-shrink:0;gap:4px;display:flex}.demo-list-actions{flex-shrink:0}.demo-empty{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:60px 20px}.demo-empty h3{color:var(--text-primary);margin:16px 0 6px;font-size:18px;font-weight:600}.demo-empty p{color:var(--text-muted);margin:0;font-size:14px}.demo-move-list{flex-direction:column;gap:4px;max-height:240px;display:flex;overflow-y:auto}.demo-move-item{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;transition:background .12s,border-color .12s;display:flex}.demo-move-item:hover{background:var(--bg-card-hover);border-color:var(--border)}.demo-move-item.active{background:var(--accent-soft);border-color:var(--accent)}.demo-move-item span{flex:1}.demo-move-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:14px}.demo-tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:20px;display:flex}.demo-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.demo-tab:hover{color:var(--text-secondary)}.demo-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.demo-tab-count{background:var(--border-light);color:var(--text-muted);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.demo-tab.active .demo-tab-count{background:var(--accent-soft);color:var(--accent)}.demo-sort-wrap{position:relative}.demo-sort-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:flex}.demo-sort-btn:hover{background:var(--bg-surface);border-color:var(--border)}.demo-sort-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:20;border-radius:8px;min-width:150px;padding:4px;position:absolute;top:36px;right:0;box-shadow:0 8px 24px #0003}.demo-sort-dropdown button{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:13px;transition:background .12s;display:block}.demo-sort-dropdown button:hover{background:var(--bg-card-hover)}.demo-sort-dropdown button.active{color:var(--accent);background:var(--accent-soft);font-weight:600}.pd-page{background:0 0;min-height:100vh}.pd-header{background:var(--bg-card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.pd-header-left{align-items:center;gap:16px;display:flex}.pd-back-btn{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;padding:8px;transition:background .15s;display:flex}.pd-back-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.pd-header-info{flex-direction:column;gap:2px;display:flex}.pd-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.pd-subtitle{color:var(--text-muted);font-size:13px}.pd-edit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.pd-edit-btn:hover{background:var(--accent-hover)}.pd-header-actions{align-items:center;gap:10px;display:flex}.pd-preview-btn{background:var(--bg-card);color:var(--accent);border:1px solid var(--accent-border);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.pd-preview-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.pd-tabs{background:var(--bg-card);border-bottom:1px solid var(--border);gap:0;padding:0 32px;display:flex}.pd-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 20px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.pd-tab:hover{color:var(--text-secondary)}.pd-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.pd-content{max-width:1100px;margin:0 auto;padding:28px 32px}.pd-activity-stats{gap:16px;margin-bottom:24px;display:flex}.pd-astat{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:12px;flex:1;padding:20px;transition:border-color .15s,box-shadow .15s}.pd-astat:hover{border-color:var(--accent-border);box-shadow:0 4px 16px #2563eb14}.pd-astat-num{color:var(--text-primary);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:28px;font-weight:700;display:block}.pd-astat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.pd-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.pd-table{border-collapse:collapse;width:100%}.pd-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--bg-surface);padding:14px 16px;font-size:12px;font-weight:600}.pd-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:12px 16px;font-size:14px}.pd-table tr:last-child td{border-bottom:none}.pd-table tr:hover{background:var(--bg-card-hover)}.pd-visitor-name{color:var(--text-primary);font-weight:600}.pd-cell-muted{color:var(--text-secondary);font-size:13px}.pd-completion{align-items:center;gap:8px;display:flex}.pd-completion-bar{background:var(--border);border-radius:3px;flex:1;min-width:50px;max-width:80px;height:6px;overflow:hidden}.pd-completion-fill{border-radius:3px;height:100%;transition:width .3s}.pd-completion-text{color:var(--text-secondary);min-width:36px;font-size:13px;font-weight:600}.pd-cta-yes{color:var(--success);background:#34d39926;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.pd-cta-no{color:var(--text-muted);font-size:14px}.pd-resp-badge{color:var(--accent);background:var(--accent-soft,#2563eb1f);white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.pd-resp-data{flex-direction:column;gap:3px;display:flex}.pd-resp-field{color:var(--text-secondary);font-size:13px}.pd-resp-field strong{color:var(--text-primary);text-transform:capitalize;font-weight:600}.pd-resp-stars{color:#f5b91e;letter-spacing:1px;font-size:15px}.pd-resp-stars-off{color:var(--border)}.pd-resp-comment{color:var(--text-secondary);font-size:13px;font-style:italic}.pd-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:24px}.pd-section-title{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:600}.pd-section-sub{color:var(--text-muted);margin:0 0 18px;font-size:13px}.pd-dropoff{flex-direction:column;gap:14px;display:flex}.pd-dropoff-row{align-items:center;gap:14px;display:flex}.pd-dropoff-label{color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:72px;font-size:13px;font-weight:600}.pd-dropoff-bar{background:var(--border-light);border-radius:5px;flex:1;height:10px;overflow:hidden}.pd-dropoff-fill{background:var(--accent);border-radius:5px;height:100%;transition:width .4s}.pd-dropoff-val{color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:baseline;gap:6px;min-width:64px;font-size:14px;font-weight:700;display:flex}.pd-dropoff-pct{color:var(--text-muted);font-size:12px;font-weight:500}.pd-empty{color:var(--text-muted);margin:0;padding:8px 0;font-size:14px}.pd-big-stat{color:var(--accent);font-variant-numeric:tabular-nums;margin:0;font-size:36px;font-weight:700}.pd-recs{flex-direction:column;gap:10px;display:flex}.pd-rec{border:1px solid var(--border);background:var(--bg-card);border-left-width:3px;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.pd-rec-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.pd-rec-good{border-left-color:var(--success)}.pd-rec-good .pd-rec-dot{background:var(--success)}.pd-rec-warn{border-left-color:var(--warning)}.pd-rec-warn .pd-rec-dot{background:var(--warning)}.pd-rec-info{border-left-color:var(--info)}.pd-rec-info .pd-rec-dot{background:var(--info)}.pd-rec-body{flex-direction:column;gap:3px;display:flex}.pd-rec-title{color:var(--text-primary);font-size:14px;font-weight:600}.pd-rec-detail{color:var(--text-secondary);font-size:13px;line-height:1.55}.pd-rec-empty{border:1px dashed var(--border);background:var(--accent-soft);border-radius:12px;align-items:center;gap:14px;padding:22px 20px;display:flex}.pd-rec-empty svg{color:var(--accent);flex-shrink:0}.pd-rec-empty-text{color:var(--text-secondary);max-width:60ch;margin:0;font-size:14px;line-height:1.55}.pd-share-ways{border-bottom:1px solid var(--border,#e5e7eb);grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px;padding-bottom:28px;display:grid}.pd-share-way{border:1px solid var(--border,#e5e7eb);background:var(--panel-bg,#fff);border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;display:flex}.pd-share-way-icon{color:#2563eb;background:#eff3ff;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.pd-share-way-icon--embed{color:#0d9488;background:#e7f7f4}.pd-share-way-icon--email{color:#7c3aed;background:#f3efff}.pd-share-way-icon--social{color:#ea7c3a;background:#fdf0e7}.pd-share-way-title{color:var(--text-primary,#0f172a);margin:4px 0 0;font-size:14.5px;font-weight:700}.pd-share-way-desc{color:var(--text-secondary,#64748b);flex:1;margin:0;font-size:12.5px;line-height:1.5}.pd-share-way-cta{color:var(--accent,#2563eb);background:color-mix(in srgb, var(--accent,#2563eb) 9%, transparent);border:1px solid color-mix(in srgb, var(--accent,#2563eb) 22%, transparent);cursor:pointer;border-radius:8px;margin-top:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s}.pd-share-way-cta:hover{background:color-mix(in srgb, var(--accent,#2563eb) 16%, transparent)}@media (width<=1100px){.pd-share-ways{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.pd-share-ways{grid-template-columns:1fr}}.pd-share-way.highlight{border-color:var(--accent,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#2563eb) 16%, transparent)}.pd-rollout{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.pd-rollout-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary,#64748b);font-size:12px;font-weight:700}.pd-rollout-chips{flex-wrap:wrap;gap:8px;display:flex}.pd-rollout-chip{border:1px solid var(--border,#e5e7eb);background:var(--panel-bg,#fff);color:var(--text-primary,#0f172a);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.pd-rollout-chip:hover{border-color:var(--accent,#2563eb);background:color-mix(in srgb, var(--accent,#2563eb) 7%, transparent)}.pd-rollout-chip-icon{justify-content:center;align-items:center;display:inline-flex}.pd-rollout-chip-icon svg{width:16px;height:16px}.pd-links-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.pd-links-header .pd-section-title{margin:0}.pd-generate-link-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.pd-generate-link-btn:hover{background:var(--accent-hover)}.pd-links-empty{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:60px 20px}.pd-links-empty h3{color:var(--text-primary);margin:16px 0 8px;font-size:18px;font-weight:600}.pd-links-empty p{color:var(--text-muted);margin:0 0 20px;font-size:14px}.pd-link-row{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;margin-bottom:10px;padding:12px 16px;display:flex}.pd-link-details{flex:1;min-width:0}.pd-link-url{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.pd-link-date{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.pd-link-open{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.pd-link-open:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.pd-link-copy{background:var(--accent-soft);color:var(--accent);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s}.pd-link-copy:hover{background:#2563eb40}.pd-link-delete{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.pd-link-delete:hover{color:#ef4444;background:#ef44441a}.pd-manage{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px}.pd-manage-row{border-bottom:1px solid var(--border-light);padding:14px 0;display:flex}.pd-manage-row:last-child{border-bottom:none}.pd-manage-label{width:140px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:13px;font-weight:600}.pd-manage-value{color:var(--text-primary);flex:1;font-size:14px;font-weight:500}.pd-screens-section{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.pd-screens-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pd-screens-header .pd-section-title{margin:0}.pd-select-all{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.pd-select-all:hover{color:var(--text-primary)}.pd-checkbox{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:inline-flex}.pd-checkbox:hover{border-color:var(--accent)}.pd-checkbox.checked{background:var(--accent);border-color:var(--accent);color:#fff}.pd-bulk-bar{background:#2563eb14;border:1px solid #2563eb33;border-radius:10px;align-items:center;gap:16px;margin-bottom:16px;padding:10px 16px;display:flex}.pd-bulk-count{color:var(--accent);font-size:13px;font-weight:600}.pd-bulk-delete{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.pd-bulk-delete:hover{background:#ef444433}.pd-screen-check-row{justify-content:space-between;align-items:center;padding:8px 10px 4px;display:flex}.pd-screen-drag-handle{color:var(--text-muted);opacity:0;cursor:grab;align-items:center;transition:opacity .15s;display:flex}.pd-screen-card:hover .pd-screen-drag-handle{opacity:.6}.pd-screen-drag-handle:hover{color:var(--text-secondary);opacity:1!important}.pd-screen-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 2px 8px #2563eb1f}.pd-screen-card.drag-over{border-color:var(--accent);background:#2563eb0a;border-style:dashed}.pd-screen-card.dragging{opacity:.4}.pd-screens-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.pd-screen-card{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:10px;transition:box-shadow .15s,transform .15s;overflow:hidden}.pd-screen-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0003}.pd-screen-thumb{background:var(--bg-elevated);justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.pd-screen-thumb img{object-fit:cover;width:100%;height:100%}.pd-screen-no-img{justify-content:center;align-items:center;display:flex}.pd-screen-index{color:#fff;background:#00000080;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex;position:absolute;top:6px;left:6px}.pd-screen-hotspot-badge{background:var(--accent);border:2px solid var(--bg-card);border-radius:50%;width:10px;height:10px;position:absolute;bottom:6px;right:6px;box-shadow:0 1px 3px #0000004d}.pd-screen-info{padding:10px 12px}.pd-screen-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.pd-screen-menu-wrap{position:absolute;top:6px;right:6px}.pd-screen-dots-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);opacity:0;background:#00000080;border:none;border-radius:6px;justify-content:center;align-items:center;transition:opacity .15s,background .15s,color .15s;display:flex}.pd-screen-card:hover .pd-screen-dots-btn{opacity:1}.pd-screen-dots-btn:hover{background:var(--bg-card);color:var(--text-primary)}.pd-screen-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:10;border-radius:8px;min-width:130px;padding:4px;position:absolute;top:32px;right:0;box-shadow:0 8px 24px #00000040}.pd-screen-dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .12s;display:flex}.pd-screen-dropdown-item:hover{background:var(--bg-card-hover);color:var(--accent)}.pd-screen-name-input{border:1px solid var(--accent);width:100%;color:var(--text-primary);box-sizing:border-box;background:var(--bg-input);border-radius:6px;outline:none;padding:4px 8px;font-size:13px;font-weight:600}.pd-screens-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.pd-screens-empty p{color:var(--text-muted);margin:12px 0 0;font-size:14px}.pd-open-editor-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;margin-top:20px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.pd-open-editor-btn:hover{background:var(--accent-hover)}.pd-placeholder-tab{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:80px 20px}.pd-placeholder-tab h3{color:var(--text-primary);margin:16px 0 8px;font-size:20px;font-weight:600}.pd-placeholder-tab p{color:var(--text-muted);margin:0 0 20px;font-size:14px}.pd-empty{text-align:center;padding:100px 20px}.pd-empty h2{color:var(--text-primary);margin:0 0 8px;font-size:22px;font-weight:600}.pd-empty p{color:var(--text-muted);margin:0 0 20px;font-size:14px}.pd-back-link{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600}.pd-back-link:hover{background:var(--accent-hover)}.login-page{background:0 0;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--bg-surface);text-align:center;border:1px solid var(--border);border-radius:22px;width:420px;max-width:100%;padding:48px 44px;box-shadow:0 8px 40px #00000040}.login-logo{margin-bottom:16px}.login-card h1{color:var(--text-primary);margin:0 0 4px;font-size:24px;font-weight:700}.login-subtitle{color:var(--text-muted);margin:0 0 32px;font-size:14px}.login-form{text-align:left}.login-field{margin-bottom:18px}.login-field label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.login-field input{border:1px solid var(--border);box-sizing:border-box;background:var(--bg-input);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:11px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg-card)}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:42px}.login-eye-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-eye-btn:hover{color:var(--text-secondary)}.login-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13px}.login-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:background .15s}.login-submit:hover{background:var(--accent-hover)}.login-switch{color:var(--text-muted);text-align:center;margin-top:18px;font-size:13px}.login-switch button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.login-switch button:hover{text-decoration:underline}.login-demo{border-top:1px solid var(--border);text-align:left;margin-top:28px;padding-top:24px}.login-demo>p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:600}.login-demo-list{flex-direction:column;gap:6px;display:flex}.login-demo-list button{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;transition:background .15s,border-color .15s;display:flex}.login-demo-list button:hover{background:var(--bg-card-hover);border-color:var(--border)}.demo-role{border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.demo-role.admin{background:var(--accent-soft);color:var(--accent)}.demo-role.editor{color:#2563eb;background:#6eb7582e}.demo-role.viewer{color:#6366f1;background:#818cf826}.login-link-btn{color:var(--accent,#4a8b3a);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.login-link-btn:hover{opacity:.8}.lp{--lp-ink:#0f1729;background:var(--bg-base);min-height:100vh;color:var(--lp-ink);font-family:var(--font-sans);overflow-x:hidden}.lp s{color:var(--text-muted);text-decoration-thickness:2px}.lp-btn{justify-content:center;align-items:center;gap:var(--s-2);font-family:inherit;font-weight:700;font-size:var(--fs-sm);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:10px 18px;text-decoration:none;transition:transform 80ms,background .15s,box-shadow .15s,color .15s;display:inline-flex}.lp-btn:active{transform:translateY(1px)}.lp-btn-lg{font-size:var(--fs-base);border-radius:var(--r-md);padding:14px 26px}.lp-btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-md)}.lp-btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-lg)}.lp-btn-ghost{color:var(--lp-ink);background:0 0}.lp-btn-ghost:hover{background:var(--bg-card-hover)}.lp-try-btn{align-items:center;gap:6px;display:flex;border:1.5px solid var(--border)!important}.lp-try-live-btn{align-items:center;gap:8px;display:inline-flex}.lp-try-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172973;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lp-try-modal{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);width:100%;max-width:480px;animation:.18s lp-modal-in;overflow:hidden}@keyframes lp-modal-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.lp-try-modal-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;padding:22px 24px 16px;display:flex}.lp-try-modal-title{font-size:var(--fs-lg);color:var(--lp-ink);margin:0 0 4px;font-weight:800}.lp-try-modal-sub{font-size:var(--fs-sm);color:var(--text-muted);margin:0}.lp-try-modal-close{cursor:pointer;color:var(--text-muted);border-radius:var(--r-sm);background:0 0;border:none;flex-shrink:0;margin-left:12px;padding:4px;transition:color .12s,background .12s}.lp-try-modal-close:hover{color:var(--lp-ink);background:var(--bg-card-hover)}.lp-try-modal-body{flex-direction:column;gap:4px;padding:8px 12px 12px;display:flex}.lp-try-modal-opt{border-radius:var(--r-md);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:12px 14px;font-family:inherit;transition:background .12s;display:flex}.lp-try-modal-opt:hover{background:var(--bg-card-hover)}.lp-try-modal-opt-icon{border-radius:var(--r-md);background:color-mix(in srgb, var(--accent) 10%, transparent);width:38px;height:38px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lp-try-modal-opt-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lp-try-modal-opt-label{font-size:var(--fs-sm);color:var(--lp-ink);font-weight:700;line-height:1.3}.lp-try-modal-opt-desc{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.45}.lp-try-modal-opt-arrow{color:var(--text-muted);opacity:0;flex-shrink:0;transition:opacity .12s,transform .12s}.lp-try-modal-opt:hover .lp-try-modal-opt-arrow{opacity:1;transform:translate(2px)}.lp-try-section-groups{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.lp-try-section-group-title{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px;font-weight:700}.lp-try-section-cards{flex-direction:column;gap:8px;display:flex}.lp-try-section-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-md);cursor:pointer;text-align:left;grid-template-rows:auto auto;grid-template-columns:40px 1fr 16px;align-items:start;gap:2px 12px;padding:14px 16px;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s;display:grid}.lp-try-section-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-sm);background:var(--bg-card-hover)}.lp-try-section-card-icon{border-radius:var(--r-md);background:color-mix(in srgb, var(--accent) 10%, transparent);width:40px;height:40px;color:var(--accent);grid-area:1/1/3;justify-content:center;align-self:center;align-items:center;display:flex}.lp-try-section-card-label{font-size:var(--fs-sm);color:var(--lp-ink);grid-area:1/2;font-weight:700;line-height:1.3}.lp-try-section-card-desc{font-size:var(--fs-xs);color:var(--text-muted);grid-area:2/2;line-height:1.5}.lp-try-section-card-arrow{color:var(--accent);opacity:0;grid-area:1/3/3;align-self:center;transition:opacity .12s,transform .12s}.lp-try-section-card:hover .lp-try-section-card-arrow{opacity:1;transform:translate(2px)}@media (width<=860px){.lp-try-section-groups{grid-template-columns:1fr 1fr}}@media (width<=540px){.lp-try-section-groups{grid-template-columns:1fr}}.lp-btn-outline{background:var(--bg-card);color:var(--lp-ink);border-color:var(--border)}.lp-btn-outline:hover{border-color:var(--accent-border);color:var(--accent)}.lp-nav{z-index:50;align-items:center;gap:var(--s-5);padding:var(--s-4) var(--s-7);-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);border-bottom:1px solid var(--border-light);background:#ffffffd1;display:flex;position:sticky;top:0}.lp-brand{align-items:center;gap:var(--s-2);font-size:var(--fs-lg);color:var(--lp-ink);font-weight:800;text-decoration:none;display:flex}.lp-nav-links{gap:var(--s-5);margin-left:var(--s-5);flex:1;display:flex}.lp-nav-links a{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:600;text-decoration:none}.lp-nav-links a:hover{color:var(--lp-ink)}.lp-nav-actions{gap:var(--s-2);display:flex}.lp-hero{gap:var(--s-7);max-width:1180px;padding:var(--s-9) var(--s-7) var(--s-8);grid-template-columns:1.05fr .95fr;align-items:center;margin:0 auto;display:grid}.lp-eyebrow{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-pill);margin-bottom:var(--s-4);padding:5px 12px;font-weight:700;display:inline-block}.lp-hero-title{font-size:var(--fs-4xl);letter-spacing:-.02em;margin-bottom:var(--s-4);font-weight:800;line-height:1.04}.lp-grad{background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.lp-hero-sub{font-size:var(--fs-lg);color:var(--text-secondary);max-width:36ch;margin-bottom:var(--s-5);line-height:1.55}.lp-inaugural-badge{color:#92400e;margin-bottom:var(--s-4);background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #f59e0b;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.lp-inaugural-badge svg{color:#f59e0b;flex-shrink:0}.lp-hero-ctas{gap:var(--s-3);margin-bottom:var(--s-5);flex-wrap:wrap;display:flex}.lp-hero-meta{gap:var(--s-5);font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap;font-weight:600;display:flex}.lp-hero-visual{position:relative}.lp-window{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);overflow:hidden;transform:perspective(1400px)rotateY(-9deg)rotateX(3deg)}.lp-window-bar{background:var(--bg-card-hover);border-bottom:1px solid var(--border-light);gap:7px;padding:12px 14px;display:flex}.lp-window-bar i{background:#d6dce5;border-radius:50%;width:11px;height:11px}.lp-window-bar i:first-child{background:#ff5f57}.lp-window-bar i:nth-child(2){background:#febc2e}.lp-window-bar i:nth-child(3){background:#28c840}.lp-window-body{padding:var(--s-5);min-height:280px;position:relative}.lp-skel-tooltip{background:var(--accent);color:#fff;font-size:var(--fs-sm);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:2;padding:10px 14px;position:absolute;top:30px;right:26px}.lp-skel-tooltip:after{content:"";background:var(--accent);width:12px;height:12px;position:absolute;bottom:-6px;left:24px;transform:rotate(45deg)}.lp-skel-row{margin-bottom:var(--s-4);gap:10px;display:flex}.lp-skel-pill{border-radius:var(--r-sm);background:var(--bg-card-hover);flex:1;height:30px}.lp-skel-pill.w40{flex:0 0 40%}.lp-skel-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.lp-skel-grid span{border-radius:var(--r-md);background:linear-gradient(135deg, var(--bg-card-hover), #e7edf7);height:64px}.lp-skel-hotspot{background:var(--accent);border-radius:50%;width:18px;height:18px;animation:1.8s infinite lp-pulse;position:absolute;top:96px;right:60px;box-shadow:0 0 #2563eb73}@keyframes lp-pulse{0%{box-shadow:0 0 #2563eb73}70%{box-shadow:0 0 0 16px #2563eb00}to{box-shadow:0 0 #2563eb00}}.lp-float{align-items:center;gap:var(--s-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);padding:10px 14px;font-weight:600;display:flex;position:absolute}.lp-float-a{top:40px;left:-28px}.lp-float-b{bottom:36px;right:-22px}.lp-float-dot{background:var(--success);border-radius:50%;width:8px;height:8px}.lp-proof{max-width:1100px;padding:var(--s-5) var(--s-7) var(--s-7);text-align:center;margin:0 auto}.lp-proof-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--s-4);display:block}.lp-proof-logos{justify-content:center;gap:var(--s-6);flex-wrap:wrap;display:flex}.lp-proof-logo{font-size:var(--fs-lg);color:#aeb6c4;letter-spacing:-.01em;font-weight:800}.lp-section{max-width:1180px;padding:var(--s-9) var(--s-7);margin:0 auto}.lp-section-head{text-align:center;max-width:640px;margin:0 auto var(--s-7)}.lp-kicker{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);margin-bottom:var(--s-3);font-weight:700;display:inline-block}.lp-section-head h2{font-size:var(--fs-2xl);letter-spacing:-.02em;margin-bottom:var(--s-3);font-weight:800}.lp-section-head p{font-size:var(--fs-md);color:var(--text-secondary);line-height:1.55}.lp-feature-grid{gap:var(--s-4);grid-template-columns:repeat(3,1fr);display:grid}.lp-feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);transition:transform .15s,box-shadow .15s,border-color .15s}.lp-feature:hover{box-shadow:var(--shadow-md);border-color:var(--accent-border);transform:translateY(-3px)}.lp-feature-icon{border-radius:var(--r-md);width:46px;height:46px;margin-bottom:var(--s-3);justify-content:center;align-items:center;display:inline-flex}.lp-feature-tag{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--s-2);font-weight:700;display:block}.lp-feature h3{font-size:var(--fs-md);margin-bottom:var(--s-2);font-weight:700;line-height:1.3}.lp-feature p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.55}.lp-how{background:linear-gradient(180deg, transparent, var(--accent-soft));border-radius:var(--r-xl)}.lp-steps{gap:var(--s-5);grid-template-columns:repeat(3,1fr);max-width:900px;margin:0 auto;display:grid}.lp-step{text-align:center}.lp-step-num{background:var(--accent);color:#fff;width:48px;height:48px;font-size:var(--fs-lg);margin-bottom:var(--s-3);box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.lp-step h3{font-size:var(--fs-md);margin-bottom:var(--s-1);font-weight:700}.lp-step p{font-size:var(--fs-sm);color:var(--text-secondary)}.lp-plans{gap:var(--s-4);grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid}.lp-plan{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-6) var(--s-5);flex-direction:column;display:flex;position:relative}.lp-plan.featured{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:scale(1.03)}.lp-plan-badge{background:var(--accent);color:#fff;font-size:var(--fs-xs);border-radius:var(--r-pill);box-shadow:var(--shadow-md);padding:4px 12px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.lp-plan-name{font-size:var(--fs-md);margin-bottom:var(--s-3);font-weight:700}.lp-plan-price{align-items:baseline;gap:var(--s-2);margin-bottom:var(--s-3);display:flex}.lp-plan-amount{font-size:var(--fs-3xl);letter-spacing:-.02em;font-weight:800}.lp-plan-cadence{font-size:var(--fs-sm);color:var(--text-muted)}.lp-plan-blurb{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--s-4);min-height:40px}.lp-plan .lp-btn{width:100%;margin-bottom:var(--s-4)}.lp-plan-features{gap:var(--s-2);flex-direction:column;list-style:none;display:flex}.lp-plan-features li{align-items:flex-start;gap:var(--s-2);font-size:var(--fs-sm);color:var(--text-secondary);display:flex}.lp-plan-features svg{color:var(--success);flex-shrink:0;margin-top:2px}.lp-pricing-foot{text-align:center;margin-top:var(--s-5);font-size:var(--fs-sm);color:var(--text-muted)}.lp-cta{max-width:900px;margin:var(--s-8) auto var(--s-9);text-align:center;background:linear-gradient(120deg, var(--accent), var(--accent-2));border-radius:var(--r-xl);padding:var(--s-8) var(--s-6);color:#fff;box-shadow:var(--shadow-xl)}.lp-cta h2{font-size:var(--fs-2xl);margin-bottom:var(--s-2);letter-spacing:-.02em;font-weight:800}.lp-cta p{font-size:var(--fs-md);opacity:.92;margin-bottom:var(--s-5)}.lp-cta .lp-btn-primary{color:var(--accent);background:#fff}.lp-cta .lp-btn-primary:hover{background:#f1f5ff}.lp-footer{justify-content:space-between;align-items:center;gap:var(--s-3);max-width:1180px;padding:var(--s-6) var(--s-7) var(--s-8);border-top:1px solid var(--border-light);flex-wrap:wrap;margin:0 auto;display:flex}.lp-footer-brand{align-items:center;gap:var(--s-2);font-weight:800;font-size:var(--fs-md);display:flex}.lp-footer-copy{font-size:var(--fs-sm);color:var(--text-muted)}.lp-stats{max-width:1100px;padding:var(--s-5) var(--s-7);gap:var(--s-4);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.lp-stat{text-align:center}.lp-stat-value{font-size:var(--fs-2xl);letter-spacing:-.02em;background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800;display:block}.lp-stat-label{font-size:var(--fs-sm);color:var(--text-secondary)}.lp-spotlights{max-width:1120px;padding:var(--s-6) var(--s-7);margin:0 auto}.lp-spotlight{gap:var(--s-8);padding:var(--s-7) 0;grid-template-columns:1fr 1fr;align-items:center;display:grid}.lp-spotlight.reversed .lp-spotlight-text{order:2}.lp-spotlight-text h2{font-size:var(--fs-xl);letter-spacing:-.02em;margin:var(--s-2) 0 var(--s-3);font-weight:800}.lp-spotlight-text>p{font-size:var(--fs-base);color:var(--text-secondary);margin-bottom:var(--s-4);line-height:1.6}.lp-spotlight-points{gap:var(--s-2);margin-bottom:var(--s-5);flex-direction:column;list-style:none;display:flex}.lp-spotlight-points li{align-items:flex-start;gap:var(--s-2);font-size:var(--fs-sm);color:var(--text-primary);display:flex}.lp-spotlight-points svg{color:var(--accent);flex-shrink:0;margin-top:1px}.lp-spotlight-visual{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--s-5);justify-content:center;align-items:center;min-height:240px;display:flex}.lp-sv{width:100%}.lp-sv-signals{gap:var(--s-3);flex-direction:column;display:flex}.lp-sv-row{gap:var(--s-3);grid-template-columns:1.4fr auto 2fr auto;align-items:center;display:grid}.lp-sv-co{font-size:var(--fs-sm);font-weight:700}.lp-sv-intent{text-transform:uppercase;border-radius:var(--r-xs);text-align:center;padding:2px 7px;font-size:10px;font-weight:700}.lp-sv-intent.high{color:#b91c1c;background:#fee2e2}.lp-sv-intent.medium{color:#b45309;background:#fef3c7}.lp-sv-intent.low{color:#475569;background:#f1f5f9}.lp-sv-bar{border-radius:var(--r-pill);background:var(--bg-card-hover);height:8px;overflow:hidden}.lp-sv-bar i{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.lp-sv-pct{font-size:var(--fs-xs);color:var(--text-muted);font-weight:700}.lp-sv-brand{gap:var(--s-3);flex-direction:column;display:flex}.lp-sv-brandbar{padding-bottom:var(--s-3);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.lp-sv-logo{color:var(--accent-2);font-weight:800}.lp-sv-navx{font-size:var(--fs-xs);color:var(--text-muted)}.lp-sv-hero{gap:var(--s-2);padding:var(--s-4) 0;flex-direction:column;align-items:flex-start;display:flex}.lp-sv-h1{border-radius:var(--r-xs);background:var(--bg-card-hover);width:80%;height:18px}.lp-sv-h2{border-radius:var(--r-xs);background:var(--bg-card-hover);width:55%;height:12px}.lp-sv-cta{margin-top:var(--s-2);background:var(--accent-2);color:#fff;font-size:var(--fs-xs);border-radius:var(--r-sm);padding:7px 14px;font-weight:700}.lp-sv-foot{font-size:var(--fs-xs);color:var(--success);font-weight:600}.lp-sv-capture{gap:var(--s-4);flex-direction:column;display:flex}.lp-sv-url{align-items:center;gap:var(--s-2);background:var(--bg-card-hover);border-radius:var(--r-pill);font-size:var(--fs-xs);color:var(--text-secondary);padding:7px 7px 7px 14px;display:flex}.lp-sv-dot{background:var(--success);border-radius:50%;width:8px;height:8px}.lp-sv-capbtn{background:var(--accent);color:#fff;border-radius:var(--r-pill);margin-left:auto;padding:5px 12px;font-weight:700}.lp-sv-shots{gap:var(--s-3);grid-template-columns:repeat(3,1fr);display:grid}.lp-sv-shot{border-radius:var(--r-md);background:linear-gradient(135deg, var(--bg-card-hover), #e7edf7);height:70px;position:relative}.lp-sv-shot.s2{background:linear-gradient(135deg,#dbe6ff,#eef3fb)}.lp-sv-shot.s3{background:linear-gradient(135deg,#ede9fe,#f4f1fe)}.lp-sv-caplabel{font-size:var(--fs-xs);color:var(--success);text-align:center;font-weight:600}.lp-usecase-grid{gap:var(--s-4);grid-template-columns:repeat(4,1fr);display:grid}.lp-usecase{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);transition:transform .15s,box-shadow .15s}.lp-usecase:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.lp-usecase-tag{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-pill);margin-bottom:var(--s-3);padding:3px 9px;font-weight:700;display:inline-block}.lp-usecase h3{font-size:var(--fs-base);margin-bottom:var(--s-2);font-weight:700}.lp-usecase p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.5}.lp-compare{border:1px solid var(--border);border-radius:var(--r-lg);max-width:860px;margin:0 auto;overflow:hidden}.lp-compare-head,.lp-compare-row{grid-template-columns:2fr 1fr 1fr;align-items:center;display:grid}.lp-compare-head{background:var(--bg-card-hover);font-size:var(--fs-sm);font-weight:700}.lp-compare-head>span,.lp-compare-row>span{padding:var(--s-3) var(--s-4);text-align:center}.lp-compare-head>span:first-child,.lp-compare-feature{text-align:left!important}.lp-compare-row{border-top:1px solid var(--border-light);font-size:var(--fs-sm)}.lp-compare-feature{color:var(--text-primary);font-weight:600}.lp-compare-basil{background:var(--accent-soft);color:var(--accent);font-weight:700}.lp-compare-head .lp-compare-basil{color:var(--accent)}.lp-compare-them{color:var(--text-muted)}.lp-c-yes{color:var(--success)}.lp-c-no{color:var(--border)}.lp-c-txt{font-size:var(--fs-xs)}.lp-quote-grid{gap:var(--s-4);grid-template-columns:repeat(3,1fr);display:grid}.lp-quote{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);margin:0}.lp-quote-stars{color:#f59e0b;letter-spacing:2px;margin-bottom:var(--s-3);font-size:var(--fs-sm)}.lp-quote blockquote{margin:0 0 var(--s-4);font-size:var(--fs-base);color:var(--text-primary);line-height:1.6}.lp-quote figcaption{align-items:center;gap:var(--s-3);font-size:var(--fs-sm);color:var(--text-muted);display:flex}.lp-quote-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.lp-quote figcaption strong{color:var(--text-primary)}.lp-faq-list{gap:var(--s-3);flex-direction:column;max-width:760px;margin:0 auto;display:flex}.lp-faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-4) var(--s-5)}.lp-faq-item summary{justify-content:space-between;align-items:center;gap:var(--s-3);cursor:pointer;font-weight:700;font-size:var(--fs-base);list-style:none;display:flex}.lp-faq-item summary::-webkit-details-marker{display:none}.lp-faq-chevron{font-size:var(--fs-lg);color:var(--text-muted);line-height:1;transition:transform .2s}.lp-faq-item[open] .lp-faq-chevron{transform:rotate(45deg)}.lp-faq-item p{margin-top:var(--s-3);font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6}@media (width<=920px){.lp-stats{grid-template-columns:repeat(2,1fr)}.lp-spotlight{gap:var(--s-5);grid-template-columns:1fr}.lp-spotlight.reversed .lp-spotlight-text{order:0}.lp-usecase-grid,.lp-quote-grid{grid-template-columns:1fr}.lp-compare-head,.lp-compare-row{grid-template-columns:1.6fr 1fr 1fr}.lp-hero{padding-top:var(--s-7);grid-template-columns:1fr}.lp-hero-visual{order:-1}.lp-window{transform:none}.lp-float-a{left:0}.lp-float-b{right:0}.lp-feature-grid,.lp-plans,.lp-steps{grid-template-columns:1fr}.lp-plan.featured{transform:none}.lp-nav-links{display:none}.lp-hero-title{font-size:var(--fs-3xl)}}.try-page{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.try-banner{z-index:10;background:#0f172a;flex-shrink:0;align-items:center;gap:10px;height:40px;padding:0 20px;display:flex}.try-banner-pill{letter-spacing:.06em;text-transform:uppercase;color:#0f172a;background:#f59e0b;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.try-banner-text{color:#94a3b8;flex:1;font-size:12px}.try-banner-cta{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 14px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.try-banner-cta:hover{background:#1d4ed8}.try-banner-cta svg{opacity:.8}.try-banner-exit{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:5px;flex-shrink:0;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:flex}.try-banner-exit:hover{color:#e2e8f0;background:#ffffff24}.try-banner-sep{background:#ffffff1f;flex-shrink:0;width:1px;height:18px}.try-builder{flex:1;position:relative;overflow:hidden}.try-builder .app{height:100%}.try-guide{z-index:100;background:#fff;border-radius:16px;width:300px;padding:20px 20px 16px;animation:.4s cubic-bezier(.34,1.56,.64,1) guide-in;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 6px -1px #00000014,0 10px 40px -4px #0f172a2e,0 0 0 1px #0f172a0f}@keyframes guide-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.try-guide-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s;display:flex;position:absolute;top:12px;right:12px}.try-guide-close:hover{background:#e2e8f0}.try-guide-icon{margin-bottom:10px;font-size:28px;line-height:1}.try-guide-title{color:#0f172a;margin:0 0 6px;font-size:15px;font-weight:700;line-height:1.3}.try-guide-body{color:#475569;margin:0 0 16px;font-size:13px;line-height:1.55}.try-guide-footer{align-items:center;gap:12px;display:flex}.try-guide-dots{flex:1;gap:5px;display:flex}.try-guide-dot{cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .2s,transform .2s}.try-guide-dot.active{background:#2563eb;transform:scale(1.3)}.try-guide-dot.done{background:#93c5fd}.try-guide-btn{color:#0f172a;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.try-guide-btn:hover{color:#2563eb;border-color:#2563eb}.try-guide-btn.primary{color:#fff;background:#2563eb;border-color:#2563eb}.try-guide-btn.primary:hover{background:#1d4ed8;border-color:#1d4ed8}.try-guide-btn svg{opacity:.7}.try-intro{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0f172a99;justify-content:center;align-items:center;animation:.35s try-intro-in,.5s 1.9s forwards try-intro-out;display:flex;position:fixed;inset:0}@keyframes try-intro-in{0%{opacity:0}to{opacity:1}}@keyframes try-intro-out{0%{opacity:1}to{opacity:0}}.try-intro-card{text-align:center;background:#fff;border-radius:20px;max-width:400px;padding:40px 48px;animation:.4s cubic-bezier(.34,1.56,.64,1) try-intro-card-in;box-shadow:0 20px 60px #0f172a4d}@keyframes try-intro-card-in{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.try-intro-leaf{justify-content:center;margin-bottom:16px;display:flex}.try-intro-title{color:#0f172a;margin:0 0 8px;font-size:22px;font-weight:800;line-height:1.25}.try-intro-sub{color:#64748b;margin:0;font-size:14px;line-height:1.5}.hub-player{z-index:2000;--bg-base:#0b1020;--bg-card:#161d33;--text-primary:#f8fafc;--text-muted:#94a3b8;background:#0b1020;position:fixed;inset:0}.hub-player-close{z-index:2001;color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex;position:fixed;top:16px;right:16px}.hub-player-close:hover{background:#ffffff42}.hfc-overlay{z-index:60;background:color-mix(in srgb, var(--hub-accent-dark,#1e3a8a) 74%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:center;padding:24px;display:flex}.hfc-overlay--abs{z-index:5;position:absolute;inset:0}.hfc-overlay--fixed{position:fixed;inset:0}.hfc-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:440px;padding:28px 32px;position:relative;box-shadow:0 18px 50px #00000047}.hfc-close{color:#8a93a3;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;top:12px;right:12px}.hfc-close:hover{color:#2b313c;background:#f0f1f4}.hfc-title{color:var(--hub-accent-dark,#1e3a8a);letter-spacing:-.015em;margin:0 0 6px;font-size:20px;font-weight:700}.hfc-sub{color:#5d6675;margin:0 0 20px;font-size:14.5px}.hfc-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.hfc-cta-primary{color:#fff;background:var(--hub-accent,#2563eb);cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb, var(--hub-accent,#2563eb) 30%, transparent);border:none;border-radius:8px;justify-content:center;align-items:center;padding:11px 26px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.hfc-cta-primary:hover{opacity:.92}.hfc-cta-link{color:var(--hub-accent-dark,#1e3a8a);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;border-radius:8px;align-items:center;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:underline;display:inline-flex}.hfc-form{text-align:left;flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.hfc-input{color:#1f2733;box-sizing:border-box;background:#f7f8fa;border:1px solid #e2e5ea;border-radius:9px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s}.hfc-input:focus{border-color:var(--hub-accent,#2563eb);background:#fff}.hfc-textarea{resize:vertical;min-height:64px}.hfc-survey{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.hfc-question{color:#2b313c;margin:0;font-size:14.5px;font-weight:600}.hfc-stars{justify-content:center;gap:6px;display:flex}.hfc-star{cursor:pointer;color:#d6dae0;background:0 0;border:none;padding:2px;font-size:32px;line-height:1;transition:color .12s,transform .12s}.hfc-star:hover{transform:scale(1.1)}.hfc-star.on{color:#f5b91e}.hfc-q{text-align:left;flex-direction:column;gap:8px;display:flex}.hfc-q .hfc-stars{justify-content:flex-start}.hfc-req{color:#d63a3a;margin-left:3px}.hfc-choices{flex-direction:column;gap:7px;display:flex}.hfc-choice{color:#2b313c;cursor:pointer;background:#f7f8fa;border:1px solid #e2e5ea;border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;transition:border-color .15s,background .15s;display:flex}.hfc-choice:hover{border-color:var(--hub-accent,#2563eb)}.hfc-choice.on{border-color:var(--hub-accent,#2563eb);background:color-mix(in srgb, var(--hub-accent,#2563eb) 9%, #fff)}.hfc-choice input{accent-color:var(--hub-accent,#2563eb)}.hfc-calendar{text-align:center;flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.hfc-cal-frame{background:#fff;border:1px solid #e2e5ea;border-radius:12px;width:100%;height:480px}.hfc-cal-link{color:var(--hub-accent-dark,#1e3a8a);font-size:14px;font-weight:600;text-decoration:none}.hfc-cal-link:hover{text-decoration:underline}.hfc-cal-empty{color:var(--hub-accent-dark,#1e3a8a);background:color-mix(in srgb, var(--hub-accent,#2563eb) 5%, #fff);border:1px dashed #cdd3db;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:28px 18px;display:flex}.hfc-cal-empty span{font-size:14px;font-weight:700}.hfc-cal-empty small{color:#76808f;font-size:12px;font-weight:400}.hfc-err{color:#d63a3a;margin:0 0 12px;font-size:13px}.hfc-submit{width:100%}.hfc-submit:disabled{opacity:.55;cursor:default}.hgal{--hub-accent:#2563eb;--hub-accent-dark:color-mix(in srgb, var(--hub-accent) 42%, #0b1020);--hub-accent-light:color-mix(in srgb, var(--hub-accent) 8%, #fff);background-color:var(--hub-accent-light);background-image:var(--dot-bg);background-size:var(--dot-size);min-height:100vh;font-family:var(--font-sans);color:#16213a}.hgal-header{background:var(--hub-accent-dark);text-align:center;padding:48px 40px 56px;position:relative}.hgal-back{cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex;position:absolute;top:20px;left:20px}.hgal-back:hover{background:#ffffff40}.hgal-header-content{max-width:700px;margin:0 auto}.hgal-logo{color:#ffffffb3;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:16px;font-size:14px;font-weight:700;display:inline-flex}.hgal-title{color:#fff;letter-spacing:-.025em;margin:0 0 12px;font-size:36px;font-weight:800;line-height:1.15}.hgal-subtitle{color:#ffffffbf;margin:0 0 28px;font-size:16px;line-height:1.5}.hgal-ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hgal-cta-primary{color:#fff;background:var(--hub-accent);cursor:pointer;border:none;border-radius:8px;align-items:center;padding:12px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.hgal-cta-primary:hover{opacity:.9}.hgal-cta-link{color:#ffffffd1;cursor:pointer;background:0 0;border:none;align-items:center;padding:12px 10px;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.hgal-cta-link:hover{color:#fff}.hgal-body{max-width:1000px;margin:0 auto;padding:48px 32px}.hgal-section{margin-bottom:48px}.hgal-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px;display:flex}.hgal-chip{cursor:pointer;border:1px solid color-mix(in srgb, var(--hub-accent) 28%, #fff);color:var(--hub-accent-dark);background:#fff;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:500}.hgal-chip.active{background:var(--hub-accent-dark);color:#fff;border-color:var(--hub-accent-dark)}.hgal-tabs{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:32px;display:flex}.hgal-tab{cursor:pointer;color:#475569;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;font-size:14px;font-weight:600}.hgal-tab.active{color:var(--hub-accent-dark);border-bottom-color:var(--hub-accent)}.hgal-section-title{color:var(--hub-accent-dark);text-align:center;letter-spacing:-.015em;margin:0 0 20px;font-size:24px;font-weight:700}.hgal-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=800px){.hgal-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.hgal-grid{grid-template-columns:1fr}.hgal-title{font-size:26px}.hgal-header{padding:32px 20px 40px}.hgal-body{padding:32px 16px}}.hgal-card{cursor:pointer;background:#fff;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0000000f}.hgal-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0b102024}.hgal-card-thumb{height:150px;position:relative;overflow:hidden}.hgal-card-thumb-inner{background:radial-gradient(120% 120% at 0% 0%, #ffffff2e, #fff0 55%), linear-gradient(135deg, var(--hub-accent), var(--hub-accent-dark));justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hgal-card-monogram{color:#ffffffeb;letter-spacing:-.02em;text-shadow:0 2px 14px #0b10202e;font-size:54px;font-weight:800;line-height:1;transition:transform .2s}.hgal-card:hover .hgal-card-monogram{transform:scale(1.06)}.hgal-card-play{opacity:0;pointer-events:none;background:#0b102052;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding-left:3px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.hgal-card:hover .hgal-card-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.hgal-card-body{padding:16px}.hgal-card-type{color:var(--hub-accent);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;margin-bottom:8px;font-size:11px;font-weight:600;display:inline-flex}.hgal-card-title{color:var(--hub-accent-dark);letter-spacing:-.01em;margin:0 0 6px;font-size:15px;font-weight:700;line-height:1.3}.hgal-card-desc{color:#475569;margin:0;font-size:13px;line-height:1.45}.hgal-card-thumbnail{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.hgal-card-viewed-badge{color:#fff;z-index:2;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 1px 4px #0003}.hgal-card--viewed .hgal-card-title{color:#64748b}.hgal-card-duration{color:#94a3b8}.hgal-welcome-video{border-radius:14px;margin-bottom:32px;overflow:hidden;box-shadow:0 4px 24px #0b10201f}.hgal-welcome-video video{object-fit:cover;background:#000;width:100%;max-height:360px;display:block}.hgal-progress-pill{border:1.5px solid color-mix(in srgb, var(--hub-accent) 22%, #e2e8f0);background:#fff;border-radius:10px;align-items:center;margin-bottom:28px;padding:10px 16px;display:flex;position:relative;overflow:hidden}.hgal-progress-fill{background:color-mix(in srgb, var(--hub-accent) 10%, #fff);pointer-events:none;transition:width .4s;position:absolute;inset:0}.hgal-progress-label{color:var(--hub-accent-dark);font-size:13px;font-weight:600;position:relative}.hgal-sticky-cta{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:12px 32px;animation:.2s hgal-slide-up;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0b102014}@keyframes hgal-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.hgal-sticky-cta-label{color:#16213a;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.hgal-sticky-cta-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.hgal-sticky-btn{padding:9px 20px;font-size:13px}.hgal-sticky-btn-ghost{color:var(--hub-accent-dark);cursor:pointer;background:0 0;border:none;align-items:center;padding:9px 10px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.hgal-sticky-btn-ghost:hover{opacity:.75}.hgal-footer{text-align:center;color:#5d6675;border-top:1px solid #e2e8f0;padding:24px;font-size:13px}.hgal-footer strong{color:var(--hub-accent-dark)}.hpl{--hub-accent:#2563eb;--hub-accent-dark:color-mix(in srgb, var(--hub-accent) 42%, #0b1020);--hub-accent-light:color-mix(in srgb, var(--hub-accent) 8%, #fff);background-color:var(--hub-accent-light);background-image:var(--dot-bg);background-size:var(--dot-size);min-height:100vh;font-family:var(--font-sans);color:#16213a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.hpl-header{background:var(--hub-accent-dark);text-align:center;padding:22px 40px 24px;position:relative}.hpl-back{cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex;position:absolute;top:20px;left:20px}.hpl-back:hover{background:#ffffff40}.hpl-header-content{max-width:600px;margin:0 auto}.hpl-logo{color:#ffffffb3;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:14px;font-size:14px;font-weight:700;display:inline-flex}.hpl-title{color:#fff;letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(22px,3.4vw,32px);font-weight:700;line-height:1.2}.hpl-subtitle{color:#ffffffb8;margin:0;font-size:clamp(13.5px,1.5vw,16px);line-height:1.55}.hpl-ctabar{justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:8px 24px 28px;display:flex}.hpl-ctabar-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hpl-ctabar-right{margin-left:auto}.hpl-bar-primary{color:#fff;background:var(--hub-accent);cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb, var(--hub-accent) 30%, transparent);border:none;border-radius:8px;align-items:center;padding:11px 26px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.hpl-bar-primary:hover{opacity:.92}.hpl-bar-link{color:var(--hub-accent-dark);cursor:pointer;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--hub-accent-dark) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--hub-accent-dark) 35%, transparent);background:0 0;border:none;border-radius:8px;align-items:center;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.hpl-bar-link:hover{-webkit-text-decoration-color:var(--hub-accent-dark);text-decoration-color:var(--hub-accent-dark)}.hpl-layout{gap:32px;max-width:1280px;margin:0 auto;padding:28px 24px 12px;display:flex}.hpl-sidebar{background:#fff;border-radius:14px;flex-shrink:0;align-self:flex-start;width:280px;padding:24px;position:sticky;top:24px;box-shadow:0 2px 8px #0000000d}.hpl-sidebar-title{color:var(--hub-accent-dark);letter-spacing:-.01em;margin:0 0 6px;font-size:clamp(15px,1.6vw,17px);font-weight:700}.hpl-sidebar-desc{color:#475569;margin:0 0 20px;font-size:13px;line-height:1.4}.hpl-topics{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.hpl-topic{justify-content:space-between;align-items:center;gap:8px;display:flex}.hpl-topic-name{color:#1a1a2e;flex:1;font-size:13px;font-weight:500}.hpl-importance-btns{gap:4px;display:flex}.hpl-imp-btn{cursor:pointer;color:#5d6675;background:#f8f9fb;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .15s;display:flex}.hpl-imp-btn:hover{border-color:#cbd5e1}.hpl-imp-btn.active.hpl-imp-btn--very,.hpl-imp-btn.active.hpl-imp-btn--somewhat{background:var(--hub-accent);border-color:var(--hub-accent);color:#fff}.hpl-imp-btn.active.hpl-imp-btn--not{color:#fff;background:#5d6675;border-color:#5d6675}.hpl-legend{color:#5d6675;border-top:1px solid #f1f5f9;flex-direction:column;gap:6px;padding-top:14px;font-size:11px;display:flex}.hpl-legend span{align-items:center;gap:6px;display:flex}.hpl-legend-dot{font-size:12px}.hpl-legend-dot--very,.hpl-legend-dot--some{color:var(--hub-accent)}.hpl-legend-dot--not{color:#5d6675}.hpl-nav-tree{flex-direction:column;gap:18px;display:flex}.hpl-nav-group{flex-direction:column;gap:2px;display:flex}.hpl-nav-group-label{text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;padding:0 10px 4px;font-size:11px;font-weight:700}.hpl-nav-leaf{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:9px;width:100%;padding:8px 10px;transition:background .15s,border-color .15s;display:flex}.hpl-nav-leaf:hover{background:#f4f7fd}.hpl-nav-leaf.active{background:color-mix(in srgb, var(--hub-accent) 12%, #fff);border-color:color-mix(in srgb, var(--hub-accent) 35%, #fff)}.hpl-nav-leaf-icon{color:#94a3b8;flex-shrink:0;display:flex}.hpl-nav-leaf.active .hpl-nav-leaf-icon{color:var(--hub-accent)}.hpl-nav-leaf-title{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:clamp(13px,1.3vw,14px);font-weight:500;line-height:1.45;overflow:hidden}.hpl-nav-leaf.active .hpl-nav-leaf-title{color:var(--hub-accent-dark);font-weight:600}.hpl-nav-substeps{flex-direction:column;gap:1px;margin:2px 0 6px;padding-left:19px;display:flex}.hpl-nav-substep{cursor:pointer;text-align:left;color:#5d6675;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;width:100%;padding:5px 10px;transition:background .15s,color .15s;display:flex}.hpl-nav-substep:hover{background:#f4f7fd}.hpl-nav-substep-dot{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .15s}.hpl-nav-substep.active .hpl-nav-substep-dot{background:var(--hub-accent)}.hpl-nav-substep-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:clamp(11.5px,1.2vw,12.5px);font-weight:500;line-height:1.45;overflow:hidden}.hpl-nav-substep.active .hpl-nav-substep-title{color:var(--hub-accent-dark);font-weight:600}.hpl-screen{background:#fff;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000f}.hpl-screen-chrome{background:#f1f5fb;border-bottom:1px solid #dde4ee;align-items:center;gap:7px;padding:12px 16px;display:flex}.hpl-screen-dot{background:#c9d4e2;border-radius:50%;width:11px;height:11px}.hpl-screen-url{color:#5d6675;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:6px;flex:1;margin-left:10px;padding:4px 12px;font-size:12.5px;overflow:hidden}.hpl-screen-stage{cursor:pointer;background:radial-gradient(circle at 50% 42%,#fafbfd 0%,#eef2fb 100%);border:none;justify-content:center;align-items:center;width:100%;height:560px;display:flex;position:relative}.hpl--fit{flex-direction:column;height:100vh;min-height:0;display:flex;overflow:hidden}.hpl--fit .hpl-layout{flex:1;min-height:0;overflow:hidden}.hpl--fit .hpl-sidebar{align-self:stretch;max-height:100%;position:static;overflow-y:auto}.hpl--fit .hpl-content{min-height:0;display:flex}.hpl--fit .hpl-screen{flex-direction:column;flex:1;min-height:0;display:flex}.hpl--fit .hpl-screen-stage{flex:1;height:auto;min-height:0}.hpl-screen-thumb{opacity:.6;justify-content:center;align-items:center;display:flex}.hpl-screen-play-btn{background:var(--hub-accent);width:64px;height:64px;box-shadow:0 8px 24px color-mix(in srgb, var(--hub-accent) 45%, transparent);border-radius:50%;justify-content:center;align-items:center;padding-left:4px;transition:transform .15s;display:flex;position:absolute}.hpl-screen-stage:hover .hpl-screen-play-btn{transform:scale(1.08)}.hpl-screen-meta{border-top:1px solid #f1f5f9;padding:18px 20px 20px}.hpl-screen-title{color:var(--hub-accent-dark);letter-spacing:-.015em;margin:0 0 8px;font-size:clamp(16px,2vw,20px);font-weight:700}.hpl-app{height:100vh;display:flex;overflow:hidden}.hpl-app--right{flex-direction:row-reverse}.hpl-app--right .hpl-app-sidebar{border-left:1px solid #dde4ee;border-right:none}.hpl-app-sidebar{background:#fff;border-right:1px solid #dde4ee;flex-direction:column;flex-shrink:0;gap:18px;width:380px;height:100%;padding:24px 20px;display:flex;overflow-y:auto}.hpl-app-head{align-items:center;gap:10px;display:flex}.hpl-app-back{color:#5d6675;cursor:pointer;background:#f8f9fb;border:1px solid #dde4ee;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.hpl-app-back:hover{background:#eef2fb}.hpl-app-head .hpl-logo{color:var(--hub-accent-dark);margin:0}.hpl-app-list{flex-direction:column;flex:1;gap:6px;display:flex}.hpl-app-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:13px;padding:14px;transition:background .15s,border-color .15s;display:flex}.hpl-app-item:hover{background:#f4f7fd}.hpl-app-item.active{background:color-mix(in srgb, var(--hub-accent) 12%, #fff);border-color:color-mix(in srgb, var(--hub-accent) 35%, #fff)}.hpl-app-num{color:#5d6675;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;transition:background .15s,color .15s;display:flex}.hpl-app-item.active .hpl-app-num{background:var(--hub-accent);color:#fff}.hpl-app-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.hpl-app-item-title{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.hpl-app-item.active .hpl-app-item-title{color:var(--hub-accent-dark)}.hpl-app-item-meta{color:#5d6675;align-items:center;gap:5px;font-size:11px;display:inline-flex}.hpl-app-main{flex:1;min-width:0;display:flex}.hpl-app-screen{cursor:pointer;background:radial-gradient(circle at 50% 42%, #fff 0%, var(--hub-accent-light) 100%);border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex;position:relative}.hpl-app-screen .hpl-screen-play-btn{position:static}.hpl-app-screen:hover .hpl-screen-play-btn{transform:scale(1.08)}.hpl-app-group{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.hpl-app-group-label{align-items:center;gap:10px;padding:6px 4px 6px 0;display:flex}.hpl-app-group-title{color:var(--hub-accent-dark);letter-spacing:-.01em;font-size:14px;font-weight:700}.hpl-app-screen-item{text-align:left;cursor:pointer;color:#4a5568;background:0 0;border:none;border-left:2px solid #e6ebf3;border-radius:0 8px 8px 0;align-items:center;gap:10px;width:100%;margin-left:12px;padding:8px 12px 8px 13px;transition:background .15s,color .15s,border-color .15s;display:flex}.hpl-app-screen-item:hover{background:#f4f7fd}.hpl-app-screen-item.active{background:color-mix(in srgb, var(--hub-accent) 10%, #fff);border-left-color:var(--hub-accent);color:var(--hub-accent-dark)}.hpl-app-screen-dot{background:#c2ccdb;border-radius:50%;flex-shrink:0;width:6px;height:6px}.hpl-app-screen-item.active .hpl-app-screen-dot{background:var(--hub-accent)}.hpl-app-screen-item-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.hpl-app-stage{background:radial-gradient(circle at 50% 42%, #fff 0%, var(--hub-accent-light) 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:32px;display:flex;position:relative}.hpl-app-screenframe{max-width:920px;width:var(--hub-stage-width,80%);cursor:pointer;background:#fff;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f172a2e}.hpl-app-screenshot{object-fit:cover;width:100%;height:auto;display:block}.hpl-app-screen-loading{color:#8a94a6;justify-content:center;align-items:center;height:360px;font-size:14px;display:flex}.hpl-app-play-fab{transition:transform .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hpl-app-screenframe:hover .hpl-app-play-fab{transform:translate(-50%,-50%)scale(1.1)}.hpl-inline-player{--bg-base:#0b1020;--bg-card:#161d33;--text-primary:#f8fafc;--text-muted:#94a3b8;position:relative;overflow:hidden}.hpl-app-screenframe--playing{aspect-ratio:16/9;cursor:default}.hpl-app--full .hpl-app-stage{gap:0;padding:16px}.hpl-app--full .hpl-app-screenframe{border-radius:14px;flex:1;width:100%;max-width:none;min-height:0}.hpl-app--full .hpl-app-screenframe--playing{aspect-ratio:auto}.hpl-app--full .hpl-app-screenshot{object-fit:cover;height:100%}.hpl-app--full .hpl-app-stage-meta{display:none}.hpl-app-ctas{border-top:1px solid #e6ebf3;flex-direction:column;gap:8px;padding-top:16px;display:flex}.hpl-app-cta{border:1px solid var(--hub-accent);color:var(--hub-accent-dark);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;padding:11px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.hpl-app-cta:hover{background:color-mix(in srgb, var(--hub-accent) 8%, #fff)}.hpl-app-cta--primary{background:var(--hub-accent);border-color:var(--hub-accent);color:#fff}.hpl-app-cta--primary:hover{opacity:.92;background:var(--hub-accent)}.hpl-content{flex:1;min-width:0}.hpl-section{margin-bottom:32px}.hpl-section-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.hpl-section-title{color:var(--hub-accent-dark);letter-spacing:-.015em;margin:0;font-size:20px;font-weight:700}.hpl-section-badge{color:#fff;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.hpl-section-badge--very,.hpl-section-badge--somewhat{background:var(--hub-accent)}.hpl-items{flex-direction:column;gap:8px;display:flex}.hpl-item{cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 4px #0000000a}.hpl-item:hover{transform:translate(4px);box-shadow:0 4px 16px #00000014}.hpl-item-number{width:28px;height:28px;color:var(--hub-accent-dark);background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.hpl-item-thumb{background:radial-gradient(120% 120% at 0% 0%, #fff3, #fff0 60%), linear-gradient(135deg, var(--hub-accent), var(--hub-accent-dark));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.hpl-item-thumb-img{object-fit:cover;object-position:top center;border-radius:8px;width:100%;height:100%;display:block}.hpl-item-mono{color:#fffffff2;font-size:18px;font-weight:800;line-height:1}.hpl-item-info{flex:1;min-width:0}.hpl-item-title{color:#1a1a2e;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.hpl-item-meta{align-items:center;gap:12px;display:flex}.hpl-item-type{color:var(--hub-accent);text-transform:uppercase;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.hpl-item-duration{color:#5d6675;font-size:11px}.hpl-item-play{cursor:pointer;background:#2563eb1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.hpl-item-play:hover{background:#2563eb2e}.hpl-empty{text-align:center;color:#5d6675;padding:64px 20px;font-size:15px}.hpl-single{width:100%;max-width:760px;margin:0 auto;padding:40px 24px}.hpl-progress{margin-bottom:28px}.hpl-progress-label{color:var(--hub-accent-dark);margin-bottom:8px;font-size:13px;font-weight:600}.hpl-progress-track{background:#dde4ee;border-radius:999px;height:8px;overflow:hidden}.hpl-progress-fill{background:var(--hub-accent);border-radius:999px;height:100%;transition:width .3s}.hpl-item--done{opacity:.6}.hpl-item--done .hpl-item-number{color:#fff;background:#16a34a}.hpl-item-check{cursor:pointer;color:var(--hub-accent-dark);background:#fff;border:1px solid #cbd9ee;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600}.hpl-item--done .hpl-item-check{color:#fff;background:#16a34a;border-color:#16a34a}.hpl-stage-num{background:var(--hub-accent-dark);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:inline-flex}.hpl-single--center{flex-direction:column;justify-content:center;min-height:56vh;display:flex}.hpl-persona-intro{text-align:center;margin-bottom:28px}.hpl-persona-q{color:var(--hub-accent-dark);letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:800}.hpl-persona-q-sub{color:#5d6675;margin:0;font-size:15px}.hpl-personas{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100%;max-width:760px;margin:0 auto;display:grid}.hpl-persona-card{cursor:pointer;text-align:center;background:#fff;border:1px solid #e6ebf1;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:28px 22px 22px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;box-shadow:0 1px 4px #0f172a0d}.hpl-persona-card:hover{border-color:color-mix(in srgb, var(--hub-accent) 35%, #e6ebf1);transform:translateY(-4px);box-shadow:0 14px 32px #0f172a1f}.hpl-persona-avatar{letter-spacing:.02em;width:52px;height:52px;color:var(--pc,#2563eb);background:color-mix(in srgb, var(--pc,#2563eb) 14%, #fff);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;font-size:17px;font-weight:800;display:inline-flex}.hpl-persona-name{color:#0f172a;letter-spacing:-.01em;font-size:17px;font-weight:750}.hpl-persona-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.hpl-persona-go{color:var(--hub-accent-dark);align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:700;display:inline-flex}.hpl-persona-go svg{transition:transform .16s}.hpl-persona-card:hover .hpl-persona-go svg{transform:translate(3px)}.hpl-persona-bar{border-bottom:1px solid #e6ebf1;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.hpl-persona-bar-info{align-items:center;gap:14px;display:flex}.hpl-persona-avatar--sm{width:42px;height:42px;margin-bottom:0;font-size:14px}.hpl-persona-bar-text{flex-direction:column;gap:2px;display:flex}.hpl-persona-bar-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;font-size:11.5px;font-weight:700}.hpl-persona-bar-name{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800;line-height:1.1}.hpl-persona-switch{cursor:pointer;color:var(--hub-accent-dark);border:1px solid color-mix(in srgb, var(--hub-accent) 30%, #e6ebf1);background:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.hpl-persona-switch:hover{background:color-mix(in srgb, var(--hub-accent) 8%, #fff);border-color:color-mix(in srgb, var(--hub-accent) 50%, #e6ebf1)}.hpl-footer{text-align:center;color:#5d6675;border-top:1px solid #e2e8f0;padding:24px;font-size:13px}.hpl-footer strong{color:var(--hub-accent-dark)}@media (width<=768px){.hpl-layout{flex-direction:column}.hpl-sidebar{width:100%;position:static}.hpl-header{padding:20px 20px 22px}.hpl-ctabar{flex-direction:column-reverse;align-items:stretch;gap:10px}.hpl-ctabar-right{margin-left:0}.hpl-bar-primary,.hpl-ctabar-left{justify-content:center}}.try-hub-page .try-banner{flex-wrap:wrap;gap:6px;height:auto;min-height:40px;padding:6px 16px}.try-hub-banner{align-items:center}.try-hub-groups{background:#ffffff14;border-radius:6px;gap:2px;padding:2px;display:flex}.try-hub-group-tab{cursor:pointer;color:#94a3b8;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600;transition:background .15s,color .15s}.try-hub-group-tab.active{color:#fff;background:#ffffff2e}.try-hub-group-tab:hover:not(.active){color:#cbd5e1}.try-hub-types{flex-wrap:wrap;gap:4px;display:flex}.try-hub-type-chip{cursor:pointer;color:#94a3b8;white-space:nowrap;background:0 0;border:1px solid #ffffff26;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500;transition:all .15s}.try-hub-type-chip.active{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:600}.try-hub-type-chip:hover:not(.active){color:#e2e8f0;border-color:#ffffff4d}.try-hub-desc{color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:8px;padding:7px 20px;font-size:12px;display:flex}.try-hub-desc strong{color:#0f172a;font-weight:600}.try-hub-desc span:before{content:"—";opacity:.4;margin-right:6px}.try-hub-body{flex:1;overflow:auto}.tran-shell{background:#f1f5f9;flex:1;display:flex;overflow:hidden}.tran-sidebar{background:#0f172a;flex-direction:column;flex-shrink:0;width:200px;display:flex;overflow:hidden}.tran-sidebar-head{border-bottom:1px solid #ffffff0f;padding:18px 20px 14px}.tran-sidebar-logo{color:#fff;letter-spacing:-.02em;font-size:16px;font-weight:700}.tran-sidebar-nav{flex-direction:column;gap:2px;padding:10px 8px;display:flex}.tran-nav-item{color:#64748b;cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:background .15s,color .15s;display:flex}.tran-nav-item:hover{color:#94a3b8;background:#ffffff0d}.tran-nav-item.active{color:#e2e8f0;background:#1e293b}.tran-nav-item svg{flex-shrink:0}.tran-main{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex;overflow:auto}.tran-topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tran-heading{color:#0f172a;margin:0;font-size:22px;font-weight:700}.tran-subheading{color:#94a3b8;margin:3px 0 0;font-size:12px}.tran-topbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.tran-date-badge{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:5px 12px;font-size:12px}.tran-export-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.tran-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.tran-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.tran-kpi-label{color:#64748b;font-size:11px;font-weight:500}.tran-kpi-value{color:#0f172a;font-size:28px;font-weight:700;line-height:1.1}.tran-kpi-delta{font-size:11px;font-weight:600}.tran-kpi-delta.up{color:#16a34a}.tran-kpi-delta.down{color:#dc2626}.tran-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.tran-card-head{border-bottom:1px solid #f1f5f9;align-items:baseline;gap:10px;padding:14px 18px 10px;display:flex}.tran-card-title{color:#0f172a;font-size:14px;font-weight:600}.tran-card-sub{color:#94a3b8;font-size:11px}.tran-chart-card{padding-bottom:4px}.tran-chart{align-items:flex-end;gap:6px;height:140px;padding:12px 18px 0;display:flex}.tran-bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.tran-bar-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.tran-bar{background:#2563eb;border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .3s}.tran-bar-label{color:#94a3b8;padding-bottom:8px;font-size:10px}.tran-tabs{background:#fff;border:1px solid #e2e8f0;border-bottom:none;border-radius:10px 10px 0 0;gap:4px;padding:0 4px;display:flex}.tran-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.tran-tab.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.tran-tab:hover:not(.active){color:#0f172a}.tran-table{border-collapse:collapse;border-radius:0 0 10px 10px;width:100%;font-size:13px;overflow:hidden}.tran-table th{text-align:left;color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:10px 16px;font-size:11px;font-weight:600}.tran-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:11px 16px}.tran-table tbody tr:last-child td{border-bottom:none}.tran-table tbody tr:hover{background:#f8fafc}.hot-row{background:#fffbeb!important}.hot-row:hover{background:#fef3c7!important}.tran-company{color:#0f172a;align-items:center;gap:6px;font-weight:500;display:flex}.tran-hot-dot{background:#f59e0b;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.8s ease-in-out infinite hot-pulse;box-shadow:0 0 0 2px #fef3c7}@keyframes hot-pulse{0%,to{box-shadow:0 0 0 2px #fef3c7}50%{box-shadow:0 0 0 5px #f59e0b26}}.tran-intent{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.tran-intent-high{color:#b45309;background:#fef3c7}.tran-intent-medium{color:#1d4ed8;background:#dbeafe}.tran-intent-low{color:#64748b;background:#f1f5f9}.tran-bar-inline{color:#64748b;align-items:center;gap:8px;font-size:12px;display:flex}.tran-bar-inline-fill{background:#2563eb;border-radius:3px;flex-shrink:0;width:80px;height:6px;position:relative}.tran-bar-inline-fill:before{content:"";z-index:-1;background:#e2e8f0;border-radius:3px;width:80px;position:absolute;inset:0}.tran-bar-green{background:#16a34a}.tran-muted{color:#94a3b8}.tran-demo-row{transition:background .1s}.tran-demo-row.expanded td{background:#f0f9ff;font-weight:500}.tran-demo-name{color:#0f172a;font-weight:500}.tran-expand-hint{color:#94a3b8;margin-left:4px;font-size:10px}.tran-detail-row td{background:#f8fafc!important}.tran-funnel{padding:12px 0 4px}.tran-funnel-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.tran-funnel-bars{flex-direction:column;gap:8px;margin-top:10px;display:flex}.tran-funnel-step{align-items:center;gap:10px;font-size:12px;display:flex}.tran-funnel-step-label{color:#64748b;flex-shrink:0;width:50px}.tran-funnel-bar-wrap{background:#e2e8f0;border-radius:4px;flex:1;height:10px;overflow:hidden}.tran-funnel-bar{background:#2563eb;border-radius:4px;height:100%;transition:width .3s}.tran-funnel-pct{color:#334155;text-align:right;flex-shrink:0;width:38px;font-weight:600}.hiw{--lp-ink:#0f1729;background:var(--bg-base);min-height:100vh;color:var(--lp-ink);font-family:var(--font-sans);overflow-x:hidden}.hiw-hero{padding:80px var(--s-7) 64px;text-align:center;background:linear-gradient(to bottom, color-mix(in srgb, var(--accent) 4%, transparent), transparent);border-bottom:1px solid var(--border-light)}.hiw-hero-inner{max-width:740px;margin:0 auto}.hiw-hero h1{color:var(--lp-ink);margin:12px 0 20px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}.hiw-hero p{font-size:var(--fs-lg);color:var(--text-secondary);margin-bottom:40px;line-height:1.7}.hiw-hero-steps{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hiw-hero-step{background:var(--bg-card);border:1px solid var(--border);font-size:var(--fs-sm);color:var(--lp-ink);border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:inline-flex}.hiw-hero-step:hover{border-color:var(--accent-border);box-shadow:0 2px 8px #0000000f}.hiw-hero-step-num{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:inline-flex}.hiw-section-head{text-align:center;max-width:640px;margin:0 auto 56px}.hiw-section-head h2{color:var(--lp-ink);margin:10px 0 14px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.hiw-section-head p{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.65}.hiw-phases{max-width:1180px;padding:0 var(--s-7);margin:0 auto}.hiw-phase{border-bottom:1px solid var(--border-light);grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:80px 0;scroll-margin-top:80px;display:grid}.hiw-phase:last-child{border-bottom:none}.hiw-phase-flipped .hiw-phase-text{order:2}.hiw-phase-flipped .hiw-phase-visual{order:1}.hiw-phase-tag{font-size:var(--fs-sm);border-radius:9999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px 6px 8px;font-weight:700;display:inline-flex}.hiw-phase-icon{align-items:center;display:flex}.hiw-phase-num{opacity:.6;font-size:12px;font-weight:800}.hiw-phase-text h2{color:var(--lp-ink);margin:0 0 16px;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;line-height:1.2}.hiw-phase-body{font-size:var(--fs-base);color:var(--text-secondary);margin-bottom:28px;line-height:1.7}.hiw-phase-details{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.hiw-phase-details li{font-size:var(--fs-sm);color:var(--text-secondary);align-items:flex-start;gap:10px;line-height:1.5;display:flex}.hiw-phase-details li svg{flex-shrink:0;margin-top:2px}.hiw-phase-details strong{color:var(--lp-ink)}.hiw-phase-visual{justify-content:center;align-items:center;display:flex}.hiw-visual{border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:24px;overflow:hidden}.hiw-browser{border-radius:var(--r-md);border:1px solid var(--border);background:#f8fafc;margin-bottom:14px;overflow:hidden}.hiw-browser-bar{border-bottom:1px solid var(--border);background:#f1f5f9;align-items:center;gap:6px;padding:8px 12px;display:flex}.hiw-dot{background:var(--border);border-radius:50%;width:8px;height:8px}.hiw-url{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-sm);text-overflow:ellipsis;white-space:nowrap;background:#fff;flex:1;margin:0 8px;padding:3px 8px;font-size:11px;overflow:hidden}.hiw-capbtn{border-radius:var(--r-sm);color:#fff;cursor:default;white-space:nowrap;border:none;padding:4px 10px;font-size:11px;font-weight:700}.hiw-browser-body{padding:12px}.hiw-skel-nav{background:var(--border);border-radius:4px;width:60%;height:8px;margin-bottom:12px}.hiw-skel-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hiw-skel-grid span{border-radius:var(--r-sm);background:var(--border);height:36px}.hiw-capture-badge{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.hiw-thumb-row{gap:8px;display:flex}.hiw-thumb{border-radius:var(--r-sm);background:var(--border);flex:1;height:52px}.hiw-thumb:first-child{background:color-mix(in srgb, var(--accent) 20%, var(--border))}.hiw-screen-mock{border-radius:var(--r-md);border:1px solid var(--border);background:#f8fafc;padding:16px;position:relative}.hiw-skel-grid.guide-grid{grid-template-columns:repeat(2,1fr)}.hiw-hotspot-demo{width:0;height:0;position:absolute}.hiw-hotspot-ring{background:0 0;border:2px solid;border-radius:50%;width:36px;height:36px;animation:2s infinite hiw-pulse;position:absolute;transform:translate(-50%,-50%)}.hiw-hotspot-dot{border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}@keyframes hiw-pulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.3)}}.hiw-tooltip-card{border:1px solid var(--border);border-radius:var(--r-md);background:#fff;flex-direction:column;gap:8px;min-width:180px;padding:10px 12px;display:flex;position:absolute;bottom:28px;left:16px;box-shadow:0 4px 16px #0000001a}.hiw-tooltip-text{color:var(--lp-ink);font-size:12px;font-weight:600}.hiw-tooltip-btn{color:#fff;border-radius:var(--r-sm);align-self:flex-end;padding:4px 10px;font-size:11px;font-weight:700}.hiw-visual-brand{padding:0}.hiw-brand-bar{border-bottom:1px solid var(--border);background:var(--bg-card);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.hiw-brand-logo{color:var(--lp-ink);font-size:14px;font-weight:800}.hiw-brand-nav{color:var(--text-muted);font-size:11px}.hiw-brand-hero{flex-direction:column;gap:10px;padding:24px 16px;display:flex}.hiw-brand-h1{background:var(--lp-ink);opacity:.8;border-radius:4px;width:70%;height:14px}.hiw-brand-h2{background:var(--border);border-radius:4px;width:90%;height:8px}.hiw-brand-cta{color:#fff;border-radius:var(--r-md);cursor:default;border:none;align-self:flex-start;margin-top:8px;padding:8px 16px;font-size:12px;font-weight:700}.hiw-brand-foot{color:#16a34a;text-align:center;background:#f0fdf4;border-top:1px solid #bbf7d0;padding:10px 16px;font-size:11px;font-weight:600}.hiw-visual-hubs{padding:0}.hiw-hub-header{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.hiw-hub-logo{color:var(--lp-ink);font-size:14px;font-weight:800}.hiw-hub-subtitle{color:var(--text-muted);font-size:11px}.hiw-hub-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.hiw-hub-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-base);flex-direction:column;gap:6px;padding:10px;display:flex}.hiw-hub-thumb{border-radius:var(--r-sm);background:linear-gradient(135deg, var(--border) 60%, color-mix(in srgb, var(--accent) 15%, var(--border)));height:44px}.hiw-hub-label{color:var(--lp-ink);font-size:11px;font-weight:600}.hiw-hub-playbtn{border-radius:var(--r-sm);cursor:default;background:0 0;border:1px solid;align-self:flex-start;padding:3px 8px;font-size:10px;font-weight:700}.hiw-sig-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hiw-sig-title{color:var(--lp-ink);font-size:13px;font-weight:700}.hiw-sig-badge{border-radius:9999px;padding:2px 8px;font-size:10px;font-weight:700}.hiw-sig-row{align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.hiw-sig-co{color:var(--lp-ink);flex:0 0 70px;font-weight:600}.hiw-sig-intent{flex:0 0 54px;font-size:11px;font-weight:700}.hiw-sig-bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.hiw-sig-bar i{border-radius:3px;height:100%;transition:width .3s;display:block}.hiw-sig-pct{text-align:right;color:var(--text-secondary);flex:0 0 32px;font-weight:600}.hiw-timeline-section{padding:80px var(--s-7);background:color-mix(in srgb, var(--accent) 3%, var(--bg-base));border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.hiw-timeline{flex-direction:column;gap:0;max-width:640px;margin:0 auto;display:flex;position:relative}.hiw-timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:14px;bottom:14px;left:80px}.hiw-tl-row{grid-template-columns:64px 28px 1fr;align-items:flex-start;gap:12px;padding:12px 0;display:grid}.hiw-tl-time{color:var(--text-muted);text-align:right;padding-top:2px;font-size:12px;font-weight:700}.hiw-tl-dot{background:var(--accent);border:2px solid var(--bg-base);width:12px;height:12px;box-shadow:0 0 0 2px var(--accent);border-radius:50%;justify-self:center;margin-top:3px}.hiw-tl-event{color:var(--lp-ink);font-size:14px;line-height:1.6}.hiw-vs-section{padding:80px var(--s-7)}.hiw-vs-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;max-width:960px;margin:0 auto;display:grid}.hiw-vs-col{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-card);padding:28px}.hiw-vs-col-basil{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 4%, var(--bg-card));box-shadow:0 0 0 1px var(--accent), var(--shadow-md)}.hiw-vs-icon{margin-bottom:10px;font-size:28px}.hiw-vs-col h3{color:var(--lp-ink);margin:0 0 16px;font-size:16px;font-weight:800}.hiw-vs-pros,.hiw-vs-cons{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.hiw-vs-pros li,.hiw-vs-cons li{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;display:flex}.hiw-vs-pros li svg,.hiw-vs-cons li svg{flex-shrink:0;margin-top:2px}.hiw-faq-section{padding:80px var(--s-7);background:var(--bg-card);border-top:1px solid var(--border-light)}.hiw-faq-list{max-width:680px;margin:0 auto}@media (width<=900px){.hiw-phase{grid-template-columns:1fr;gap:32px}.hiw-phase-flipped .hiw-phase-text{order:1}.hiw-phase-flipped .hiw-phase-visual{order:2}.hiw-vs-grid{grid-template-columns:1fr;max-width:440px}.hiw-timeline:before{left:64px}}@media (width<=640px){.hiw-hero{padding:48px 20px 40px}.hiw-phases{padding:0 20px}.hiw-phase{padding:48px 0}.hiw-timeline-section,.hiw-vs-section,.hiw-faq-section{padding:48px 20px}.hiw-tl-row{grid-template-columns:48px 24px 1fr}.hiw-timeline:before{left:60px}}