/**
 * AI Chat Agents & Conversational Automation Service Stylesheet
 *
 * Dedicated styling for /services/ai-chat-agents/
 * Phase 3G — Premium Static Build
 *
 * @package LimeTechnologies
 */

/* --------------------------------------------------------------------------
   00 HEADER LIGHT TREATMENT FOR AI CHAT SERVICE
   -------------------------------------------------------------------------- */
body.postid-26 .lime-header,
body:has(.lime-chat-hero) .lime-header {
	background-color: #ffffff !important;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-bottom: 1px solid var(--light-border, #e2e8f0) !important;
}

body.postid-26 .lime-header .lime-nav-link,
body:has(.lime-chat-hero) .lime-header .lime-nav-link {
	color: #1e293b !important;
}

body.postid-26 .lime-header .lime-mobile-toggle,
body:has(.lime-chat-hero) .lime-header .lime-mobile-toggle {
	color: #1e293b !important;
}

body.postid-26 .lime-header-scrolled,
body:has(.lime-chat-hero) .lime-header-scrolled {
	background-color: rgba(255, 255, 255, 0.98) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
}

/* --------------------------------------------------------------------------
   00 GLOBAL CHAT SYSTEM & COLOR TOKENS
   -------------------------------------------------------------------------- */
.lime-chat-content {
	--chat-primary: var(--lime-primary, #189b38);
	--chat-primary-rgb: 24, 155, 56;
	--chat-primary-glow: rgba(24, 155, 56, 0.15);
	--chat-dark-bg: #0f172a;
	--chat-dark-card: #1e293b;
	--chat-dark-card-inner: #151e2e;
	--chat-dark-border: rgba(255, 255, 255, 0.1);
	--chat-dark-border-subtle: rgba(255, 255, 255, 0.06);
	--chat-light-bg: #f8fafc;
	--chat-light-card: #ffffff;
	--chat-light-border: #e2e8f0;
	--chat-light-border-subtle: #f1f5f9;
	--chat-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--chat-text-dark: #0f172a;
	--chat-text-muted: #64748b;
	--chat-text-light: #ffffff;
	--chat-text-light-muted: #94a3b8;
	width: 100%;
	overflow-x: hidden;
	box-sizing: border-box;
}

/* Background Color Utility */
.lime-chat-content .lime-bg-dark {
	background-color: var(--chat-dark-bg) !important;
	color: #ffffff !important;
}
.lime-chat-content .lime-bg-light {
	background-color: var(--chat-light-bg) !important;
	color: var(--chat-text-dark) !important;
}
.lime-chat-content .lime-bg-white {
	background-color: #ffffff !important;
	color: var(--chat-text-dark) !important;
}

/* Base Section Spacing */
.lime-chat-content .lime-section {
	padding: 6.5rem 0;
	position: relative;
	box-sizing: border-box;
}

/* Container Standard */
.lime-chat-content .lime-container-standard {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 2rem;
	box-sizing: border-box;
}

/* Section Header & Typography */
.lime-chat-content .lime-section-header {
	max-width: 840px;
	margin: 0 auto 4rem;
}
.lime-chat-content .lime-text-center {
	text-align: center;
}
.lime-chat-content .lime-section-index-tag {
	font-family: var(--chat-mono);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	color: var(--chat-primary);
	text-transform: uppercase;
	margin-bottom: 1rem;
	display: inline-block;
}
.lime-chat-content .lime-h2 {
	font-size: clamp(2rem, 3.8vw, 3.2rem);
	line-height: 1.15;
	font-weight: 900;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	margin: 0 0 1.5rem 0;
}
.lime-chat-content .lime-section-desc {
	font-size: clamp(1.05rem, 1.4vw, 1.25rem);
	line-height: 1.6;
	color: var(--chat-text-muted);
	margin: 0 auto;
}
.lime-chat-content .lime-text-light-muted {
	color: var(--chat-text-light-muted) !important;
}
.lime-chat-content .lime-text-primary {
	color: var(--chat-primary) !important;
}

/* Buttons */
.lime-chat-content .lime-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 1rem 2rem;
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	transition: all 0.2s ease;
	box-sizing: border-box;
}
.lime-chat-content .lime-btn-primary {
	background-color: var(--chat-primary);
	color: #ffffff;
	border: 1px solid var(--chat-primary);
}
.lime-chat-content .lime-btn-primary:hover {
	background-color: #137d2d;
	border-color: #137d2d;
	color: #ffffff;
}
.lime-chat-content .lime-btn-large {
	padding: 1.15rem 2.25rem;
	font-size: 1rem;
}

/* --------------------------------------------------------------------------
   01 HERO SECTION (HYBRID LIGHT CANVAS + DARK TECHNICAL CONSOLE)
   -------------------------------------------------------------------------- */
.lime-chat-hero {
	padding-top: 10rem !important;
	padding-bottom: 6rem !important;
	border-bottom: 1px solid var(--chat-light-border);
	background: radial-gradient(circle at 10% 20%, rgba(24, 155, 56, 0.04) 0%, transparent 40%),
	            radial-gradient(circle at 90% 80%, rgba(15, 23, 42, 0.03) 0%, transparent 40%),
	            var(--chat-light-bg) !important;
}

.lime-chat-hero-layout {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 3.5rem;
	align-items: center;
}

.lime-chat-hero-copy .lime-h1 {
	font-size: clamp(2.4rem, 4vw, 3.8rem);
	line-height: 1.1;
	font-weight: 900;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: var(--chat-text-dark);
	margin: 0 0 1.5rem 0;
}

.lime-hero-desc {
	font-size: clamp(1.1rem, 1.5vw, 1.25rem);
	line-height: 1.6;
	color: var(--chat-text-muted);
	margin-bottom: 2.5rem;
}

.lime-hero-cta-group {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	flex-wrap: wrap;
}

.chat-hero-spec-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.6rem 1.1rem;
	background: #ffffff;
	border: 1px solid var(--chat-light-border);
	border-radius: 999px;
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: var(--chat-text-muted);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

.chat-hero-spec-pill .spec-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--chat-primary);
}

/* Right Console Box */
.chat-console-wrapper {
	background: var(--chat-dark-bg);
	border: 1px solid var(--chat-dark-border);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 24px 48px -12px rgba(15, 23, 42, 0.35);
}

.console-chrome-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.85rem 1.25rem;
	background: #1e293b;
	border-bottom: 1px solid var(--chat-dark-border);
}

.chrome-dots {
	display: flex;
	gap: 6px;
}
.chrome-dots .dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.dot-red { background: #ef4444; }
.dot-yellow { background: #f59e0b; }
.dot-green { background: #10b981; }

.chrome-title {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-family: var(--chat-mono);
	font-size: 0.75rem;
}
.console-tag {
	padding: 2px 6px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 3px;
	color: var(--chat-text-light-muted);
	font-weight: 700;
}
.console-filename {
	color: #cbd5e1;
}

.chrome-status {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--chat-primary);
}
.status-pulse {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--chat-primary);
}

.console-body {
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.console-node {
	padding: 1rem 1.15rem;
	border-radius: 8px;
	background: var(--chat-dark-card);
	border: 1px solid var(--chat-dark-border-subtle);
}

.node-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.5rem;
}

.node-badge {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 2px 8px;
	border-radius: 4px;
}
.badge-visitor {
	background: rgba(148, 163, 184, 0.15);
	color: #cbd5e1;
}
.badge-agent {
	background: rgba(24, 155, 56, 0.15);
	color: var(--chat-primary);
}
.node-timestamp {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	color: #64748b;
}

.node-bubble {
	font-size: 0.9rem;
	line-height: 1.5;
	color: #e2e8f0;
}
.bubble-agent {
	color: #ffffff;
}

.console-routing-line {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: -0.25rem 0;
}
.console-routing-line::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	background: var(--chat-dark-border-subtle);
}
.routing-badge {
	position: relative;
	background: #151e2e;
	border: 1px solid var(--chat-dark-border);
	padding: 2px 10px;
	border-radius: 999px;
	font-family: var(--chat-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: var(--chat-primary);
	letter-spacing: 0.05em;
}

.node-intent {
	background: #151e2e;
	border-left: 3px solid var(--chat-primary);
}
.intent-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.5rem;
	flex-wrap: wrap;
	gap: 0.4rem;
}
.intent-label {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	color: #94a3b8;
}
.intent-tag {
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	font-weight: 700;
	padding: 2px 6px;
	border-radius: 3px;
}
.tag-primary {
	background: rgba(24, 155, 56, 0.2);
	color: var(--chat-primary);
}
.intent-context-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.5rem;
	font-family: var(--chat-mono);
	font-size: 0.75rem;
}
.c-key { color: #64748b; margin-right: 4px; }
.c-val { color: #cbd5e1; }

.node-capture {
	background: #151e2e;
	border-left: 3px solid #3b82f6;
}
.capture-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.5rem;
}
.capture-title {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: #94a3b8;
}
.capture-status {
	font-family: var(--chat-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #3b82f6;
	background: rgba(59, 130, 246, 0.15);
	padding: 1px 6px;
	border-radius: 3px;
}
.capture-fields-preview {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.c-field {
	background: rgba(255, 255, 255, 0.05);
	padding: 3px 8px;
	border-radius: 4px;
	font-family: var(--chat-mono);
	font-size: 0.75rem;
}
.f-label { color: #64748b; }
.f-val { color: #ffffff; font-weight: 600; }

.console-split-routes {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem;
	margin-top: 0.25rem;
}
.route-box {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.75rem;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--chat-dark-border-subtle);
}
.route-workflow {
	border-color: rgba(24, 155, 56, 0.3);
	background: rgba(24, 155, 56, 0.05);
}
.route-workflow .r-icon { color: var(--chat-primary); font-size: 0.9rem; }
.route-escalation {
	border-color: rgba(168, 85, 247, 0.3);
	background: rgba(168, 85, 247, 0.05);
}
.route-escalation .r-icon { color: #c084fc; font-size: 0.9rem; }
.r-name {
	display: block;
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: #ffffff;
}
.r-desc {
	display: block;
	font-size: 0.7rem;
	color: #94a3b8;
	margin-top: 2px;
}

/* --------------------------------------------------------------------------
   02 DIRECT ANSWER — PIPELINE VISUALIZATION
   -------------------------------------------------------------------------- */
.lime-chat-direct {
	border-bottom: 1px solid var(--chat-light-border);
}

.chat-pipeline-container {
	margin-top: 2rem;
}

.pipeline-track {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 0.75rem;
}

.pipeline-node {
	flex: 1;
	background: var(--chat-light-bg);
	border: 1px solid var(--chat-light-border);
	border-radius: 8px;
	padding: 1.75rem 1.25rem;
	display: flex;
	flex-direction: column;
	position: relative;
	box-sizing: border-box;
}

.pipeline-node.highlight {
	background: #ffffff;
	border-color: var(--chat-primary);
	box-shadow: 0 8px 24px -6px rgba(24, 155, 56, 0.15);
}

.pipeline-node-num {
	font-family: var(--chat-mono);
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--chat-primary);
	margin-bottom: 1rem;
}

.pipeline-node-icon {
	color: var(--chat-text-dark);
	margin-bottom: 1rem;
}
.pipeline-node.highlight .pipeline-node-icon {
	color: var(--chat-primary);
}

.pipeline-node-title {
	font-size: 1.2rem;
	font-weight: 800;
	color: var(--chat-text-dark);
	margin: 0 0 0.75rem 0;
}

.pipeline-node-text {
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--chat-text-muted);
	margin: 0 0 1.25rem 0;
	flex-grow: 1;
}

.pipeline-node-tag {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	padding: 4px 8px;
	background: rgba(0, 0, 0, 0.04);
	color: var(--chat-text-muted);
	border-radius: 4px;
	display: inline-block;
	align-self: flex-start;
}
.pipeline-node-tag.tag-lime {
	background: rgba(24, 155, 56, 0.15);
	color: var(--chat-primary);
}

.pipeline-connector {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0.25rem;
}

/* --------------------------------------------------------------------------
   03 CONVERSATION ARCHITECTURE (DARK SECTION)
   -------------------------------------------------------------------------- */
.lime-chat-arch {
	border-bottom: 1px solid var(--chat-dark-border);
}

.branching-system-canvas {
	margin-top: 3rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.branch-root {
	text-align: center;
	margin-bottom: 1.5rem;
}
.root-badge {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--chat-primary);
	letter-spacing: 0.1em;
	margin-bottom: 0.5rem;
}
.root-card {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	background: var(--chat-dark-card);
	border: 1px solid var(--chat-dark-border);
	padding: 0.85rem 1.5rem;
	border-radius: 999px;
}
.root-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #38bdf8;
}
.root-title {
	font-weight: 700;
	font-size: 0.95rem;
	color: #ffffff;
}
.root-sub {
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	color: var(--chat-text-light-muted);
}

.branch-router-bus {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-bottom: 2rem;
}
.bus-line {
	width: 2px;
	height: 24px;
	background: var(--chat-primary);
}
.router-node {
	background: #151e2e;
	border: 1px solid var(--chat-primary);
	padding: 1rem 2rem;
	border-radius: 8px;
	text-align: center;
	box-shadow: 0 0 20px rgba(24, 155, 56, 0.2);
}
.r-badge {
	display: block;
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--chat-primary);
	letter-spacing: 0.1em;
	margin-bottom: 0.25rem;
}
.r-title {
	display: block;
	font-size: 1.15rem;
	font-weight: 800;
	color: #ffffff;
	margin-bottom: 0.25rem;
}
.r-meta {
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	color: var(--chat-text-light-muted);
}
.bus-distributor {
	width: 80%;
	height: 24px;
	border-bottom: 2px solid var(--chat-primary);
	border-left: 2px solid var(--chat-primary);
	border-right: 2px solid var(--chat-primary);
	position: relative;
}

.branch-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem;
	width: 100%;
}

.branch-card {
	background: var(--chat-dark-card);
	border: 1px solid var(--chat-dark-border);
	border-radius: 8px;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
}
.branch-card.highlight-lime {
	border-color: var(--chat-primary);
	background: #151e2e;
}

.branch-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}
.branch-num {
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--chat-text-light-muted);
}
.branch-status {
	font-family: var(--chat-mono);
	font-size: 0.65rem;
	font-weight: 700;
	padding: 2px 6px;
	border-radius: 3px;
}
.status-blue { background: rgba(56, 189, 248, 0.15); color: #38bdf8; }
.status-lime { background: rgba(24, 155, 56, 0.2); color: var(--chat-primary); }
.status-amber { background: rgba(245, 158, 11, 0.15); color: #f59e0b; }
.status-purple { background: rgba(192, 132, 252, 0.15); color: #c084fc; }

.branch-title {
	font-size: 1.15rem;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 0.75rem 0;
}
.branch-desc {
	font-size: 0.85rem;
	line-height: 1.5;
	color: var(--chat-text-light-muted);
	margin: 0 0 1.25rem 0;
	flex-grow: 1;
}

.branch-route-steps {
	background: rgba(0, 0, 0, 0.25);
	padding: 0.75rem;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	margin-bottom: 1.25rem;
}
.b-step {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.8rem;
	color: #cbd5e1;
}
.s-dot {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--chat-primary);
}

.branch-resolution {
	border-top: 1px solid var(--chat-dark-border-subtle);
	padding-top: 0.85rem;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.res-tag {
	font-family: var(--chat-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #64748b;
}
.res-val {
	font-family: var(--chat-mono);
	font-size: 0.8rem;
	font-weight: 700;
	color: #ffffff;
}

/* --------------------------------------------------------------------------
   04 INTENT + CONTEXT
   -------------------------------------------------------------------------- */
.lime-chat-intent {
	border-bottom: 1px solid var(--chat-light-border);
}

.intent-matrix-layout {
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	gap: 3rem;
	align-items: start;
}

.intent-process-col {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.intent-flow-card {
	width: 100%;
	background: #ffffff;
	border: 1px solid var(--chat-light-border);
	border-radius: 8px;
	padding: 1.5rem;
	box-sizing: border-box;
}
.intent-flow-card.highlight {
	border-color: var(--chat-primary);
	box-shadow: 0 4px 16px rgba(24, 155, 56, 0.1);
}

.flow-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.5rem;
}
.f-step {
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--chat-primary);
}
.f-title {
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--chat-text-dark);
	margin: 0;
}
.f-desc {
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--chat-text-muted);
	margin: 0 0 1rem 0;
}
.f-pill {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.04);
	color: var(--chat-text-muted);
	display: inline-block;
}
.f-pill.tag-lime {
	background: rgba(24, 155, 56, 0.15);
	color: var(--chat-primary);
}

.flow-arrow-down {
	font-size: 1.25rem;
	color: var(--chat-primary);
	padding: 0.4rem 0;
}

.categories-panel {
	background: #ffffff;
	border: 1px solid var(--chat-light-border);
	border-radius: 12px;
	padding: 2rem;
	box-sizing: border-box;
}

.panel-header {
	border-bottom: 1px solid var(--chat-light-border);
	padding-bottom: 1.25rem;
	margin-bottom: 1.5rem;
}
.panel-tag {
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--chat-primary);
	display: block;
	margin-bottom: 0.25rem;
}
.panel-title {
	font-size: 1.35rem;
	font-weight: 800;
	color: var(--chat-text-dark);
	margin: 0;
}

.intent-tag-rows {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.intent-row {
	display: flex;
	align-items: flex-start;
	gap: 1.25rem;
	padding: 1rem;
	background: var(--chat-light-bg);
	border-radius: 8px;
	border: 1px solid var(--chat-light-border);
}

.row-tag-badge {
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 4px;
	background: #ffffff;
	border: 1px solid var(--chat-light-border);
	color: var(--chat-text-dark);
	white-space: nowrap;
	flex-shrink: 0;
}
.row-tag-badge.badge-lime {
	background: rgba(24, 155, 56, 0.15);
	border-color: var(--chat-primary);
	color: var(--chat-primary);
}

.row-title {
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--chat-text-dark);
	margin: 0 0 0.25rem 0;
}
.row-text {
	font-size: 0.85rem;
	line-height: 1.5;
	color: var(--chat-text-muted);
	margin: 0;
}

/* --------------------------------------------------------------------------
   05 ANSWERS + KNOWLEDGE
   -------------------------------------------------------------------------- */
.lime-chat-knowledge {
	border-bottom: 1px solid var(--chat-light-border);
}

.knowledge-retrieval-canvas {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 1rem;
}

.k-canvas-col {
	flex: 1;
	display: flex;
}

.k-panel-card {
	width: 100%;
	background: var(--chat-light-bg);
	border: 1px solid var(--chat-light-border);
	border-radius: 8px;
	padding: 1.75rem;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}
.k-panel-card.highlight-border {
	background: #ffffff;
	border-color: var(--chat-primary);
	box-shadow: 0 4px 20px rgba(24, 155, 56, 0.1);
}

.k-panel-top {
	margin-bottom: 0.75rem;
}
.k-step-tag {
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--chat-text-muted);
	display: block;
	margin-bottom: 0.25rem;
}
.k-step-tag.tag-lime { color: var(--chat-primary); }

.k-panel-title {
	font-size: 1.2rem;
	font-weight: 800;
	color: var(--chat-text-dark);
	margin: 0;
}
.k-panel-desc {
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--chat-text-muted);
	margin: 0 0 1.5rem 0;
}

.k-source-list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	flex-grow: 1;
}
.k-source-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.75rem;
	background: #ffffff;
	border: 1px solid var(--chat-light-border);
	border-radius: 6px;
}
.s-icon { color: var(--chat-primary); font-size: 0.8rem; margin-top: 2px; }
.s-name {
	display: block;
	font-weight: 700;
	font-size: 0.88rem;
	color: var(--chat-text-dark);
}
.s-detail {
	display: block;
	font-size: 0.8rem;
	color: var(--chat-text-muted);
	margin-top: 2px;
}

.k-connector-col {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 0.5rem;
}
.k-conn-line {
	width: 2px;
	height: 30px;
	background: var(--chat-primary);
}
.k-conn-badge {
	font-family: var(--chat-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: var(--chat-primary);
	background: #ffffff;
	border: 1px solid var(--chat-primary);
	padding: 4px 8px;
	border-radius: 4px;
	white-space: nowrap;
	margin: 0.5rem 0;
}

.k-context-box {
	background: #0f172a;
	padding: 1.25rem;
	border-radius: 6px;
	font-family: var(--chat-mono);
	font-size: 0.8rem;
	line-height: 1.6;
	color: #94a3b8;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.k-context-box code { color: #e2e8f0; }
.box-label {
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--chat-primary);
	margin-bottom: 0.5rem;
}
.box-status {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1rem;
	padding-top: 0.75rem;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 0.7rem;
	color: var(--chat-primary);
}
.box-status .stat-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--chat-primary);
}

.k-output-preview {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	flex-grow: 1;
}
.output-bubble {
	background: #ffffff;
	border: 1px solid var(--chat-light-border);
	padding: 1rem;
	border-radius: 8px;
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--chat-text-dark);
}
.followup-bubble {
	background: rgba(24, 155, 56, 0.08);
	border: 1px dashed var(--chat-primary);
	padding: 1rem;
	border-radius: 8px;
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--chat-text-dark);
}
.followup-label {
	display: block;
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--chat-primary);
	margin-bottom: 0.25rem;
}

/* --------------------------------------------------------------------------
   06 QUALIFICATION
   -------------------------------------------------------------------------- */
.lime-chat-qual {
	border-bottom: 1px solid var(--chat-light-border);
}

.qual-system-canvas {
	max-width: 960px;
	margin: 0 auto;
}

.qual-status-stepper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 2.5rem;
	padding: 0 1rem;
}
.stepper-step {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-family: var(--chat-mono);
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--chat-text-muted);
}
.stepper-step.completed { color: var(--chat-primary); }
.stepper-step.active { color: var(--chat-text-dark); }
.step-num {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--chat-light-border);
	font-size: 0.75rem;
}
.stepper-step.completed .step-num {
	background: var(--chat-primary);
	color: #ffffff;
}
.stepper-step.active .step-num {
	background: var(--chat-text-dark);
	color: #ffffff;
}
.stepper-line {
	flex: 1;
	height: 2px;
	background: var(--chat-light-border);
	margin: 0 1rem;
}
.stepper-line.completed { background: var(--chat-primary); }
.stepper-line.active { background: var(--chat-text-dark); }

.qual-dialogue-card {
	background: #ffffff;
	border: 1px solid var(--chat-light-border);
	border-radius: 12px;
	padding: 2rem;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

.qual-flow-stream {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.qual-turn {
	padding: 1.25rem;
	background: var(--chat-light-bg);
	border-radius: 8px;
	border-left: 3px solid var(--chat-light-border);
}
.qual-turn.turn-qualified {
	background: #ffffff;
	border: 1px solid var(--chat-primary);
	border-left: 4px solid var(--chat-primary);
}

.turn-badge {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-bottom: 0.5rem;
}
.badge-system {
	color: var(--chat-primary);
}

.turn-utterance {
	font-size: 0.95rem;
	line-height: 1.5;
	color: var(--chat-text-dark);
	margin: 0 0 0.75rem 0;
}

.turn-meta {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
}
.t-tag {
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	background: #ffffff;
	border: 1px solid var(--chat-light-border);
	padding: 2px 8px;
	border-radius: 4px;
	color: var(--chat-text-muted);
}
.t-tag.tag-lime {
	border-color: var(--chat-primary);
	color: var(--chat-primary);
	font-weight: 700;
}

.qualification-summary-box {
	padding: 1.25rem;
	background: var(--chat-light-bg);
	border-radius: 6px;
}
.sum-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--chat-light-border);
	padding-bottom: 0.5rem;
}
.sum-title {
	font-family: var(--chat-mono);
	font-size: 0.8rem;
	font-weight: 800;
	color: var(--chat-text-dark);
}
.sum-badge {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--chat-primary);
	background: rgba(24, 155, 56, 0.15);
	padding: 2px 6px;
	border-radius: 3px;
}
.sum-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem;
	font-family: var(--chat-mono);
	font-size: 0.8rem;
}
.s-lbl { color: var(--chat-text-muted); display: block; margin-bottom: 2px; }
.s-val { color: var(--chat-text-dark); font-weight: 700; }

/* --------------------------------------------------------------------------
   07 STRUCTURED INFORMATION CAPTURE
   -------------------------------------------------------------------------- */
.lime-chat-capture {
	border-bottom: 1px solid var(--chat-light-border);
}

.capture-system-layout {
	display: grid;
	grid-template-columns: 1fr 100px 1fr;
	gap: 1.5rem;
	align-items: center;
}

.stream-panel {
	background: var(--chat-light-bg);
	border: 1px solid var(--chat-light-border);
	border-radius: 10px;
	padding: 1.75rem;
}

.panel-tag-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--chat-light-border);
	padding-bottom: 0.75rem;
}
.p-tag {
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--chat-text-muted);
}
.p-meta {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	color: var(--chat-primary);
}

.stream-bubbles {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.dialogue-block {
	background: #ffffff;
	border: 1px solid var(--chat-light-border);
	padding: 1rem;
	border-radius: 6px;
}
.d-speaker {
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--chat-text-dark);
	display: block;
	margin-bottom: 0.25rem;
}
.d-text {
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--chat-text-muted);
	margin: 0;
}

.capture-connector-col {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.c-conn-icon { margin-bottom: 0.5rem; }
.c-conn-label {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--chat-primary);
	letter-spacing: 0.05em;
}

.record-entity-panel {
	background: #ffffff;
	border: 1px solid var(--chat-primary);
	border-radius: 10px;
	padding: 1.75rem;
	box-shadow: 0 8px 30px rgba(24, 155, 56, 0.1);
}

.entity-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.25rem;
	border-bottom: 1px solid var(--chat-light-border);
	padding-bottom: 0.75rem;
}
.entity-badge {
	font-family: var(--chat-mono);
	font-size: 0.8rem;
	font-weight: 800;
	color: var(--chat-text-dark);
}
.entity-status {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--chat-primary);
	background: rgba(24, 155, 56, 0.15);
	padding: 2px 6px;
	border-radius: 3px;
}

.entity-fields-table {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-bottom: 1.25rem;
}
.e-row {
	display: grid;
	grid-template-columns: 140px 1fr;
	gap: 0.5rem;
	font-family: var(--chat-mono);
	font-size: 0.8rem;
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--chat-light-border-subtle);
}
.e-key { color: var(--chat-text-muted); font-weight: 600; }
.e-val { color: var(--chat-text-dark); font-weight: 700; }
.e-val.tag-lime { color: var(--chat-primary); }

.entity-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	color: #94a3b8;
	padding-top: 0.5rem;
}

/* --------------------------------------------------------------------------
   08 WORKFLOW AUTOMATION (DARK SECTION)
   -------------------------------------------------------------------------- */
.lime-chat-workflow {
	border-bottom: 1px solid var(--chat-dark-border);
}

.workflow-system-diagram {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 3rem;
}

.wf-origin-node {
	background: var(--chat-dark-card);
	border: 1px solid var(--chat-dark-border);
	padding: 1.25rem 2rem;
	border-radius: 8px;
	text-align: center;
}
.wf-node-top {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	color: var(--chat-text-light-muted);
	margin-bottom: 0.25rem;
}
.wf-node-title {
	font-size: 1.25rem;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 0.25rem 0;
}
.wf-node-sub {
	font-size: 0.85rem;
	color: #cbd5e1;
	margin: 0 0 0.75rem 0;
}
.wf-tag {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--chat-primary);
	background: rgba(24, 155, 56, 0.2);
	padding: 2px 8px;
	border-radius: 4px;
}

.wf-bus-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin: 1.5rem 0;
}
.wf-bus-line {
	width: 2px;
	height: 24px;
	background: var(--chat-primary);
}
.wf-bus-core {
	background: #151e2e;
	border: 1px solid var(--chat-primary);
	padding: 1rem 2.5rem;
	border-radius: 8px;
	text-align: center;
}
.core-tag {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--chat-primary);
	letter-spacing: 0.1em;
	display: block;
	margin-bottom: 0.25rem;
}
.core-title {
	font-size: 1.15rem;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 0.25rem 0;
}
.core-meta {
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	color: var(--chat-text-light-muted);
}

.wf-endpoints-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem;
	width: 100%;
}

.endpoint-card {
	background: var(--chat-dark-card);
	border: 1px solid var(--chat-dark-border);
	border-radius: 8px;
	padding: 1.75rem 1.25rem;
	display: flex;
	flex-direction: column;
}
.endpoint-card.highlight-lime {
	border-color: var(--chat-primary);
	background: #151e2e;
}

.endpoint-icon {
	color: var(--chat-primary);
	margin-bottom: 1rem;
}
.endpoint-num {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	color: var(--chat-text-light-muted);
	margin-bottom: 0.25rem;
}
.endpoint-title {
	font-size: 1.15rem;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 0.75rem 0;
}
.endpoint-desc {
	font-size: 0.85rem;
	line-height: 1.5;
	color: var(--chat-text-light-muted);
	margin: 0 0 1.25rem 0;
	flex-grow: 1;
}
.endpoint-status {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: #ffffff;
	background: rgba(255, 255, 255, 0.05);
	padding: 4px 8px;
	border-radius: 4px;
	display: inline-block;
	align-self: flex-start;
}
.endpoint-status.tag-lime {
	background: rgba(24, 155, 56, 0.2);
	color: var(--chat-primary);
}

/* --------------------------------------------------------------------------
   09 HUMAN ESCALATION & HANDOFF (HYBRID DUAL-CANVAS)
   -------------------------------------------------------------------------- */
.lime-chat-handoff {
	border-bottom: 1px solid var(--chat-light-border);
}

.handoff-dual-canvas {
	display: grid;
	grid-template-columns: 1fr 140px 1fr;
	gap: 1.5rem;
	align-items: center;
}

.handoff-col {
	display: flex;
}

.handoff-card {
	width: 100%;
	border-radius: 12px;
	padding: 2rem;
	box-sizing: border-box;
}

.handoff-card.card-dark {
	background: var(--chat-dark-bg);
	border: 1px solid var(--chat-dark-border);
	color: #ffffff;
}

.handoff-card.card-light {
	background: #ffffff;
	border: 1px solid var(--chat-light-border);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
	color: var(--chat-text-dark);
}

.card-topbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}
.tag-status {
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #94a3b8;
}
.tag-status.tag-human { color: var(--chat-primary); }
.tag-state {
	font-family: var(--chat-mono);
	font-size: 0.65rem;
	font-weight: 700;
	padding: 2px 6px;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff;
}
.state-ready {
	background: rgba(24, 155, 56, 0.15);
	color: var(--chat-primary);
}

.card-heading {
	font-size: 1.25rem;
	font-weight: 800;
	margin: 0 0 0.5rem 0;
}
.card-dark .card-heading { color: #ffffff; }
.card-light .card-heading { color: var(--chat-text-dark); }

.card-caption {
	font-size: 0.88rem;
	line-height: 1.5;
	margin: 0 0 1.5rem 0;
}
.card-dark .card-caption { color: var(--chat-text-light-muted); }
.card-light .card-caption { color: var(--chat-text-muted); }

.trigger-matrix {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}
.trigger-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.75rem;
	background: var(--chat-dark-card);
	border-radius: 6px;
	border: 1px solid var(--chat-dark-border-subtle);
}
.t-icon { color: var(--chat-primary); font-size: 0.8rem; margin-top: 2px; }
.t-name {
	display: block;
	font-size: 0.88rem;
	font-weight: 700;
	color: #ffffff;
}
.t-sub {
	display: block;
	font-size: 0.78rem;
	color: #94a3b8;
	margin-top: 2px;
}

.handoff-bridge-col {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.bridge-connector-track {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.bridge-line {
	width: 2px;
	height: 30px;
	background: var(--chat-primary);
}
.bridge-core-node {
	background: #151e2e;
	border: 1px solid var(--chat-primary);
	padding: 1rem 0.75rem;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.4rem;
	box-shadow: 0 0 20px rgba(24, 155, 56, 0.2);
}
.bridge-badge {
	font-family: var(--chat-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: var(--chat-primary);
	white-space: nowrap;
}
.bridge-action {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	color: #cbd5e1;
	white-space: nowrap;
}

.human-dossier-box {
	background: var(--chat-light-bg);
	border: 1px solid var(--chat-light-border);
	border-radius: 8px;
	padding: 1.25rem;
}
.dossier-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.75rem;
	border-bottom: 1px solid var(--chat-light-border);
	padding-bottom: 0.5rem;
}
.dh-title {
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	font-weight: 800;
	color: var(--chat-text-dark);
}
.dh-badge {
	font-family: var(--chat-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #ffffff;
	background: var(--chat-primary);
	padding: 2px 6px;
	border-radius: 3px;
}
.dossier-content {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	font-family: var(--chat-mono);
	font-size: 0.78rem;
	margin-bottom: 1rem;
}
.dossier-row {
	display: grid;
	grid-template-columns: 110px 1fr;
	gap: 0.5rem;
}
.d-label { color: var(--chat-text-muted); font-weight: 600; }
.d-val { color: var(--chat-text-dark); }
.dossier-action-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 0.75rem;
	border-top: 1px solid var(--chat-light-border);
}
.action-btn-mock {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	background: var(--chat-text-dark);
	color: #ffffff;
	padding: 6px 12px;
	border-radius: 4px;
}
.action-status-text {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	color: var(--chat-primary);
	font-weight: 700;
}

/* --------------------------------------------------------------------------
   10 GUARDRAILS + CONTROL
   -------------------------------------------------------------------------- */
.lime-chat-guardrails {
	border-bottom: 1px solid var(--chat-light-border);
}

.guardrails-matrix-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem;
}

.guardrail-gate-card {
	background: var(--chat-light-bg);
	border: 1px solid var(--chat-light-border);
	border-radius: 8px;
	padding: 1.75rem 1.25rem;
	display: flex;
	flex-direction: column;
}
.guardrail-gate-card.highlight-lime {
	border-color: var(--chat-primary);
	background: #ffffff;
	box-shadow: 0 4px 20px rgba(24, 155, 56, 0.1);
}

.gate-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}
.gate-state {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 800;
	padding: 3px 8px;
	border-radius: 4px;
}
.state-allowed { background: rgba(24, 155, 56, 0.15); color: var(--chat-primary); }
.state-check { background: rgba(59, 130, 246, 0.15); color: #3b82f6; }
.state-escalate { background: rgba(168, 85, 247, 0.15); color: #a855f7; }
.state-block { background: rgba(239, 68, 68, 0.15); color: #ef4444; }

.gate-id {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	color: var(--chat-text-muted);
}

.gate-title {
	font-size: 1.15rem;
	font-weight: 800;
	color: var(--chat-text-dark);
	margin: 0 0 0.75rem 0;
}
.gate-desc {
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--chat-text-muted);
	margin: 0 0 1.25rem 0;
	flex-grow: 1;
}

.gate-rule-list {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	padding-top: 1rem;
	border-top: 1px solid var(--chat-light-border);
}
.rule-item {
	font-size: 0.8rem;
	color: var(--chat-text-dark);
	font-weight: 600;
}

/* --------------------------------------------------------------------------
   11 USE CASES — CUSTOMER JOURNEY TRACK
   -------------------------------------------------------------------------- */
.lime-chat-usecases {
	border-bottom: 1px solid var(--chat-light-border);
}

.journey-track-wrapper {
	position: relative;
	margin-top: 2rem;
}

.journey-linear-line {
	position: absolute;
	top: 12px;
	left: 4%;
	right: 4%;
	height: 2px;
	background: var(--chat-light-border);
	z-index: 1;
}

.journey-milestones-list {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 0.75rem;
	position: relative;
	z-index: 2;
}

.journey-milestone {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.milestone-indicator {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 1.25rem;
}
.m-dot {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #ffffff;
	border: 2px solid var(--chat-primary);
	box-shadow: 0 0 0 4px var(--chat-light-bg);
	margin-bottom: 0.5rem;
}
.m-phase {
	font-family: var(--chat-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: var(--chat-primary);
	letter-spacing: 0.05em;
}

.milestone-card {
	width: 100%;
	background: #ffffff;
	border: 1px solid var(--chat-light-border);
	border-radius: 8px;
	padding: 1.25rem 1rem;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}
.milestone-card.highlight-lime {
	border-color: var(--chat-primary);
	box-shadow: 0 4px 16px rgba(24, 155, 56, 0.12);
}

.milestone-title {
	font-size: 0.95rem;
	font-weight: 800;
	color: var(--chat-text-dark);
	margin: 0 0 0.5rem 0;
	line-height: 1.3;
}
.milestone-desc {
	font-size: 0.8rem;
	line-height: 1.45;
	color: var(--chat-text-muted);
	margin: 0 0 1rem 0;
	flex-grow: 1;
}
.milestone-tag {
	font-family: var(--chat-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: var(--chat-text-muted);
	background: var(--chat-light-bg);
	padding: 2px 6px;
	border-radius: 3px;
	align-self: flex-start;
}
.milestone-tag.tag-lime {
	color: var(--chat-primary);
	background: rgba(24, 155, 56, 0.15);
}

/* --------------------------------------------------------------------------
   12 METHODOLOGY — BRANCHING LIFECYCLE
   -------------------------------------------------------------------------- */
.lime-chat-methodology {
	border-bottom: 1px solid var(--chat-light-border);
}

.lifecycle-architecture-canvas {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 1080px;
	margin: 0 auto;
}

.lifecycle-row {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 1rem;
	width: 100%;
}
.row-downstream {
	max-width: 720px;
}

.lifecycle-node {
	flex: 1;
	background: var(--chat-light-bg);
	border: 1px solid var(--chat-light-border);
	border-radius: 8px;
	padding: 1.75rem 1.25rem;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}
.lifecycle-node.highlight-lime {
	background: #ffffff;
	border-color: var(--chat-primary);
	box-shadow: 0 6px 20px rgba(24, 155, 56, 0.1);
}

.node-id {
	font-family: var(--chat-mono);
	font-size: 0.8rem;
	font-weight: 800;
	color: var(--chat-primary);
	margin-bottom: 0.75rem;
}
.node-title {
	font-size: 1.15rem;
	font-weight: 800;
	color: var(--chat-text-dark);
	margin: 0 0 0.5rem 0;
}
.node-text {
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--chat-text-muted);
	margin: 0 0 1.25rem 0;
	flex-grow: 1;
}
.node-pill {
	font-family: var(--chat-mono);
	font-size: 0.65rem;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.05);
	color: var(--chat-text-muted);
	align-self: flex-start;
}
.node-pill.tag-lime {
	background: rgba(24, 155, 56, 0.15);
	color: var(--chat-primary);
}

.lifecycle-connector {
	display: flex;
	align-items: center;
	justify-content: center;
}

.lifecycle-branching-bridge {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 1.5rem 0;
}
.bridge-down-arrow {
	display: flex;
	justify-content: center;
}
.bridge-label {
	font-family: var(--chat-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--chat-primary);
	letter-spacing: 0.1em;
	margin-top: 0.25rem;
}

/* --------------------------------------------------------------------------
   13 WHY LIME — CONNECTED SYSTEM (DARK)
   -------------------------------------------------------------------------- */
.lime-chat-why {
	border-bottom: 1px solid var(--chat-dark-border);
}

.connected-system-canvas {
	margin-top: 3rem;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.system-hub-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1.25rem;
}

.system-hub-card {
	background: var(--chat-dark-card);
	border: 1px solid var(--chat-dark-border);
	border-radius: 8px;
	padding: 1.5rem 1.15rem;
	display: flex;
	flex-direction: column;
}
.system-hub-card.highlight-lime {
	border-color: var(--chat-primary);
	background: #151e2e;
}

.hub-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}
.hub-num {
	font-family: var(--chat-mono);
	font-size: 0.8rem;
	font-weight: 800;
	color: var(--chat-primary);
}
.hub-tag {
	font-family: var(--chat-mono);
	font-size: 0.65rem;
	font-weight: 700;
	padding: 2px 6px;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.08);
	color: var(--chat-text-light-muted);
}
.hub-tag.tag-lime {
	background: rgba(24, 155, 56, 0.2);
	color: var(--chat-primary);
}

.hub-title {
	font-size: 1.1rem;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 0.5rem 0;
}
.hub-desc {
	font-size: 0.85rem;
	line-height: 1.5;
	color: var(--chat-text-light-muted);
	margin: 0 0 1.25rem 0;
	flex-grow: 1;
}
.hub-foot {
	font-family: var(--chat-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #64748b;
	padding-top: 0.75rem;
	border-top: 1px solid var(--chat-dark-border-subtle);
}
.hub-foot.tag-lime { color: var(--chat-primary); }

.system-resolution-bar {
	background: #151e2e;
	border: 1px solid var(--chat-primary);
	border-radius: 8px;
	padding: 2rem;
	text-align: center;
	box-shadow: 0 0 30px rgba(24, 155, 56, 0.15);
}
.res-badge {
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	font-weight: 800;
	color: var(--chat-primary);
	letter-spacing: 0.15em;
	margin-bottom: 0.5rem;
}
.res-headline {
	font-size: clamp(1.4rem, 2.5vw, 2rem);
	font-weight: 900;
	letter-spacing: -0.01em;
	color: #ffffff;
	margin-bottom: 0.5rem;
}
.res-sub {
	font-size: 1rem;
	color: var(--chat-text-light-muted);
	margin: 0;
}

/* --------------------------------------------------------------------------
   14 FAQ (FREQUENTLY ASKED QUESTIONS)
   -------------------------------------------------------------------------- */
.lime-chat-faq {
	border-bottom: 1px solid var(--chat-light-border);
}

.lime-faq-layout-v5 {
	display: grid;
	grid-template-columns: 360px 1fr;
	gap: 4rem;
	align-items: start;
}

.lime-faq-sidebar {
	position: sticky;
	top: 120px;
}
.faq-sidebar-intro {
	font-size: 1.05rem;
	line-height: 1.6;
	color: var(--chat-text-muted);
	margin-top: 1rem;
}

.lime-faq-list-v5 {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.lime-faq-item-v5 {
	background: #ffffff;
	border: 1px solid var(--chat-light-border);
	border-radius: 8px;
	padding: 1.75rem;
}

.lime-faq-q {
	font-size: 1.15rem;
	font-weight: 800;
	color: var(--chat-text-dark);
	margin: 0 0 0.75rem 0;
}

.lime-faq-a p {
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--chat-text-muted);
	margin: 0;
}

/* --------------------------------------------------------------------------
   15 FINAL CTA (DARK CONVERSATIONAL CANVAS CLOSING)
   -------------------------------------------------------------------------- */
.lime-chat-cta {
	padding: 7rem 0 8rem !important;
	border-top: 1px solid var(--chat-dark-border);
}

.cta-conversational-canvas {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 3.5rem;
	align-items: center;
}

.cta-heading {
	font-size: clamp(2.2rem, 3.8vw, 3.4rem);
	line-height: 1.15;
	font-weight: 900;
	color: #ffffff;
	margin: 0 0 1.5rem 0;
}

.cta-copy {
	font-size: 1.15rem;
	line-height: 1.6;
	margin-bottom: 2.5rem;
}

.cta-actions {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	align-items: flex-start;
}

.cta-guarantee-note {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--chat-primary);
	letter-spacing: 0.05em;
}
.cta-guarantee-note .note-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--chat-primary);
}

.cta-schematic-box {
	background: #151e2e;
	border: 1px solid var(--chat-dark-border);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
}

.cta-sch-bar {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.25rem;
	background: var(--chat-dark-card);
	border-bottom: 1px solid var(--chat-dark-border);
}
.sch-file {
	font-family: var(--chat-mono);
	font-size: 0.75rem;
	color: #cbd5e1;
	flex-grow: 1;
	margin-left: 0.5rem;
}
.sch-badge {
	font-family: var(--chat-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: var(--chat-primary);
	background: rgba(24, 155, 56, 0.2);
	padding: 2px 6px;
	border-radius: 3px;
}

.cta-sch-flow {
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.sch-node-row {
	display: grid;
	grid-template-columns: 1fr 24px 1fr;
	gap: 0.75rem;
	align-items: center;
}

.sch-bubble-node {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--chat-dark-border-subtle);
	padding: 0.75rem;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.sch-bubble-node.active {
	border-color: var(--chat-primary);
	background: rgba(24, 155, 56, 0.08);
}
.node-tag {
	font-family: var(--chat-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #94a3b8;
}
.node-tag.tag-lime { color: var(--chat-primary); }
.node-txt {
	font-size: 0.8rem;
	color: #ffffff;
}

.sch-arrow {
	text-align: center;
	color: var(--chat-primary);
	font-size: 1rem;
}

.sch-connector-bar {
	display: flex;
	justify-content: center;
}
.vert-conn-line {
	width: 2px;
	height: 16px;
	background: var(--chat-primary);
}

.cta-sch-layers {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-top: 0.5rem;
	padding-top: 1rem;
	border-top: 1px solid var(--chat-dark-border-subtle);
}
.sch-layer-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem 0.75rem;
	background: rgba(255, 255, 255, 0.02);
	border-radius: 4px;
	font-family: var(--chat-mono);
	font-size: 0.75rem;
}
.sch-layer-item.highlight {
	border-left: 2px solid var(--chat-primary);
	background: rgba(24, 155, 56, 0.06);
}
.l-name { color: #cbd5e1; }
.l-status { color: var(--chat-primary); font-weight: 700; }

/* --------------------------------------------------------------------------
   RESPONSIVE DESIGN & BREAKPOINTS
   -------------------------------------------------------------------------- */

/* Breakpoint 1024px (Tablet) */
@media (max-width: 1024px) {
	.lime-chat-hero-layout {
		grid-template-columns: 1fr;
		gap: 3rem;
	}
	.pipeline-track {
		flex-direction: column;
		gap: 1rem;
	}
	.pipeline-connector {
		transform: rotate(90deg);
		padding: 0.5rem 0;
	}
	.branch-grid {
		grid-template-columns: 1fr 1fr;
	}
	.intent-matrix-layout {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}
	.knowledge-retrieval-canvas {
		flex-direction: column;
		gap: 1.5rem;
	}
	.k-connector-col {
		padding: 0.5rem 0;
	}
	.k-conn-line {
		width: 40px;
		height: 2px;
	}
	.capture-system-layout {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
	.capture-connector-col {
		transform: rotate(90deg);
		padding: 0.5rem 0;
	}
	.wf-endpoints-grid {
		grid-template-columns: 1fr 1fr;
	}
	.handoff-dual-canvas {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	.handoff-bridge-col {
		transform: rotate(90deg);
		padding: 0.5rem 0;
	}
	.guardrails-matrix-grid {
		grid-template-columns: 1fr 1fr;
	}
	.journey-track-wrapper {
		overflow-x: auto;
		padding-bottom: 1rem;
	}
	.journey-milestones-list {
		min-width: 900px;
	}
	.lifecycle-row {
		flex-direction: column;
		gap: 1rem;
	}
	.lifecycle-connector {
		transform: rotate(90deg);
		padding: 0.5rem 0;
	}
	.system-hub-grid {
		grid-template-columns: 1fr 1fr;
	}
	.lime-faq-layout-v5 {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}
	.lime-faq-sidebar {
		position: static;
	}
	.cta-conversational-canvas {
		grid-template-columns: 1fr;
		gap: 3rem;
	}
}

/* Breakpoint 768px (Mobile Large) */
@media (max-width: 768px) {
	.lime-chat-content .lime-section {
		padding: 4.5rem 0;
	}
	.lime-chat-hero {
		padding-top: 8rem !important;
		padding-bottom: 4rem !important;
	}
	.branch-grid {
		grid-template-columns: 1fr;
	}
	.branch-router-bus .bus-distributor {
		display: none;
	}
	.wf-endpoints-grid {
		grid-template-columns: 1fr;
	}
	.guardrails-matrix-grid {
		grid-template-columns: 1fr;
	}
	.system-hub-grid {
		grid-template-columns: 1fr;
	}
	.journey-milestones-list {
		min-width: 800px;
	}
	.e-row {
		grid-template-columns: 1fr;
		gap: 0.2rem;
	}
	.sum-grid {
		grid-template-columns: 1fr;
	}
	.intent-context-grid {
		grid-template-columns: 1fr;
	}
	.console-split-routes {
		grid-template-columns: 1fr;
	}
	.sch-node-row {
		grid-template-columns: 1fr;
		gap: 0.4rem;
	}
	.sch-arrow {
		transform: rotate(90deg);
		padding: 0.25rem 0;
	}
}

/* Breakpoint 430px / 390px / 360px (Mobile Standard & Small) */
@media (max-width: 430px) {
	.lime-chat-content .lime-container-standard {
		padding: 0 1.25rem;
	}
	.lime-chat-hero-copy .lime-h1 {
		font-size: 2rem;
	}
	.lime-chat-content .lime-h2 {
		font-size: 1.8rem;
	}
	.console-body {
		padding: 1rem;
	}
	.stream-panel,
	.record-entity-panel,
	.qual-dialogue-card,
	.categories-panel,
	.handoff-card {
		padding: 1.25rem;
	}
	.qual-status-stepper {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.75rem;
	}
	.stepper-line {
		display: none;
	}
	.cta-schematic-box {
		padding: 0;
	}
	.cta-sch-flow {
		padding: 1rem;
	}
}


/* ==========================================================================
   PHASE 3G-V2: CONTROLLED MOTION PASS & SEQUENCED ENTRANCE ANIMATIONS
   ========================================================================== */

/* --------------------------------------------------------------------------
   00 REUSABLE MOTION KEYFRAMES (CONVERSATIONAL & SYSTEM PACING)
   -------------------------------------------------------------------------- */
@keyframes limeFadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes limeFadeInUp {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes limeFadeInDown {
	from {
		opacity: 0;
		transform: translateY(-12px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes limeFadeInLeft {
	from {
		opacity: 0;
		transform: translateX(-16px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes limeFadeInRight {
	from {
		opacity: 0;
		transform: translateX(16px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes limeScaleIn {
	from {
		opacity: 0;
		transform: scale(0.96);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes limeDrawTrack {
	from {
		transform: scaleX(0);
	}
	to {
		transform: scaleX(1);
	}
}

@keyframes limeDrawTrackVert {
	from {
		transform: scaleY(0);
	}
	to {
		transform: scaleY(1);
	}
}

@keyframes limeConsoleNodeIn {
	from {
		opacity: 0;
		transform: translateY(8px) scale(0.98);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes limeBadgePop {
	from {
		opacity: 0;
		transform: scale(0.85);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* --------------------------------------------------------------------------
   PROGRESSIVE ENHANCEMENT START STATES (ONLY WHEN REVEAL.JS IS READY)
   -------------------------------------------------------------------------- */
/* 01 Hero Console */
.lime-chat-hero.lime-reveal-trigger.lime-reveal-ready .chat-console-wrapper {
	opacity: 0;
	transform: scale(0.97);
}
.lime-chat-hero.lime-reveal-trigger.lime-reveal-ready .node-inbound,
.lime-chat-hero.lime-reveal-trigger.lime-reveal-ready .console-routing-line,
.lime-chat-hero.lime-reveal-trigger.lime-reveal-ready .node-intent,
.lime-chat-hero.lime-reveal-trigger.lime-reveal-ready .node-agent,
.lime-chat-hero.lime-reveal-trigger.lime-reveal-ready .node-capture,
.lime-chat-hero.lime-reveal-trigger.lime-reveal-ready .console-split-routes {
	opacity: 0;
	transform: translateY(8px);
}

/* 02 Direct Answer */
.lime-chat-direct.lime-reveal-trigger.lime-reveal-ready .pipeline-node {
	opacity: 0;
	transform: translateY(14px);
}
.lime-chat-direct.lime-reveal-trigger.lime-reveal-ready .pipeline-connector {
	opacity: 0;
}

/* 03 Conversation Architecture */
.lime-chat-arch.lime-reveal-trigger.lime-reveal-ready .branch-root {
	opacity: 0;
	transform: translateY(-8px);
}
.lime-chat-arch.lime-reveal-trigger.lime-reveal-ready .router-node,
.lime-chat-arch.lime-reveal-trigger.lime-reveal-ready .bus-line {
	opacity: 0;
	transform: scale(0.96);
}
.lime-chat-arch.lime-reveal-trigger.lime-reveal-ready .bus-distributor {
	opacity: 0;
}
.lime-chat-arch.lime-reveal-trigger.lime-reveal-ready .branch-col {
	opacity: 0;
	transform: translateY(14px);
}

/* 04 Intent + Context */
.lime-chat-intent.lime-reveal-trigger.lime-reveal-ready .intent-flow-card {
	opacity: 0;
	transform: translateX(-12px);
}
.lime-chat-intent.lime-reveal-trigger.lime-reveal-ready .flow-arrow-down {
	opacity: 0;
}
.lime-chat-intent.lime-reveal-trigger.lime-reveal-ready .categories-panel {
	opacity: 0;
	transform: scale(0.98);
}
.lime-chat-intent.lime-reveal-trigger.lime-reveal-ready .intent-row {
	opacity: 0;
	transform: translateX(12px);
}

/* 05 Answers + Knowledge */
.lime-chat-knowledge.lime-reveal-trigger.lime-reveal-ready .k-canvas-col {
	opacity: 0;
	transform: translateY(12px);
}
.lime-chat-knowledge.lime-reveal-trigger.lime-reveal-ready .k-connector-col {
	opacity: 0;
}

/* 06 Qualification */
.lime-chat-qual.lime-reveal-trigger.lime-reveal-ready .qual-status-stepper {
	opacity: 0;
	transform: translateY(-6px);
}
.lime-chat-qual.lime-reveal-trigger.lime-reveal-ready .qual-turn {
	opacity: 0;
	transform: translateY(10px);
}

/* 07 Structured Capture */
.lime-chat-capture.lime-reveal-trigger.lime-reveal-ready .stream-panel {
	opacity: 0;
	transform: translateX(-14px);
}
.lime-chat-capture.lime-reveal-trigger.lime-reveal-ready .capture-connector-col {
	opacity: 0;
}
.lime-chat-capture.lime-reveal-trigger.lime-reveal-ready .record-entity-panel {
	opacity: 0;
	transform: translateX(14px);
}
.lime-chat-capture.lime-reveal-trigger.lime-reveal-ready .e-row {
	opacity: 0;
}

/* 08 Workflow Automation */
.lime-chat-workflow.lime-reveal-trigger.lime-reveal-ready .wf-origin-node {
	opacity: 0;
	transform: translateY(-8px);
}
.lime-chat-workflow.lime-reveal-trigger.lime-reveal-ready .wf-bus-core,
.lime-chat-workflow.lime-reveal-trigger.lime-reveal-ready .wf-bus-line {
	opacity: 0;
}
.lime-chat-workflow.lime-reveal-trigger.lime-reveal-ready .endpoint-card {
	opacity: 0;
	transform: translateY(14px);
}

/* 09 Human Escalation */
.lime-chat-handoff.lime-reveal-trigger.lime-reveal-ready .handoff-ai-col {
	opacity: 0;
	transform: translateX(-14px);
}
.lime-chat-handoff.lime-reveal-trigger.lime-reveal-ready .handoff-bridge-col {
	opacity: 0;
	transform: scale(0.9);
}
.lime-chat-handoff.lime-reveal-trigger.lime-reveal-ready .handoff-human-col {
	opacity: 0;
	transform: translateX(14px);
}

/* 10 Guardrails */
.lime-chat-guardrails.lime-reveal-trigger.lime-reveal-ready .guardrail-gate-card {
	opacity: 0;
	transform: translateY(14px);
}

/* 11 Use Cases */
.lime-chat-usecases.lime-reveal-trigger.lime-reveal-ready .journey-linear-line {
	transform: scaleX(0);
}
.lime-chat-usecases.lime-reveal-trigger.lime-reveal-ready .journey-milestone {
	opacity: 0;
	transform: translateY(12px);
}

/* 12 Methodology */
.lime-chat-methodology.lime-reveal-trigger.lime-reveal-ready .node-map,
.lime-chat-methodology.lime-reveal-trigger.lime-reveal-ready .node-ground,
.lime-chat-methodology.lime-reveal-trigger.lime-reveal-ready .node-build,
.lime-chat-methodology.lime-reveal-trigger.lime-reveal-ready .node-connect,
.lime-chat-methodology.lime-reveal-trigger.lime-reveal-ready .node-improve {
	opacity: 0;
	transform: translateY(12px);
}
.lime-chat-methodology.lime-reveal-trigger.lime-reveal-ready .lifecycle-connector,
.lime-chat-methodology.lime-reveal-trigger.lime-reveal-ready .lifecycle-branching-bridge {
	opacity: 0;
}

/* 13 Why Lime */
.lime-chat-why.lime-reveal-trigger.lime-reveal-ready .system-hub-card {
	opacity: 0;
	transform: translateY(12px);
}
.lime-chat-why.lime-reveal-trigger.lime-reveal-ready .system-resolution-bar {
	opacity: 0;
	transform: scale(0.98);
}

/* 15 Final CTA */
.lime-chat-cta.lime-reveal-trigger.lime-reveal-ready .cta-schematic-box {
	opacity: 0;
	transform: scale(0.98);
}

/* --------------------------------------------------------------------------
   01 HERO CONVERSATIONAL CONSOLE SEQUENCE (1.8s–2.0s TOTAL, THEN STATIC)
   -------------------------------------------------------------------------- */
.lime-chat-hero.lime-reveal-active .chat-console-wrapper {
	animation: limeScaleIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
}
.lime-chat-hero.lime-reveal-active .node-inbound {
	animation: limeConsoleNodeIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.35s;
}
.lime-chat-hero.lime-reveal-active .console-routing-line:nth-of-type(1) {
	animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.65s;
}
.lime-chat-hero.lime-reveal-active .node-intent {
	animation: limeConsoleNodeIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.75s;
}
.lime-chat-hero.lime-reveal-active .console-routing-line:nth-of-type(2) {
	animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.95s;
}
.lime-chat-hero.lime-reveal-active .node-agent {
	animation: limeConsoleNodeIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.05s;
}
.lime-chat-hero.lime-reveal-active .console-routing-line:nth-of-type(3) {
	animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.25s;
}
.lime-chat-hero.lime-reveal-active .node-capture {
	animation: limeConsoleNodeIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.35s;
}
.lime-chat-hero.lime-reveal-active .console-split-routes {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.55s;
}

/* --------------------------------------------------------------------------
   02 DIRECT ANSWER — PIPELINE RESOLUTION (1.1s–1.4s)
   -------------------------------------------------------------------------- */
.lime-chat-direct.lime-reveal-active .pipeline-node:nth-child(1) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
}
.lime-chat-direct.lime-reveal-active .pipeline-connector:nth-child(2) {
	animation: limeFadeIn 0.25s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.35s;
}
.lime-chat-direct.lime-reveal-active .pipeline-node:nth-child(3) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.45s;
}
.lime-chat-direct.lime-reveal-active .pipeline-connector:nth-child(4) {
	animation: limeFadeIn 0.25s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.65s;
}
.lime-chat-direct.lime-reveal-active .pipeline-node:nth-child(5) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.75s;
}
.lime-chat-direct.lime-reveal-active .pipeline-connector:nth-child(6) {
	animation: limeFadeIn 0.25s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.95s;
}
.lime-chat-direct.lime-reveal-active .pipeline-node:nth-child(7) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.05s;
}
.lime-chat-direct.lime-reveal-active .pipeline-connector:nth-child(8) {
	animation: limeFadeIn 0.25s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.2s;
}
.lime-chat-direct.lime-reveal-active .pipeline-node:nth-child(9) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.3s;
}

/* --------------------------------------------------------------------------
   03 CONVERSATION ARCHITECTURE — SIGNATURE BRANCHING (1.7s–2.0s)
   -------------------------------------------------------------------------- */
.lime-chat-arch.lime-reveal-active .branch-root {
	animation: limeFadeInDown 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
}
.lime-chat-arch.lime-reveal-active .bus-line {
	animation: limeFadeIn 0.25s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.35s;
}
.lime-chat-arch.lime-reveal-active .router-node {
	animation: limeScaleIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.5s;
}
.lime-chat-arch.lime-reveal-active .bus-distributor {
	animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.75s;
}
.lime-chat-arch.lime-reveal-active .branch-col:nth-child(1) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.95s;
}
.lime-chat-arch.lime-reveal-active .branch-col:nth-child(2) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.15s;
}
.lime-chat-arch.lime-reveal-active .branch-col:nth-child(3) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.35s;
}
.lime-chat-arch.lime-reveal-active .branch-col:nth-child(4) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.55s;
}

/* --------------------------------------------------------------------------
   04 INTENT + CONTEXT (1.3s–1.6s)
   -------------------------------------------------------------------------- */
.lime-chat-intent.lime-reveal-active .intent-flow-card:nth-of-type(1) {
	animation: limeFadeInLeft 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
}
.lime-chat-intent.lime-reveal-active .flow-arrow-down:nth-of-type(1) {
	animation: limeFadeIn 0.2s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.3s;
}
.lime-chat-intent.lime-reveal-active .intent-flow-card:nth-of-type(2) {
	animation: limeFadeInLeft 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.4s;
}
.lime-chat-intent.lime-reveal-active .flow-arrow-down:nth-of-type(2) {
	animation: limeFadeIn 0.2s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.55s;
}
.lime-chat-intent.lime-reveal-active .intent-flow-card:nth-of-type(3) {
	animation: limeFadeInLeft 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.65s;
}
.lime-chat-intent.lime-reveal-active .flow-arrow-down:nth-of-type(3) {
	animation: limeFadeIn 0.2s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.8s;
}
.lime-chat-intent.lime-reveal-active .intent-flow-card:nth-of-type(4) {
	animation: limeFadeInLeft 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.9s;
}
.lime-chat-intent.lime-reveal-active .categories-panel {
	animation: limeScaleIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.35s;
}
.lime-chat-intent.lime-reveal-active .intent-row:nth-child(1) {
	animation: limeFadeInRight 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.55s;
}
.lime-chat-intent.lime-reveal-active .intent-row:nth-child(2) {
	animation: limeFadeInRight 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.75s;
}
.lime-chat-intent.lime-reveal-active .intent-row:nth-child(3) {
	animation: limeFadeInRight 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.95s;
}
.lime-chat-intent.lime-reveal-active .intent-row:nth-child(4) {
	animation: limeFadeInRight 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.15s;
}
.lime-chat-intent.lime-reveal-active .intent-row:nth-child(5) {
	animation: limeFadeInRight 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.35s;
}

/* --------------------------------------------------------------------------
   05 ANSWERS + KNOWLEDGE (1.3s–1.6s)
   -------------------------------------------------------------------------- */
.lime-chat-knowledge.lime-reveal-active .k-canvas-col:nth-child(1) {
	animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
}
.lime-chat-knowledge.lime-reveal-active .k-connector-col:nth-child(2) {
	animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.55s;
}
.lime-chat-knowledge.lime-reveal-active .k-canvas-col:nth-child(3) {
	animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.75s;
}
.lime-chat-knowledge.lime-reveal-active .k-connector-col:nth-child(4) {
	animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.05s;
}
.lime-chat-knowledge.lime-reveal-active .k-canvas-col:nth-child(5) {
	animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.25s;
}

/* --------------------------------------------------------------------------
   06 QUALIFICATION — PROGRESSIVE DIALOGUE (1.6s–1.9s)
   -------------------------------------------------------------------------- */
.lime-chat-qual.lime-reveal-active .qual-status-stepper {
	animation: limeFadeInDown 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
}
.lime-chat-qual.lime-reveal-active .qual-turn:nth-child(1) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.35s;
}
.lime-chat-qual.lime-reveal-active .qual-turn:nth-child(2) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.7s;
}
.lime-chat-qual.lime-reveal-active .qual-turn:nth-child(3) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.05s;
}
.lime-chat-qual.lime-reveal-active .qual-turn:nth-child(4) {
	animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.4s;
}

/* --------------------------------------------------------------------------
   07 STRUCTURED INFORMATION CAPTURE (1.4s–1.7s)
   -------------------------------------------------------------------------- */
.lime-chat-capture.lime-reveal-active .stream-panel {
	animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
}
.lime-chat-capture.lime-reveal-active .capture-connector-col {
	animation: limeFadeIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.65s;
}
.lime-chat-capture.lime-reveal-active .record-entity-panel {
	animation: limeFadeInRight 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.95s;
}
.lime-chat-capture.lime-reveal-active .e-row:nth-child(1) { animation: limeFadeIn 0.25s forwards 1.15s; }
.lime-chat-capture.lime-reveal-active .e-row:nth-child(2) { animation: limeFadeIn 0.25s forwards 1.25s; }
.lime-chat-capture.lime-reveal-active .e-row:nth-child(3) { animation: limeFadeIn 0.25s forwards 1.35s; }
.lime-chat-capture.lime-reveal-active .e-row:nth-child(4) { animation: limeFadeIn 0.25s forwards 1.45s; }
.lime-chat-capture.lime-reveal-active .e-row:nth-child(5) { animation: limeFadeIn 0.25s forwards 1.55s; }

/* --------------------------------------------------------------------------
   08 WORKFLOW AUTOMATION — SIGNATURE DISPATCH (1.7s–2.0s)
   -------------------------------------------------------------------------- */
.lime-chat-workflow.lime-reveal-active .wf-origin-node {
	animation: limeFadeInDown 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
}
.lime-chat-workflow.lime-reveal-active .wf-bus-core,
.lime-chat-workflow.lime-reveal-active .wf-bus-line {
	animation: limeFadeIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.45s;
}
.lime-chat-workflow.lime-reveal-active .endpoint-card:nth-child(1) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.75s;
}
.lime-chat-workflow.lime-reveal-active .endpoint-card:nth-child(2) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s;
}
.lime-chat-workflow.lime-reveal-active .endpoint-card:nth-child(3) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.25s;
}
.lime-chat-workflow.lime-reveal-active .endpoint-card:nth-child(4) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.5s;
}

/* --------------------------------------------------------------------------
   09 HUMAN ESCALATION — DUAL CANVAS HANDOFF (1.5s–1.8s)
   -------------------------------------------------------------------------- */
.lime-chat-handoff.lime-reveal-active .handoff-ai-col {
	animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
}
.lime-chat-handoff.lime-reveal-active .handoff-bridge-col {
	animation: limeScaleIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.65s;
}
.lime-chat-handoff.lime-reveal-active .handoff-human-col {
	animation: limeFadeInRight 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.05s;
}

/* --------------------------------------------------------------------------
   10 GUARDRAILS + CONTROL (1.3s–1.6s)
   -------------------------------------------------------------------------- */
.lime-chat-guardrails.lime-reveal-active .guardrail-gate-card:nth-child(1) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
}
.lime-chat-guardrails.lime-reveal-active .guardrail-gate-card:nth-child(2) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.45s;
}
.lime-chat-guardrails.lime-reveal-active .guardrail-gate-card:nth-child(3) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.75s;
}
.lime-chat-guardrails.lime-reveal-active .guardrail-gate-card:nth-child(4) {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.05s;
}

/* --------------------------------------------------------------------------
   11 USE CASES — JOURNEY TRACK (1.2s–1.5s)
   -------------------------------------------------------------------------- */
.lime-chat-usecases.lime-reveal-active .journey-linear-line {
	transform-origin: left center;
	animation: limeDrawTrack 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
}
.lime-chat-usecases.lime-reveal-active .journey-milestone:nth-child(1) { animation: limeFadeInUp 0.3s forwards 0.25s; }
.lime-chat-usecases.lime-reveal-active .journey-milestone:nth-child(2) { animation: limeFadeInUp 0.3s forwards 0.4s; }
.lime-chat-usecases.lime-reveal-active .journey-milestone:nth-child(3) { animation: limeFadeInUp 0.3s forwards 0.55s; }
.lime-chat-usecases.lime-reveal-active .journey-milestone:nth-child(4) { animation: limeFadeInUp 0.3s forwards 0.7s; }
.lime-chat-usecases.lime-reveal-active .journey-milestone:nth-child(5) { animation: limeFadeInUp 0.3s forwards 0.85s; }
.lime-chat-usecases.lime-reveal-active .journey-milestone:nth-child(6) { animation: limeFadeInUp 0.3s forwards 1.05s; }
.lime-chat-usecases.lime-reveal-active .journey-milestone:nth-child(7) { animation: limeFadeInUp 0.3s forwards 1.25s; }

/* --------------------------------------------------------------------------
   12 METHODOLOGY — LIFECYCLE ARCHITECTURE (1.6s–1.9s)
   -------------------------------------------------------------------------- */
.lime-chat-methodology.lime-reveal-active .node-map {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
}
.lime-chat-methodology.lime-reveal-active .row-upstream .lifecycle-connector:nth-of-type(1) {
	animation: limeFadeIn 0.25s forwards 0.35s;
}
.lime-chat-methodology.lime-reveal-active .node-ground {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.45s;
}
.lime-chat-methodology.lime-reveal-active .row-upstream .lifecycle-connector:nth-of-type(2) {
	animation: limeFadeIn 0.25s forwards 0.65s;
}
.lime-chat-methodology.lime-reveal-active .node-build {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.75s;
}
.lime-chat-methodology.lime-reveal-active .lifecycle-branching-bridge {
	animation: limeFadeInDown 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.05s;
}
.lime-chat-methodology.lime-reveal-active .node-connect {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.25s;
}
.lime-chat-methodology.lime-reveal-active .row-downstream .lifecycle-connector {
	animation: limeFadeIn 0.25s forwards 1.45s;
}
.lime-chat-methodology.lime-reveal-active .node-improve {
	animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.55s;
}

/* --------------------------------------------------------------------------
   13 WHY LIME — CONNECTED SYSTEM (1.5s–1.8s)
   -------------------------------------------------------------------------- */
.lime-chat-why.lime-reveal-active .system-hub-card:nth-child(1) { animation: limeFadeInUp 0.35s forwards 0.15s; }
.lime-chat-why.lime-reveal-active .system-hub-card:nth-child(2) { animation: limeFadeInUp 0.35s forwards 0.35s; }
.lime-chat-why.lime-reveal-active .system-hub-card:nth-child(3) { animation: limeFadeInUp 0.35s forwards 0.55s; }
.lime-chat-why.lime-reveal-active .system-hub-card:nth-child(4) { animation: limeFadeInUp 0.35s forwards 0.75s; }
.lime-chat-why.lime-reveal-active .system-hub-card:nth-child(5) { animation: limeFadeInUp 0.35s forwards 0.95s; }
.lime-chat-why.lime-reveal-active .system-resolution-bar {
	animation: limeScaleIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.25s;
}

/* --------------------------------------------------------------------------
   15 FINAL CTA (0.8s–1.1s)
   -------------------------------------------------------------------------- */
.lime-chat-cta.lime-reveal-active .cta-schematic-box {
	animation: limeScaleIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.2s;
}

/* --------------------------------------------------------------------------
   MOBILE TIMING & ADAPTATIONS (@media max-width: 768px)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
	.lime-chat-hero.lime-reveal-active .chat-console-wrapper { animation-delay: 0.1s; }
	.lime-chat-hero.lime-reveal-active .node-inbound { animation-delay: 0.25s; }
	.lime-chat-hero.lime-reveal-active .console-routing-line:nth-of-type(1) { animation-delay: 0.45s; }
	.lime-chat-hero.lime-reveal-active .node-intent { animation-delay: 0.55s; }
	.lime-chat-hero.lime-reveal-active .console-routing-line:nth-of-type(2) { animation-delay: 0.7s; }
	.lime-chat-hero.lime-reveal-active .node-agent { animation-delay: 0.8s; }
	.lime-chat-hero.lime-reveal-active .console-routing-line:nth-of-type(3) { animation-delay: 0.95s; }
	.lime-chat-hero.lime-reveal-active .node-capture { animation-delay: 1.05s; }
	.lime-chat-hero.lime-reveal-active .console-split-routes { animation-delay: 1.2s; }
}

/* --------------------------------------------------------------------------
   ACCESSIBILITY: PREFERS-REDUCED-MOTION
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.lime-chat-content *,
	.lime-chat-content *::before,
	.lime-chat-content *::after {
		animation: none !important;
		transition: none !important;
		opacity: 1 !important;
		transform: none !important;
	}
}