@font-face{font-family:'Vazirmatn';src:url('/embed/fonts/Vazirmatn-Variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--lk-bg:#ffffff;--lk-fg:#111111;--lk-muted:#555;--lk-border:#e6e6e6;--lk-card:#fafafa;--lk-accent:#111111;--lk-radius:12px;--lk-space:16px}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--lk-bg);color:var(--lk-fg);font-family:'Vazirmatn',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Noto Sans',Tahoma,Arial,sans-serif}
img{max-width:100%;height:auto}
a{color:var(--lk-fg);text-decoration:none}
.lk-container{width:90%;margin:0 auto;padding:0 var(--lk-space)}
.lk-header{border-bottom:1px solid var(--lk-border);position:sticky;top:0;background:#fff;z-index:10}
.lk-header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.lk-brand{font-weight:700;display:flex;align-items:center}
.lk-nav{display:flex;gap:20px;align-items:center}
.lk-link{opacity:.9}
.lk-link:hover{opacity:1}
.lk-credit-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f5f5f7;border:1px solid var(--lk-border);border-radius:20px;font-size:13px;font-weight:500;color:var(--lk-fg);transition:all .15s ease}
.lk-credit-indicator .lk-credit-icon{flex-shrink:0;color:var(--lk-muted);opacity:.8}
.lk-credit-indicator .lk-credit-value{font-weight:600;color:var(--lk-fg)}
.lk-credit-indicator .lk-credit-label{font-size:12px;color:var(--lk-muted);opacity:.9}
.lk-credit-indicator.is-warning{background:#fff3e0;border-color:#ffb74d;color:#e65100}
.lk-credit-indicator.is-warning .lk-credit-icon{color:#ff9800}
.lk-credit-indicator.is-warning .lk-credit-value{color:#e65100}
.lk-credit-indicator.is-warning .lk-credit-label{color:#e65100;opacity:.8}
.lk-credit-indicator.is-low{background:#ffebee;border-color:#ef5350;color:#c62828}
.lk-credit-indicator.is-low .lk-credit-icon{color:#ef5350}
.lk-credit-indicator.is-low .lk-credit-value{color:#c62828}
.lk-credit-indicator.is-low .lk-credit-label{color:#c62828;opacity:.8}
.lk-main{padding:40px 0}
.lk-hero{padding:64px 0;text-align:center}
.lk-title{margin:0 0 8px 0;font-weight:700;font-size:28px}
.lk-subtitle{margin:0;color:var(--lk-muted)}
.lk-grid{display:block;margin-top:40px}
.lk-card{background:var(--lk-card);border:1px solid var(--lk-border);border-radius:var(--lk-radius);padding:20px}
.lk-section{margin-top:20px}
.lk-footer{border-top:1px solid var(--lk-border);padding:20px 0;margin-top:40px;color:var(--lk-muted)}

.lk-app{display:flex;gap:20px}
.lk-sidebar{width:240px;flex:0 0 240px}
.lk-sidenav{display:flex;flex-direction:column;gap:8px;position:sticky;top:84px}
.lk-snav-link{display:block;padding:10px 12px;border:1px solid var(--lk-border);border-radius:10px;background:#fff}
.lk-snav-link:hover{background:#f7f7f7}
.lk-content{flex:1;min-width:0}

button,input,select,textarea{font:inherit}
/* sidebar redesign */
.lk-sidebar{background:var(--lk-card);border:1px solid var(--lk-border);border-radius:var(--lk-radius);padding:12px}
.lk-sidenav{gap:16px}
.lk-snav-group{display:flex;flex-direction:column;gap:8px}
.lk-snav-group-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--lk-muted);padding:8px 12px 4px 12px;opacity:.8}
.lk-snav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--lk-border);border-radius:10px;background:#fff;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}
.lk-snav-link:hover{background:#f7f7f7;border-color:#ddd}
.lk-snav-link.is-active{background:#f5f5f7;border-color:#d0d0d0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}
.lk-snav-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--lk-fg);opacity:.9}
.lk-snav-icon svg{width:18px;height:18px}
.lk-snav-label{flex:1;min-width:0}

/* sidebar collapse */
.lk-sidebar-toggle{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lk-border);border-radius:8px;background:#fff;color:var(--lk-fg);cursor:pointer;margin-bottom:8px}
.lk-sidebar-toggle:hover{background:#f7f7f7}
.lk-sidebar.is-collapsed{width:72px;flex:0 0 72px;padding:12px 8px}
.lk-sidebar.is-collapsed .lk-snav-label{display:none}
.lk-sidebar.is-collapsed .lk-snav-group-header{display:none}
.lk-sidebar.is-collapsed .lk-snav-link{justify-content:center}
.lk-sidebar.is-collapsed .lk-sidebar-toggle svg{transform:rotate(180deg)}

/* modal */
.lk-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:none;align-items:center;justify-content:center;z-index:100}
.lk-modal-overlay.is-open{display:flex}
.lk-modal{background:#fff;border:1px solid var(--lk-border);border-radius:var(--lk-radius);padding:20px;width:100%;max-width:560px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.lk-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.lk-modal-title{margin:0;font-size:18px}
.lk-modal-close{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lk-border);border-radius:8px;background:#fff;color:var(--lk-fg);cursor:pointer}
.lk-modal-close:hover{background:#f7f7f7}

/* empty state */
.lk-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--lk-muted);padding:28px 8px}
.lk-empty svg{width:120px;height:120px;margin-bottom:12px;opacity:.8}

/* toasts */
.lk-toasts{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.lk-toast{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--lk-border);border-radius:10px;padding:12px 14px;min-width:260px;max-width:420px;box-shadow:0 10px 30px rgba(0,0,0,.10);pointer-events:auto;transform:translateY(10px);opacity:0;transition:opacity .18s ease,transform .18s ease}
.lk-toast.is-show{opacity:1;transform:translateY(0)}
.lk-toast-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}
.lk-toast-body{flex:1;min-width:0}
.lk-toast-title{margin:0 0 2px 0;font-weight:700;font-size:13px}
.lk-toast-text{margin:0;font-size:13px;color:var(--lk-muted)}
.lk-toast.is-error{border-inline-start:4px solid #b00020}
.lk-toast.is-success{border-inline-start:4px solid #188038}
.lk-toast.is-info{border-inline-start:4px solid #1967d2}

/* buttons */
.lk-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--lk-border);border-radius:10px;background:#fff;color:var(--lk-fg);cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}
.lk-btn:hover{background:#f7f7f7}
.lk-btn:disabled{opacity:.6;cursor:not-allowed}
.lk-btn-primary{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--lk-border);border-radius:10px;background:#111;color:#fff;border-color:#111;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}
.lk-btn-primary:hover{background:#000;border-color:#000}
.lk-btn-ghost{background:transparent}
.lk-btn-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lk-border);border-radius:8px;background:#fff}
.lk-btn-icon:hover{background:#f7f7f7}

/* service cards */
.service-card:hover{border-color:#999!important;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.service-card:active{transform:scale(.98)}

/* builder */
.lk-builder{display:block}
.lk-builder-header{display:flex;align-items:center;gap:10px;margin:0 0 10px 0}
.lk-toolbar{display:flex;align-items:center;gap:8px;border:1px solid var(--lk-border);background:#fff;border-radius:12px;padding:8px 8px}
.lk-toolbar .lk-sep{width:1px;height:20px;background:var(--lk-border);margin-inline:4px}
.lk-flow{display:flex;gap:12px}
.lk-canvas{position:relative;flex:1;height:700px;border:1px solid var(--lk-border);border-radius:12px;background:#fafafa;overflow:hidden;cursor:grab}
.lk-canvas.is-panning{cursor:grabbing}
.lk-inspector{width:320px;min-width:280px;border:1px solid var(--lk-border);border-radius:12px;padding:12px;background:#fff;display:flex;flex-direction:column;height:700px}
.lk-inspector h3{margin:0 0 10px 0;font-size:16px}
.lk-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--lk-border);padding-bottom:8px;flex-shrink:0}
.lk-tab-btn{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--lk-muted);cursor:pointer;border-radius:8px;font-size:13px;transition:background .15s ease,color .15s ease}
.lk-tab-btn:hover{background:#f7f7f7;color:var(--lk-fg)}
.lk-tab-btn.active{background:#f5f5f5;color:var(--lk-fg);font-weight:600}
.lk-tab-content{display:none;flex:1;overflow-y:auto;min-height:0;padding:0 10px}
.lk-tab-content.active{display:block}
#tab-assistant-test.active{display:flex;flex-direction:column}
.lk-field{margin-bottom:10px}
.lk-field label{display:block;margin-bottom:6px;font-size:13px;color:var(--lk-muted)}
.lk-field input,.lk-field select{width:100%;height:40px;border:1px solid var(--lk-border);border-radius:10px;padding:0 10px;background:#fff}
.lk-field textarea{width:100%;height:160px;border:1px solid var(--lk-border);border-radius:10px;padding:10px;background:#fff}
.lk-actions{display:flex;gap:8px}
.lk-spacer{margin-inline-start:auto}

/* node visuals */
.node{
	min-width:160px;
	min-height:64px;
	padding:12px 14px;
	border:1.5px solid #e2e8f0;
	border-radius:12px;
	background:#fff;
	box-shadow:0 2px 6px rgba(0,0,0,0.08);
	cursor:move;
	user-select:none;
	position:relative;
	display:flex;
	align-items:flex-start;
	gap:12px;
	transition:box-shadow 0.15s ease, border-color 0.15s ease;
}
.node:hover{
	box-shadow:0 4px 12px rgba(0,0,0,0.12);
	border-color:#cbd5e1;
}
.node .node-icon{
	flex-shrink:0;
	width:36px;
	height:36px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
	border-radius:8px;
	color:#2563eb;
	font-size:18px;
	transition:background 0.15s ease;
}
.node:hover .node-icon{
	background:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}
.node .node-content{
	flex:1;
	min-width:0;
	padding-top:2px;
}
.node .node-title{
	font-weight:600;
	font-size:14px;
	margin-bottom:4px;
	color:#1e293b;
	line-height:1.3;
	letter-spacing:-0.01em;
}
.node .node-number{
	font-size:10px;
	font-weight:500;
	color:#94a3b8;
	letter-spacing:0.3px;
	margin-bottom:2px;
	text-transform:uppercase;
	font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
.node .node-sub{font-size:12px;color:#64748b;line-height:1.4}
.node .node-desc{
	font-size:11px;
	color:#64748b;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:1.4;
	margin-top:2px;
}
.node.selected,.node.is-selected{
	border-color:#2563eb;
	box-shadow:0 0 0 3px rgba(37,99,235,0.1), 0 4px 12px rgba(37,99,235,0.2);
	background:#f8faff;
}
.node.selected .node-icon,.node.is-selected .node-icon{
	background:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
	color:#fff;
}
.node.connecting,.node.is-connecting{
	border-color:#2563eb;
	box-shadow:0 0 0 3px rgba(37,99,235,0.15), 0 4px 12px rgba(37,99,235,0.2);
}

/* node debug bubble (trace outputs) */
.node-debug{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease-out,transform .12s ease-out}
.node:hover .node-debug{opacity:1;visibility:visible;transform:translateY(100%)}

/* node ports and edge styling */
#nodes{pointer-events:none}
#nodes .node{pointer-events:auto}
.node .port{
	position:absolute;
	width:14px;
	height:14px;
	background:#2563eb;
	border:3px solid #fff;
	border-radius:50%;
	top:50%;
	transform:translateY(-50%);
	opacity:0;
	transition:opacity 0.15s ease, background 0.15s ease;
	cursor:crosshair;
	box-shadow:0 2px 6px rgba(37,99,235,0.3);
	z-index:10;
}
.node:hover .port{
	opacity:1;
}
.node .port:hover{
	background:#1d4ed8;
	box-shadow:0 3px 8px rgba(37,99,235,0.4);
}
.node .port.port-in{
	left:-8px;
}
.node .port.port-out{
	right:-8px;
}
.edge-temp{pointer-events:none}
.edge-hit{pointer-events:stroke}
.edge-path{pointer-events:none}
/* popover for add-node type selection */
.lk-popover{
	position:absolute;
	z-index:1000;
	background:#fff;
	border:1.5px solid var(--lk-border);
	border-radius:12px;
	box-shadow:0 10px 30px rgba(0,0,0,.15);
	padding:8px;
	min-width:240px;
}
.lk-menu-item{
	display:flex;
	align-items:center;
	gap:12px;
	padding:10px 12px;
	border-radius:10px;
	cursor:pointer;
	transition:background 0.15s ease;
}
.lk-menu-item:hover{
	background:#f1f5f9;
}
.lk-menu-item .node-icon{
	width:32px;
	height:32px;
	font-size:16px;
}

/* homepage redesign */
.lk-hero{padding:80px 0;text-align:center;background:linear-gradient(180deg,#fafafa 0%,#fff 100%)}
.lk-hero-content{max-width:800px;margin:0 auto}
.lk-hero .lk-title{font-size:42px;font-weight:700;line-height:1.3;margin:0 0 16px 0;color:var(--lk-fg)}
.lk-subtitle{font-size:18px;line-height:1.6;color:var(--lk-muted);margin:0 0 32px 0}
.lk-hero-actions{display:flex;gap:12px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}
.lk-btn-large{height:48px;padding:0 24px;font-size:16px;font-weight:500}
.lk-hero-badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.lk-badge{display:inline-flex;align-items:center;padding:6px 14px;background:#f5f5f7;border:1px solid var(--lk-border);border-radius:20px;font-size:13px;color:var(--lk-muted);font-weight:500}

.lk-features-showcase{padding:80px 0;background:#fff}
.lk-section-header{text-align:center;margin-bottom:60px}
.lk-section-title{font-size:36px;font-weight:700;margin:0 0 12px 0;color:var(--lk-fg)}
.lk-section-desc{font-size:18px;color:var(--lk-muted);margin:0}

.lk-feature-block{display:flex;align-items:center;gap:60px;margin-bottom:100px;padding:40px 0}
.lk-feature-block:last-child{margin-bottom:0}
.lk-feature-reverse{flex-direction:row-reverse}
.lk-feature-visual{flex:0 0 200px;display:flex;justify-content:center;align-items:center}
.lk-feature-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f7 0%,#fff 100%);border:2px solid var(--lk-border);border-radius:24px;color:var(--lk-accent);transition:transform .3s ease,box-shadow .3s ease}
.lk-feature-icon svg{width:64px;height:64px}
.lk-feature-block:hover .lk-feature-icon{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.08)}
.lk-icon-builder{background:linear-gradient(135deg,#e3f2fd 0%,#fff 100%);border-color:#90caf9}
.lk-icon-search{background:linear-gradient(135deg,#f3e5f5 0%,#fff 100%);border-color:#ce93d8}
.lk-icon-persian{background:linear-gradient(135deg,#fff3e0 0%,#fff 100%);border-color:#ffb74d}
.lk-feature-content{flex:1;max-width:600px}
.lk-feature-label{display:inline-block;padding:4px 12px;background:#f5f5f7;border:1px solid var(--lk-border);border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--lk-muted);margin-bottom:16px}
.lk-feature-title{font-size:32px;font-weight:700;margin:0 0 16px 0;line-height:1.3;color:var(--lk-fg)}
.lk-feature-desc{font-size:16px;line-height:1.7;color:var(--lk-muted);margin:0 0 24px 0}
.lk-feature-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.lk-feature-list li{position:relative;padding-inline-start:24px;font-size:15px;color:var(--lk-fg);line-height:1.6}
.lk-feature-list li:before{content:'';position:absolute;right:0;top:10px;width:6px;height:6px;background:var(--lk-accent);border-radius:50%}

.lk-features-grid{padding:80px 0;background:#fafafa}
.lk-features-grid-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:40px}
.lk-feature-card{background:#fff;border:1px solid var(--lk-border);border-radius:16px;padding:32px;transition:transform .2s ease,box-shadow .2s ease}
.lk-feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.08)}
.lk-feature-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f5f5f7;border:1px solid var(--lk-border);border-radius:12px;color:var(--lk-accent);margin-bottom:20px}
.lk-feature-card-icon svg{width:28px;height:28px}
.lk-feature-card-title{font-size:20px;font-weight:700;margin:0 0 12px 0;color:var(--lk-fg)}
.lk-feature-card-desc{font-size:15px;line-height:1.6;color:var(--lk-muted);margin:0}

.lk-cta-section{padding:80px 0;background:linear-gradient(135deg,#111 0%,#333 100%);color:#fff;text-align:center}
.lk-cta-content{max-width:600px;margin:0 auto}
.lk-cta-title{font-size:36px;font-weight:700;margin:0 0 16px 0;color:#fff}
.lk-cta-desc{font-size:18px;line-height:1.6;color:rgba(255,255,255,.8);margin:0 0 32px 0}
.lk-cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.lk-cta-section .lk-btn-primary{background:#fff;color:#111;border-color:#fff}
.lk-cta-section .lk-btn-primary:hover{background:#f5f5f5;border-color:#f5f5f5}
.lk-cta-section .lk-btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.lk-cta-section .lk-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}

/* auth pages redesign */
.lk-auth-wrapper{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(180deg,#fafafa 0%,#fff 100%)}
.lk-auth-container{width:100%;max-width:480px;background:#fff;border:1px solid var(--lk-border);border-radius:20px;padding:40px;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.lk-auth-header{text-align:center;margin-bottom:32px}
.lk-auth-title{font-size:28px;font-weight:700;margin:0 0 8px 0;color:var(--lk-fg);line-height:1.3}
.lk-auth-subtitle{font-size:15px;color:var(--lk-muted);margin:0;line-height:1.5}
.lk-auth-form{display:flex;flex-direction:column;gap:20px}
.lk-auth-field{display:flex;flex-direction:column;gap:8px}
.lk-auth-label{display:flex;flex-direction:column;gap:8px}
.lk-auth-label-text{font-size:14px;font-weight:500;color:var(--lk-fg);display:flex;align-items:center;gap:4px}
.lk-auth-required{color:#b00020;font-weight:600}
.lk-auth-optional{font-size:12px;color:var(--lk-muted);font-weight:400}
.lk-auth-input-wrapper{position:relative;display:flex;align-items:center}
.lk-auth-input-icon{position:absolute;right:14px;color:var(--lk-muted);pointer-events:none;z-index:1;transition:color .15s ease}
.lk-auth-input{width:100%;height:48px;padding:0 48px 0 14px;border:1.5px solid var(--lk-border);border-radius:12px;background:#fff;color:var(--lk-fg);font-size:15px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;text-align:right}
.lk-auth-input::placeholder{color:#999}
.lk-auth-input:hover{border-color:#d0d0d0}
.lk-auth-input:focus{outline:none;border-color:var(--lk-accent);box-shadow:0 0 0 3px rgba(17,17,17,.08);background:#fff}
.lk-auth-input:focus + .lk-auth-input-icon,.lk-auth-input:focus ~ .lk-auth-input-icon{color:var(--lk-accent)}
.lk-auth-input-wrapper:has(.lk-auth-input:focus) .lk-auth-input-icon{color:var(--lk-accent)}
.lk-auth-note{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;background:#f5f5f7;border:1px solid var(--lk-border);border-radius:10px;font-size:13px;color:var(--lk-muted);line-height:1.5}
.lk-auth-note svg{flex-shrink:0;margin-top:2px;color:var(--lk-muted)}
.lk-auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;padding:0 20px;border:none;border-radius:12px;background:var(--lk-accent);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.lk-auth-submit:hover{background:#000;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.lk-auth-submit:active{transform:translateY(1px);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.lk-auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}
.lk-auth-submit svg{flex-shrink:0}
.lk-auth-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding-top:24px;border-top:1px solid var(--lk-border);font-size:14px}
.lk-auth-footer-text{color:var(--lk-muted)}
.lk-auth-footer-link{color:var(--lk-accent);font-weight:600;text-decoration:none;transition:color .15s ease}
.lk-auth-footer-link:hover{color:#000;text-decoration:underline}
.lk-auth-checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:12px;background:#f5f5f7;border:1px solid var(--lk-border);border-radius:10px;transition:background .15s ease,border-color .15s ease}
.lk-auth-checkbox-label:hover{background:#f0f0f0;border-color:#d0d0d0}
.lk-auth-checkbox{width:18px;height:18px;margin-top:2px;flex-shrink:0;cursor:pointer;accent-color:var(--lk-accent)}
.lk-auth-checkbox-text{font-size:14px;line-height:1.6;color:var(--lk-fg);flex:1}
.lk-auth-checkbox-text a{color:var(--lk-accent);font-weight:600;text-decoration:none;transition:color .15s ease}
.lk-auth-checkbox-text a:hover{color:#000;text-decoration:underline}

@media (max-width:768px){
	.lk-hero .lk-title{font-size:28px}
	.lk-subtitle{font-size:16px}
	.lk-hero{padding:60px 0}
	.lk-feature-block{flex-direction:column!important;gap:32px;margin-bottom:60px;padding:32px 0}
	.lk-feature-visual{flex:0 0 auto}
	.lk-feature-title{font-size:24px}
	.lk-section-title{font-size:28px}
	.lk-features-grid-inner{grid-template-columns:1fr}
	.lk-cta-title{font-size:28px}
	.lk-auth-wrapper{padding:20px 16px;min-height:calc(100vh - 150px)}
	.lk-auth-container{padding:32px 24px;border-radius:16px}
	.lk-auth-title{font-size:24px}
	.lk-auth-subtitle{font-size:14px}
	.lk-auth-input{height:44px;font-size:14px}
	.lk-auth-submit{height:44px;font-size:15px}
	.lk-table-wrap{margin:-20px;padding:12px}
	.lk-table thead th{padding:12px 12px;font-size:12px}
	.lk-table tbody td{padding:12px 12px;font-size:13px}
	.lk-grid-4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
	.lk-grid-2{grid-template-columns:1fr;gap:16px}
	.lk-page-header>div{flex-direction:column;align-items:flex-start!important}
	.lk-page-header>div>div:first-child{flex-direction:row;width:100%}
	.lk-timeline{padding-inline-start:16px}
	.lk-timeline-item:before{right:-12px}
}

/* table styles */
.lk-table-wrap{overflow-x:auto;margin:-20px;padding:20px}
.lk-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}
.lk-table thead{background:#fafafa;border-bottom:2px solid var(--lk-border)}
.lk-table thead th{text-align:right;padding:16px 20px;font-size:13px;font-weight:600;color:var(--lk-muted);text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap;border-bottom:2px solid var(--lk-border)}
.lk-table thead th:first-child{border-top-right-radius:12px}
.lk-table thead th:last-child{border-top-left-radius:12px}
.lk-table tbody tr{transition:background .15s ease,box-shadow .15s ease;border-bottom:1px solid #f0f0f0}
.lk-table tbody tr:hover{background:#fafafa;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.lk-table tbody tr:last-child td:first-child{border-bottom-right-radius:12px}
.lk-table tbody tr:last-child td:last-child{border-bottom-left-radius:12px}
.lk-table tbody td{padding:16px 20px;vertical-align:top;font-size:14px;color:var(--lk-fg);line-height:1.5}
.lk-table tbody td:first-child{font-weight:500}
.lk-table tbody tr:hover td a[href*="/users/"]{background:#f7f7f7;border-color:#d0d0d0;transform:translateX(-2px);box-shadow:0 2px 4px rgba(0,0,0,.08)}

/* pagination */
.lk-pagination{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap}
.lk-page-link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;border:1px solid var(--lk-border);border-radius:8px;background:#fff;color:var(--lk-fg);font-size:14px;font-weight:500;text-decoration:none;transition:all .15s ease}
.lk-page-link:hover{background:#f7f7f7;border-color:#d0d0d0;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.08)}
.lk-page-link.is-active{background:var(--lk-accent);color:#fff;border-color:var(--lk-accent);box-shadow:0 2px 8px rgba(0,0,0,.12)}

/* page header */
.lk-page-header{margin-bottom:24px}
.lk-page-title{font-size:28px;font-weight:700;margin:0 0 8px 0;color:var(--lk-fg)}
.lk-page-subtitle{font-size:15px;color:var(--lk-muted);margin:0;line-height:1.5}

/* grid utilities */
.lk-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.lk-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}

/* card title */
.lk-card-title{margin:0 0 16px 0;font-size:18px;font-weight:700;color:var(--lk-fg);padding-bottom:12px;border-bottom:2px solid var(--lk-border)}

/* detail list */
.lk-detail-list{display:flex;flex-direction:column;gap:16px}
.lk-detail-item{display:flex;flex-direction:column;gap:6px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}
.lk-detail-item:last-child{border-bottom:none;padding-bottom:0}
.lk-detail-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--lk-muted);opacity:.8}
.lk-detail-value{font-size:14px;color:var(--lk-fg);font-weight:500;word-break:break-word}

/* timeline */
.lk-timeline{position:relative;padding-inline-start:24px}
.lk-timeline:before{content:'';position:absolute;right:8px;top:0;bottom:0;width:2px;background:var(--lk-border)}
.lk-timeline-item{position:relative;padding-bottom:24px}
.lk-timeline-item:last-child{padding-bottom:0}
.lk-timeline-item:before{content:'';position:absolute;right:-23px;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--lk-accent);z-index:2;transform:translateY(calc(-50% - 8px))}
.lk-timeline-content{background:#fff;border:1px solid var(--lk-border);border-radius:10px;padding:16px;transition:all .15s ease}
.lk-timeline-content:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);border-color:#d0d0d0}
.lk-timeline-item:hover:before{background:var(--lk-accent);box-shadow:0 0 0 4px rgba(17,17,17,.1)}
.lk-card a[href*="/conversations"]:hover{background:#f7f7f7;border-color:#d0d0d0;transform:translateX(-2px);box-shadow:0 2px 4px rgba(0,0,0,.08)}

/* Modern Homepage Redesign */
.lk-logo-section{padding:40px 0 30px 0;background:#fff;text-align:center}
.lk-logo-wrapper{display:flex;justify-content:center;align-items:center}
.lk-logo-svg{width:100%;max-width:200px;height:auto;display:block}
.lk-logo-path{fill:none;stroke:#111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:drawPath 4s ease-in-out forwards}
@keyframes drawPath{to{stroke-dashoffset:0}}
.lk-hero-modern{padding:100px 0 80px 0;overflow:hidden;background:#fff}
.lk-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.lk-hero-text{max-width:540px}
.lk-hero-badge-top{display:inline-block;padding:6px 14px;background:#f0f9ff;color:#0369a1;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:24px;border:1px solid #bae6fd}
.lk-hero-title{font-size:48px;font-weight:800;line-height:1.2;margin:0 0 24px 0;color:var(--lk-fg);letter-spacing:-1px}
.lk-text-gradient{background:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.lk-hero-desc{font-size:18px;line-height:1.7;color:var(--lk-muted);margin:0 0 40px 0}
.lk-hero-actions{display:flex;gap:16px;align-items:center;margin-bottom:48px}
.lk-btn-xl{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 32px;font-size:16px;font-weight:600;border-radius:14px}
.lk-btn-outline{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:2px solid var(--lk-border);color:var(--lk-fg)}
.lk-btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}
.lk-hero-trust{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--lk-muted);font-weight:500}
.lk-trust-avatars{display:flex;align-items:center}
.lk-trust-avatar{width:32px;height:32px;border-radius:50%;background:#e2e8f0;border:2px solid #fff;margin-right:-10px}
.lk-trust-more{width:32px;height:32px;border-radius:50%;background:#f1f5f9;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-right:-10px;z-index:1}
.lk-hero-visual{position:relative}
.lk-mock-chat{background:#fff;border-radius:24px;box-shadow:0 20px 50px -10px rgba(0,0,0,0.12);border:1px solid var(--lk-border);overflow:hidden;position:relative;z-index:2;transform:rotate(-2deg);transition:transform .3s ease}
.lk-mock-chat:hover{transform:rotate(0deg)}
.lk-mock-header{background:#f8fafc;padding:16px;border-bottom:1px solid var(--lk-border);display:flex;gap:6px}
.lk-mock-dot{width:10px;height:10px;border-radius:50%}
.lk-mock-dot.red{background:#ef4444}
.lk-mock-dot.yellow{background:#f59e0b}
.lk-mock-dot.green{background:#22c55e}
.lk-mock-body{padding:24px;display:flex;flex-direction:column;gap:16px;background:#fff;height:400px;overflow-y:auto;overflow-x:hidden}
.lk-msg{display:flex;gap:12px;align-items:flex-end;max-width:85%;opacity:0;transform:translateY(10px) scale(0.95);animation:msgAppear 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards}
.lk-msg-in{align-self:flex-start}
.lk-msg-out{align-self:flex-end;flex-direction:row-reverse}
.lk-msg-avatar{width:32px;height:32px;border-radius:8px;background:#e2e8f0;flex-shrink:0}
.lk-msg-text{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5}
.lk-msg-in .lk-msg-text{background:#f1f5f9;border-bottom-right-radius:4px;color:var(--lk-fg)}
.lk-msg-out .lk-msg-text{background:#2563eb;color:#fff;border-bottom-left-radius:4px}
.lk-msg-typing{align-self:flex-end;display:flex;gap:4px;padding:12px 16px;background:#f1f5f9;border-radius:16px;border-bottom-left-radius:4px;opacity:0;transform:translateY(10px) scale(0.95);animation:msgAppear 0.3s ease forwards}
.lk-msg-typing span{display:inline-block;width:6px;height:6px;background:#94a3b8;border-radius:50%;animation:typing 1.4s infinite}
.lk-msg-typing span:nth-child(2){animation-delay:.2s}
.lk-msg-typing span:nth-child(3){animation-delay:.4s}
@keyframes typing{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes msgAppear{to{opacity:1;transform:translateY(0) scale(1)}}
.lk-deco-circle{position:absolute;border-radius:50%;z-index:0;filter:blur(40px)}
.lk-deco-circle.c1{width:200px;height:200px;background:#dbeafe;top:-20px;right:-20px;opacity:.6}
.lk-deco-circle.c2{width:160px;height:160px;background:#f3e8ff;bottom:-10px;left:-10px;opacity:.6}
.lk-partners-logo{padding:40px 0;background:#fff;text-align:center;border-bottom:1px solid var(--lk-border)}
.lk-partners-title{font-size:14px;font-weight:600;color:var(--lk-muted);margin-bottom:24px;text-transform:uppercase;letter-spacing:1px}
.lk-partners-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.lk-tech-badge{padding:8px 16px;background:#f8fafc;border:1px solid var(--lk-border);border-radius:100px;font-size:13px;font-weight:600;color:#64748b}
.lk-features-modern{padding:100px 0}
.lk-feature-row{display:flex;align-items:center;gap:80px;margin-bottom:120px}
.lk-feature-row:last-child{margin-bottom:0}
.lk-feature-row.reverse{flex-direction:row-reverse}
.lk-feature-info{flex:1}
.lk-feature-img{flex:1}
.lk-feature-icon-box{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.lk-feature-icon-box.blue{background:#eff6ff;color:#2563eb}
.lk-feature-icon-box.purple{background:#f3e8ff;color:#9333ea}
.lk-feature-icon-box svg{width:32px;height:32px}
.lk-feature-info h2{font-size:36px;font-weight:800;margin:0 0 20px 0;line-height:1.2;color:var(--lk-fg)}
.lk-feature-info p{font-size:17px;line-height:1.7;color:var(--lk-muted);margin:0 0 32px 0}
.lk-check-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.lk-check-list li{position:relative;padding-right:28px;font-weight:500;color:var(--lk-fg)}
.lk-check-list li:before{content:'✓';position:absolute;right:0;top:2px;color:#2563eb;font-weight:800}
.lk-mock-window{background:#fff;border:1px solid var(--lk-border);border-radius:16px;box-shadow:0 20px 40px -4px rgba(0,0,0,0.08);overflow:hidden}
.lk-window-header{background:#f8fafc;padding:12px 16px;font-size:12px;font-weight:600;color:#64748b;border-bottom:1px solid var(--lk-border)}
.lk-flow-mock{height:280px;position:relative;background:#fafafa}
.lk-node-mock{position:absolute;padding:12px 20px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-weight:600;font-size:13px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05)}
.lk-node-mock.n1{top:40px;right:40px;border-left:4px solid #2563eb}
.lk-node-mock.n2{top:120px;right:40px;border-left:4px solid #9333ea}
.lk-node-mock.n3{top:120px;right:200px;border-left:4px solid #f59e0b}
/* Enhanced Search Mock */
.lk-mock-search {
	background: #fff;
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0 20px 40px -4px rgba(0, 0, 0, 0.08);
	border: 1px solid var(--lk-border);
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.lk-search-bar {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 0 16px;
	height: 48px;
	background: #f8fafc;
	border: 1px solid var(--lk-border);
	border-radius: 12px;
	color: var(--lk-muted);
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 0;
}

.lk-search-icon {
	width: 18px;
	height: 18px;
	opacity: 0.5;
}

.lk-search-pipeline {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.lk-pipeline-stage {
	background: #f8fafc;
	border: 1px dashed #cbd5e1;
	border-radius: 12px;
	padding: 12px;
}

.lk-stage-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 700;
	color: #64748b;
	letter-spacing: 0.5px;
}

.lk-result-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.lk-result-item {
	display: flex;
	gap: 12px;
	align-items: center;
	background: #fff;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #e2e8f0;
}

.lk-result-item.highlight {
	background: #eff6ff;
	border-color: #bfdbfe;
	box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.1);
}

.lk-result-score {
	font-size: 12px;
	font-weight: 700;
	color: #64748b;
	background: #f1f5f9;
	padding: 2px 6px;
	border-radius: 6px;
	min-width: 40px;
	text-align: center;
}

.lk-result-score.high {
	background: #dbeafe;
	color: #2563eb;
}

.lk-result-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.lk-result-content .line {
	height: 6px;
	background: #e2e8f0;
	border-radius: 3px;
	margin: 0;
}

.lk-pipeline-arrow {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	color: #94a3b8;
	position: relative;
	padding: 4px 0;
}

.lk-pipeline-arrow svg {
	width: 20px;
	height: 20px;
	animation: bounceArrow 2s infinite;
}

.lk-rerank-badge {
	font-size: 10px;
	font-weight: 700;
	background: #f3e8ff;
	color: #9333ea;
	padding: 2px 8px;
	border-radius: 10px;
	border: 1px solid #e9d5ff;
}

@keyframes bounceArrow {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(3px); }
}
.w-70{width:70%}.w-40{width:40%}.w-60{width:60%}.w-30{width:30%}.w-50{width:50%}
.lk-stats-section{padding:80px 0;background:#0f172a;color:#fff}
.lk-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;text-align:center}
.lk-stat-value{font-size:48px;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg, #fff 0%, #94a3b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.lk-stat-label{font-size:15px;color:#94a3b8;font-weight:500}
.lk-cta-modern{padding:100px 0}
.lk-cta-box{background:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);border-radius:32px;padding:80px 40px;text-align:center;color:#fff;position:relative;overflow:hidden}
.lk-cta-box h2{font-size:42px;font-weight:800;margin:0 0 24px 0}
.lk-cta-box p{font-size:20px;margin:0 0 40px 0;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}
.lk-cta-buttons{display:flex;gap:16px;justify-content:center;align-items:center}
.lk-btn-white{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#1d4ed8;border:none}
.lk-btn-white:hover{background:#f8fafc}
.lk-btn-transparent{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2)}
.lk-btn-transparent:hover{background:rgba(255,255,255,0.2)}
.lk-main-home{width:100%;min-height:calc(100vh - 200px)}
@media (max-width: 960px) {
	.lk-hero-grid{grid-template-columns:1fr;gap:40px}
	.lk-feature-row{flex-direction:column!important;gap:40px}
	.lk-feature-img{width:100%;max-width:100%}
	.lk-stats-grid{grid-template-columns:1fr 1fr;gap:40px}
}
@media (max-width: 600px) {
	.lk-hero-title{font-size:36px}
	.lk-stats-grid{grid-template-columns:1fr}
	.lk-cta-box{padding:40px 20px}
	.lk-cta-box h2{font-size:28px}
	.lk-cta-buttons{flex-direction:column}
	.lk-btn-xl{width:100%;justify-content:center}
	.lk-feature-img{width:calc(100% + 32px);max-width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}
}

/* Detailed Flow Mock Styles */
.lk-window-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.lk-window-actions {
	display: flex;
	gap: 6px;
}
.lk-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #e2e8f0;
}
.lk-dot:nth-child(1) { background-color: #ef4444; }
.lk-dot:nth-child(2) { background-color: #f59e0b; }
.lk-dot:nth-child(3) { background-color: #22c55e; }

.lk-flow-mock {
	position: relative;
	height: 460px; /* Increased height */
	background-color: #fafafa;
	overflow: hidden;
}
.lk-flow-grid-bg {
	position: absolute;
	inset: 0;
	background-image: radial-gradient(#cbd5e1 1px, transparent 1px);
	background-size: 20px 20px;
	opacity: 0.5;
}
.lk-flow-connections {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
}
.lk-conn-line {
	stroke: #cbd5e1;
	stroke-width: 2;
	fill: none;
}

/* Detailed Node Styles */
.lk-node-mock {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	width: 180px;
	z-index: 2;
	transition: all 0.2s ease;
}
.lk-node-mock:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08);
	border-color: #cbd5e1;
}

.lk-node-icon {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: #f1f5f9;
	color: #64748b;
}
.lk-node-icon svg {
	width: 20px;
	height: 20px;
}

.lk-node-content {
	flex: 1;
	min-width: 0;
}
.lk-node-title {
	font-weight: 700;
	font-size: 13px;
	color: var(--lk-fg);
	line-height: 1.2;
}
.lk-node-subtitle {
	font-size: 11px;
	color: var(--lk-muted);
	margin-top: 2px;
}

.lk-node-badge {
	position: absolute;
	top: -8px;
	right: -8px;
	background: linear-gradient(135deg, #2563eb, #4f46e5);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	padding: 2px 6px;
	border-radius: 10px;
	box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);
}

/* Node Variants */
.type-start .lk-node-icon { background: #eff6ff; color: #2563eb; }
.type-start { border-right: 3px solid #2563eb; }

.type-llm .lk-node-icon { background: #f5f3ff; color: #7c3aed; }
.type-llm { border-right: 3px solid #7c3aed; }

.type-condition .lk-node-icon { background: #fffbeb; color: #d97706; }
.type-condition { border-right: 3px solid #d97706; }

.type-action .lk-node-icon { background: #f0fdf4; color: #16a34a; }
.type-action { border-right: 3px solid #16a34a; }

/* Node Positioning (RTL friendly) */
/* The SVG coordinates are LTR based (x=0 is left), so we position nodes based on that or use right/top */
/* Let's align with the SVG paths which seem to center around x=340 (which is right side in RTL context usually implies flipping but SVG coords are absolute) */
/* Actually, wait. SVG paths I wrote: M 340 ... 
   If the container is 400px wide, 340 is on the right. 
   So nodes should be positioned near right. */

/* Consolidated with bottom block */

/* Connection Lines */
.lk-conn-line {
	stroke: #cbd5e1;
	stroke-width: 2;
	fill: none;
	opacity: 0.4;
	transition: opacity 0.3s ease, stroke 0.3s ease;
}

.lk-conn-line.active {
	stroke: #2563eb;
	opacity: 1;
	stroke-width: 2.5;
}

.lk-conn-line.animated {
	stroke-dasharray: 8 4;
	animation: dashFlow 1.5s linear infinite;
}

@keyframes dashFlow {
	to {
		stroke-dashoffset: -12;
	}
}

/* Node Active State */
.lk-node-mock.active {
	transform: translateX(-50%) scale(1.05);
	box-shadow: 0 8px 16px -4px rgba(37, 99, 235, 0.3);
	border-color: #2563eb;
	z-index: 10;
}

.lk-node-mock.pulsing {
	animation: nodePulse 1s ease-in-out infinite;
}

@keyframes nodePulse {
	0%, 100% {
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	}
	50% {
		box-shadow: 0 8px 16px -4px rgba(37, 99, 235, 0.4), 0 4px 8px -2px rgba(37, 99, 235, 0.2);
	}
}


/* Center Nodes for Alignment */
.lk-node-mock.n1 { top: 40px; left: 50%; right: auto; transform: translateX(-50%); }
.lk-node-mock.n2 { top: 150px; left: 50%; right: auto; transform: translateX(-50%); }
.lk-node-mock.n3 { top: 260px; left: 50%; right: auto; transform: translateX(-50%); }
.lk-node-mock.n4 { top: 370px; left: 30%; right: auto; transform: translateX(-50%); }
.lk-node-mock.n5 { top: 370px; left: 70%; right: auto; transform: translateX(-50%); }

/* Features Grid Modern */
.lk-features-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;margin-top:48px}
@media (min-width:1200px){.lk-features-grid-modern{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lk-feature-item{background:#fff;padding:24px;border:1px solid var(--lk-border);border-radius:16px;transition:transform .2s ease,box-shadow .2s ease}
.lk-feature-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px -4px rgba(0,0,0,.08);border-color:#cbd5e1}
.lk-feature-item-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:12px;color:#2563eb;margin-bottom:16px}
.lk-feature-item-icon svg{width:24px;height:24px}
.lk-feature-item h3{font-size:18px;font-weight:700;margin:0 0 8px 0;color:var(--lk-fg)}
.lk-feature-item p{font-size:14px;line-height:1.6;color:var(--lk-muted);margin:0}

/* Feature Colors (Optional per item) */
.lk-feature-item:nth-child(1) .lk-feature-item-icon { color: #2563eb; background: #eff6ff; }
.lk-feature-item:nth-child(2) .lk-feature-item-icon { color: #7c3aed; background: #f5f3ff; }
.lk-feature-item:nth-child(3) .lk-feature-item-icon { color: #db2777; background: #fdf2f8; }
.lk-feature-item:nth-child(4) .lk-feature-item-icon { color: #ea580c; background: #fff7ed; }
.lk-feature-item:nth-child(5) .lk-feature-item-icon { color: #16a34a; background: #f0fdf4; }
.lk-feature-item:nth-child(6) .lk-feature-item-icon { color: #0891b2; background: #ecfeff; }
.lk-feature-item:nth-child(7) .lk-feature-item-icon { color: #4f46e5; background: #eef2ff; }
.lk-feature-item:nth-child(8) .lk-feature-item-icon { color: #d97706; background: #fffbeb; }

/* Multi Channel Mock */
/* Enhanced Multi Channel Mock */
.lk-mock-channels {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	background: #fff;
	border-radius: 16px;
	padding: 40px;
	box-shadow: 0 20px 40px -4px rgba(0, 0, 0, 0.08);
	border: 1px solid var(--lk-border);
	position: relative;
	overflow: hidden;
}

.lk-deploy-stage {
	background: #f8fafc;
	border: 1px dashed #cbd5e1;
	border-radius: 12px;
	padding: 12px;
	min-width: 180px;
}

.lk-stage-status.online {
	color: #16a34a;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 4px;
}

.lk-stage-status.online::before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background: #16a34a;
	border-radius: 50%;
}

.lk-core-bot {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #fff;
	padding: 12px;
	border-radius: 8px;
	border: 1px solid #e2e8f0;
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.05);
}

.lk-core-icon {
	width: 40px;
	height: 40px;
	background: #eff6ff;
	color: #2563eb;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lk-core-icon svg { width: 24px; height: 24px; }

.lk-core-info {
	display: flex;
	flex-direction: column;
}

.lk-core-name {
	font-size: 13px;
	font-weight: 700;
	color: var(--lk-fg);
}

.lk-core-model {
	font-size: 11px;
	color: var(--lk-muted);
}

.lk-deploy-arrow {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	position: relative;
}

.lk-deploy-badge {
	font-size: 10px;
	font-weight: 700;
	background: #f0f9ff;
	color: #0284c7;
	padding: 2px 8px;
	border-radius: 10px;
	border: 1px solid #e0f2fe;
	z-index: 2;
}

.lk-deploy-lines {
	position: relative;
	width: 60px;
	height: 80px;
	display: flex;
	align-items: center;
}

.lk-deploy-line {
	position: absolute;
	left: 0;
	height: 2px;
	background: #cbd5e1;
	width: 100%;
}

.lk-deploy-line.top {
	top: 10px;
	transform: skewY(20deg);
}

.lk-deploy-line.mid {
	top: 50%;
}

.lk-deploy-line.bot {
	bottom: 10px;
	transform: skewY(-20deg);
}

.lk-deploy-line::after {
	content: '';
	position: absolute;
	left: 0;
	top: -3px;
	width: 0;
	height: 0;
	border-right: 6px solid #94a3b8;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

.lk-deploy-line.top::after {
	transform: rotate(20deg);
}

.lk-deploy-line.bot::after {
	transform: rotate(-20deg);
}

.lk-deploy-stage.channels {
	min-width: 220px;
}

.lk-channel-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.lk-channel-item {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #fff;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #e2e8f0;
	transition: all 0.2s ease;
}

.lk-channel-item:hover {
	transform: translateX(-4px);
	border-color: #cbd5e1;
	box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
}

.lk-channel-icon-sm {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.lk-channel-item.telegram .lk-channel-icon-sm { background: #229ED9; }
.lk-channel-item.whatsapp .lk-channel-icon-sm { background: #25D366; }
.lk-channel-item.widget .lk-channel-icon-sm { background: #2563eb; }
.lk-channel-item.instagram .lk-channel-icon-sm { background: #E4405F; }
.lk-channel-item.application .lk-channel-icon-sm { background: #6366f1; }

.lk-channel-details {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.lk-channel-name {
	font-size: 13px;
	font-weight: 600;
	color: var(--lk-fg);
}

.lk-channel-status {
	font-size: 10px;
	color: var(--lk-muted);
}

.lk-status-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #e2e8f0;
}

.lk-channel-item:hover .lk-status-dot {
	background: #22c55e;
	box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2);
}

@media (max-width: 600px) {
	.lk-mock-channels {
		flex-direction: column;
		gap: 20px;
	}
	.lk-deploy-lines {
		width: 2px;
		height: 40px;
		background: #cbd5e1;
	}
	.lk-deploy-line { display: none; }
}