.settings-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px 28px}.settings-field{margin-bottom:16px}.settings-field:last-of-type{margin-bottom:0}.settings-field label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:7px}.settings-card-title{font-size:16px;font-weight:700;margin:0 0 18px}.settings-field input,.settings-field select,.settings-field textarea{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;color:var(--text);background:var(--bg);outline:none}.settings-field textarea{resize:vertical}.settings-field input:disabled{color:var(--text-faint);cursor:not-allowed}.settings-hint{display:block;font-size:12px;color:var(--text-faint);margin-top:6px}.settings-save-btn{all:unset;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;font-family:inherit;color:#fff;background:var(--accent);padding:10px 20px;border-radius:8px;margin-top:4px}.settings-save-btn:disabled{cursor:not-allowed;opacity:.6}.install-instructions{font-size:14px;color:var(--text-muted);margin:0 0 16px}.install-instructions p{margin:0}.embed-container{border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden}.embed-toolbar{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:var(--bg);border-bottom:1px solid var(--border)}.embed-toolbar>span{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.copy-btn{cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.05em;font-family:inherit;color:#fff;background:var(--accent);border:none;padding:4px 10px;border-radius:6px}.copy-btn:disabled{cursor:not-allowed;opacity:.6}.embed-container .code{background:#111827;color:#34d399;margin:0;padding:14px 16px;font-family:monospace;font-size:12.5px;line-height:1.5;word-wrap:break-word}@keyframes copyFlash{0%,70%{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e2e}to{border-color:var(--border);box-shadow:none}}.embed-container.copied{animation:copyFlash .8s ease forwards}.copy-btn.copied{background:#22c55e!important;opacity:1!important}.install-check-row{display:flex;flex-direction:column;gap:10px;margin-top:18px}.leads-table{width:100%;border-collapse:collapse;font-size:13px}.leads-table th{text-align:left;font-size:11px;color:var(--text-muted);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.leads-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.leads-table tbody tr:last-child td{border-bottom:none}.lead-name-cell{font-weight:600}.status-select{font-family:inherit;font-size:11px;font-weight:600;border-radius:999px;padding:3px 9px;border:1px solid transparent;display:inline-block}.status-select-new{background-color:#eef2ff;color:#4f46e5}.detail-panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.detail-name{font-size:17px;font-weight:700;margin:0 0 6px}.detail-field{margin-bottom:14px}.detail-field-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin:0 0 3px}.detail-field-value{font-size:13px;margin:0}.lead-capture-fields{display:flex;flex-wrap:wrap;gap:14px}.lead-capture-field-checkbox{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--text)}.lead-capture-field-checkbox input{width:16px;height:16px;accent-color:var(--accent)}.live-demo-head{text-align:center;margin:0 auto 40px;max-width:620px}.live-demo-row{display:flex;gap:24px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.live-demo-panel{width:400px;max-width:100%;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column}.live-demo-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.live-demo-header-left{display:flex;align-items:center;gap:10px}.live-demo-avatar{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:#111;color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}.live-demo-name{font-size:14px;font-weight:700;color:var(--text)}.live-demo-status{font-size:12px;color:#22c55e}.live-demo-control{all:unset;cursor:pointer;flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.live-demo-control:hover{color:var(--text);border-color:var(--text-muted)}.live-demo-messages{height:420px;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:var(--bg)}.live-demo-msg{max-width:78%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.45}.live-demo-msg-bot{align-self:flex-start;background:var(--card-bg);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.live-demo-msg-user{align-self:flex-end;background:#111;color:#fff;border-bottom-right-radius:4px}.live-demo-typing{display:flex;align-items:center;gap:4px;width:fit-content;padding:12px 14px}.live-demo-typing span{width:6px;height:6px;border-radius:50%;background:var(--text-faint);animation:liveDemoBounce 1.4s infinite}.live-demo-typing span:nth-child(2){animation-delay:.2s}.live-demo-typing span:nth-child(3){animation-delay:.4s}@keyframes liveDemoBounce{0%,80%,to{transform:scale(.4);opacity:.5}40%{transform:scale(1);opacity:1}}.live-demo-form{max-width:88%;display:flex;flex-direction:column;gap:10px}.live-demo-form-field label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:4px}.live-demo-form-field input{width:100%;padding:8px 10px;border:1.5px solid var(--border);border-radius:7px;font-size:13px;font-family:inherit;color:var(--text);background:var(--bg);outline:none}.live-demo-form-submit{all:unset;cursor:default;text-align:center;font-size:13px;font-weight:600;color:#fff;background:#111;padding:8px;border-radius:7px;transition:opacity .15s}.live-demo-form-submit.submitting{opacity:.7}.live-demo-input-row{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);background:var(--card-bg)}.live-demo-input{flex:1;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit;color:var(--text);background:var(--bg);outline:none;transition:border-color .15s,background .15s}.live-demo-input:focus{border-color:#111;background:#fff}.live-demo-input:disabled{color:var(--text-faint);cursor:default}.live-demo-send{all:unset;cursor:pointer;flex-shrink:0;width:42px;height:42px;border-radius:10px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.live-demo-send:hover:not(:disabled){opacity:.9}.live-demo-send:disabled{background:var(--border);color:var(--text-faint);cursor:default}.live-demo-note{text-align:center;font-size:12.5px;color:var(--text-faint);margin-top:16px}.leads-demo-panel{width:340px;max-width:100%;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column}.leads-demo-header{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-bottom:1px solid var(--border)}.leads-demo-title{font-size:14px;font-weight:700;color:var(--text)}.leads-demo-sub{font-size:11.5px;color:var(--text-faint)}.leads-demo-list{position:relative;min-height:420px}.leads-demo-empty{padding:48px 16px;text-align:center;color:var(--text-faint);font-size:13px}.leads-demo-list.hidden,.leads-demo-empty.hidden,.leads-demo-table-wrap.hidden,.leads-demo-detail.hidden{display:none}.leads-demo-table-wrap{transition:opacity .3s ease}.leads-demo-table-wrap.leads-demo-fade-out{opacity:0}.leads-demo-row-enter{opacity:0;transform:translateY(-8px);transition:opacity .35s ease,transform .35s ease}.leads-demo-row-enter.leads-demo-row-in{opacity:1;transform:translateY(0)}.leads-demo-row-press{background:var(--accent-light)}.leads-demo-cursor{position:absolute;top:0;left:0;z-index:5;opacity:0;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));transition:transform .5s cubic-bezier(.65,0,.35,1),opacity .2s}.leads-demo-cursor.visible{opacity:1}.leads-demo-detail{padding:16px}.leads-demo-detail.leads-demo-fade-in{animation:leadsDemoFadeIn .3s ease}@keyframes leadsDemoFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:780px){.leads-demo-panel{width:100%}}.dashboard-showcase-parallax{max-width:920px;margin:0 auto}.browser-frame{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);overflow:hidden;opacity:0;transform:translateY(48px) scale(.96) perspective(1200px) rotateX(8deg) rotateY(-6deg);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.browser-frame.in-view{opacity:1;transform:translateY(0) scale(1) perspective(1200px) rotateX(0) rotateY(0)}.browser-frame.settled{animation:dbShowcaseFloat 5.5s ease-in-out infinite}@keyframes dbShowcaseFloat{0%,to{transform:translateY(0) scale(1) perspective(1200px) rotateX(0) rotateY(0)}50%{transform:translateY(-9px) scale(1) perspective(1200px) rotateX(0) rotateY(0)}}@media(prefers-reduced-motion:reduce){.browser-frame{transition:opacity .5s ease;transform:none!important;animation:none!important}.browser-frame.in-view{opacity:1}.dashboard-showcase-parallax{transform:none!important}}.browser-frame-bar{display:flex;align-items:center;gap:16px;padding:11px 16px;background:var(--bg);border-bottom:1px solid var(--border)}.browser-frame-dots{display:flex;gap:7px;flex-shrink:0}.browser-frame-dots span{width:11px;height:11px;border-radius:50%}.browser-frame-dots .dot-red{background:#ff5f56}.browser-frame-dots .dot-yellow{background:#ffbd2e}.browser-frame-dots .dot-green{background:#27c93f}.browser-frame-url{display:flex;align-items:center;gap:7px;flex:1;font-size:12.5px;color:var(--text-faint);background:#fff;border:1px solid var(--border);border-radius:999px;padding:6px 14px}.browser-frame-url svg{flex-shrink:0;opacity:.7}.browser-frame-body{display:flex;min-height:420px}.dbshow-sidebar{width:190px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:3px}.dbshow-brand{display:flex;align-items:center;gap:8px;padding:2px 8px 16px;margin-bottom:8px;border-bottom:1px solid var(--border);font-weight:700;font-size:12.5px}.dbshow-brand-mark{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));flex-shrink:0}.dbshow-nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:12.5px;color:var(--text-muted)}.dbshow-nav-item svg{flex-shrink:0;opacity:.75}.dbshow-nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.dbshow-nav-item.active svg{opacity:1}.dbshow-main{flex:1;min-width:0;display:flex;flex-direction:column}.dbshow-topbar{padding:14px 24px;border-bottom:1px solid var(--border);font-size:14px;font-weight:700}.dbshow-content{padding:22px 24px 28px}.dbshow-welcome{font-size:15px;font-weight:600;margin:0 0 4px}.dbshow-welcome-sub{font-size:12.5px;color:var(--text-muted);margin:0 0 18px}.dbshow-stat-table{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:18px}.dbshow-stat-cell{background:#fff;padding:13px 14px}.dbshow-stat-label{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:500;color:var(--text-muted);margin:0 0 7px}.dbshow-stat-label svg{flex-shrink:0;opacity:.8}.dbshow-stat-value{font-size:18px;font-weight:600;margin:0}.dbshow-status-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.dbshow-status-dot{width:6px;height:6px;border-radius:50%;background:#16a34a}.dbshow-leads-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin:0 0 8px}.dbshow-leads-table{width:100%;border-collapse:collapse;font-size:12px}.dbshow-leads-table th{text-align:left;font-size:10px;font-weight:600;color:var(--text-muted);padding:7px 8px;border-bottom:1px solid var(--border)}.dbshow-leads-table td{padding:8px;border-bottom:1px solid var(--border)}.dbshow-leads-table tbody tr:last-child td{border-bottom:none}.dbshow-leads-status{font-size:10px;font-weight:600;border-radius:999px;padding:2px 8px;background:#eef2ff;color:#4f46e5}@media(max-width:640px){.dbshow-sidebar{display:none}.browser-frame-body{min-height:340px}}.watch-demo-card{display:flex;align-items:center;gap:32px;max-width:920px;margin:0 auto;padding:20px}.watch-demo-thumb{flex-shrink:0;width:220px;height:130px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));display:flex;align-items:center;justify-content:center}.watch-demo-play{width:52px;height:52px;border-radius:50%;background:#fffffff2;display:flex;align-items:center;justify-content:center;color:var(--accent);transition:transform .2s}.watch-demo-card:hover .watch-demo-play{transform:scale(1.08)}.watch-demo-copy p{font-size:15px;color:var(--text-muted);margin:0 0 14px;max-width:480px}.watch-demo-cta{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--accent)}.watch-demo-cta svg{transition:transform .2s}.watch-demo-card:hover .watch-demo-cta svg{transform:translate(3px)}@media(max-width:640px){.watch-demo-card{flex-direction:column;text-align:center;padding:20px 4px}.watch-demo-thumb{width:100%;height:160px}}.ai-employee-pipeline{display:flex;align-items:stretch;justify-content:center;gap:4px;max-width:1080px;margin:0 auto}.ai-emp-node{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 14px;border:.5px solid var(--border);border-radius:14px;background:var(--card-bg);opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),box-shadow .2s}.ai-employee-pipeline.in-view .ai-emp-node{opacity:1;transform:translateY(0)}.ai-emp-node:nth-child(1){transition-delay:.02s}.ai-emp-node:nth-child(3){transition-delay:.14s}.ai-emp-node:nth-child(5){transition-delay:.26s}.ai-emp-node:nth-child(7){transition-delay:.38s}.ai-emp-node:nth-child(9){transition-delay:.5s}.ai-emp-node:nth-child(11){transition-delay:.62s}.ai-emp-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:14px;flex-shrink:0}.ai-emp-node[data-node="1"] .ai-emp-icon{background:#64748b}.ai-emp-node[data-node="2"] .ai-emp-icon{background:var(--accent)}.ai-emp-node[data-node="3"] .ai-emp-icon{background:#2563eb}.ai-emp-node[data-node="4"] .ai-emp-icon{background:#f59e0b}.ai-emp-node[data-node="5"] .ai-emp-icon{background:#dc2626}.ai-emp-node[data-node="6"] .ai-emp-icon{background:#16a34a}.ai-emp-node h3{font-size:14.5px;font-weight:700;margin-bottom:4px}.ai-emp-node p{font-size:12.5px;color:var(--text-muted);margin:0;line-height:1.4}.ai-emp-node-final{border-color:#16a34a59;box-shadow:0 0 0 1px #16a34a1f}.ai-employee-pipeline.in-view .ai-emp-node-final{animation:aiEmpFinalGlow 2.4s ease-in-out 1.2s infinite}@keyframes aiEmpFinalGlow{0%,to{box-shadow:0 0 0 1px #16a34a1f}50%{box-shadow:0 0 0 6px #16a34a24}}.ai-emp-arrow{flex-shrink:0;width:28px;position:relative;display:flex;align-items:center;justify-content:center;color:var(--border);opacity:0;transition:opacity .5s ease}.ai-employee-pipeline.in-view .ai-emp-arrow{opacity:1}.ai-emp-arrow:before{content:"";position:absolute;left:0;right:0;height:2px;top:50%;transform:translateY(-50%);background:linear-gradient(90deg,var(--border),var(--accent),var(--border));background-size:220% 100%;border-radius:2px}.ai-employee-pipeline.in-view .ai-emp-arrow:before{animation:aiEmpFlow 2.6s linear infinite}.ai-emp-arrow:nth-of-type(2) .ai-emp-icon,.ai-emp-arrow:before{animation-delay:0s}@keyframes aiEmpFlow{0%{background-position:220% 0}to{background-position:-220% 0}}.ai-employee-tagline{text-align:center;font-size:15px;font-weight:600;color:var(--text-muted);margin:40px auto 0}@media(prefers-reduced-motion:reduce){.ai-emp-node,.ai-emp-arrow{transition:opacity .4s ease!important;transform:none!important}.ai-employee-pipeline.in-view .ai-emp-node-final,.ai-employee-pipeline.in-view .ai-emp-arrow:before{animation:none!important}}@media(max-width:900px){.ai-employee-pipeline{flex-direction:column;align-items:stretch;gap:0}.ai-emp-node{flex-direction:row;text-align:left;padding:16px;gap:4px}.ai-emp-icon{margin-bottom:0;margin-right:16px}.ai-emp-arrow{width:auto;height:22px;transform:rotate(90deg);align-self:center}}.before-after-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:stretch;max-width:980px;margin:0 auto}.ba-col{border-radius:18px;padding:28px 30px;display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.before-after-grid.in-view .ba-col{opacity:1;transform:translateY(0)}.before-after-grid.in-view .ba-before{transition-delay:.02s}.before-after-grid.in-view .ba-after{transition-delay:.18s}.ba-before{background:#fef2f2;border:1px solid #fecaca}.ba-after{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-md)}.ba-col-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}.ba-before .ba-col-label{color:#dc2626}.ba-after .ba-col-label{color:#16a34a}.ba-item{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;padding:11px 0;border-bottom:1px solid rgba(0,0,0,.06)}.ba-item:last-child{border-bottom:none}.ba-before .ba-item{color:#7f1d1d}.ba-after .ba-item{color:var(--text)}.ba-item-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}.ba-before .ba-item-icon{background:#fee2e2;color:#dc2626}.ba-after .ba-item-icon{background:#dcfce7;color:#16a34a}.ba-counter{font-weight:800;color:inherit}.ba-divider{display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.ba-divider svg{opacity:0;transition:opacity .6s ease .4s}.before-after-grid.in-view .ba-divider svg{opacity:1}@media(max-width:780px){.before-after-grid{grid-template-columns:1fr}.ba-divider{transform:rotate(90deg);padding:4px 0}}