/**
 * Apps & Digital Products Service Stylesheet
 *
 * Dedicated styling for /services/apps-digital-products/
 * Phase 3F — Premium Static Build
 *
 * @package LimeTechnologies
 */

/* --------------------------------------------------------------------------
   00 PRODUCT SERVICE LIGHT HEADER TREATMENT
   -------------------------------------------------------------------------- */
body.postid-25 .lime-header,
body:has(.lime-product-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-25 .lime-header .lime-nav-link,
body:has(.lime-product-hero) .lime-header .lime-nav-link {
	color: #1e293b !important;
}

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

body.postid-25 .lime-header-scrolled,
body:has(.lime-product-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 PRODUCT SYSTEM & COLOR TOKENS
   -------------------------------------------------------------------------- */
.lime-product-content {
	--product-dark-bg: #0f172a;
	--product-dark-card: #1e293b;
	--product-dark-border: rgba(255, 255, 255, 0.1);
	--product-dark-hover: rgba(255, 255, 255, 0.15);
	--product-light-bg: #f8fafc;
	--product-light-card: #ffffff;
	--product-light-border: #e2e8f0;
	--product-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--product-line: #cbd5e1;
	width: 100%;
	overflow-x: hidden;
}

/* Background Color Enforcements */
.lime-product-content .lime-bg-dark {
	background-color: var(--product-dark-bg) !important;
	color: #ffffff !important;
}
.lime-product-content .lime-bg-light {
	background-color: var(--product-light-bg) !important;
	color: #1e293b !important;
}
.lime-product-content .lime-bg-white {
	background-color: #ffffff !important;
	color: #1e293b !important;
}

/* Standard Section Padding */
.lime-product-content .lime-section {
	padding: 6.5rem 0;
	position: relative;
	box-sizing: border-box;
}

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

/* Section Header Typography */
.lime-product-content .lime-section-header {
	max-width: 820px;
	margin: 0 auto 4rem;
}
.lime-product-content .lime-text-center {
	text-align: center;
}
.lime-product-content .lime-section-index-tag {
	font-family: var(--product-mono);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	color: var(--lime-primary);
	text-transform: uppercase;
	margin-bottom: 1rem;
	display: inline-block;
}
.lime-product-content .lime-text-light-muted {
	color: var(--lime-primary) !important;
}
.lime-product-content .lime-h2 {
	font-size: 2.75rem;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.02em;
	margin: 0;
	text-transform: uppercase;
}
.lime-product-content .lime-bg-dark .lime-h2 {
	color: #ffffff;
}
.lime-product-content .lime-bg-light .lime-h2,
.lime-product-content .lime-bg-white .lime-h2 {
	color: #0f172a;
}
.lime-product-content .lime-p-standard {
	font-size: 1.125rem;
	line-height: 1.6;
	margin: 1.25rem 0 0;
}
.lime-product-content .lime-bg-dark .lime-p-standard {
	color: #94a3b8;
}
.lime-product-content .lime-bg-light .lime-p-standard,
.lime-product-content .lime-bg-white .lime-p-standard {
	color: #475569;
}
.lime-product-content .lime-text-primary {
	color: var(--lime-primary) !important;
}
.lime-product-content .lime-mt-10 { margin-top: 0.625rem; }
.lime-product-content .lime-mt-20 { margin-top: 1.25rem; }

/* --------------------------------------------------------------------------
   01 HERO — DIGITAL PRODUCT WORKSPACE (DARK)
   -------------------------------------------------------------------------- */
.lime-product-hero {
	padding: 7.5rem 0 6.5rem;
	background: radial-gradient(circle at 80% 20%, rgba(24, 155, 56, 0.08) 0%, transparent 60%), #0f172a !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.lime-product-hero-layout {
	display: grid;
	grid-template-columns: 1.05fr 1.2fr;
	gap: 4rem;
	align-items: center;
}
.lime-product-hero-copy .lime-h1 {
	font-size: 3.25rem;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.03em;
	color: #ffffff;
	margin: 0.5rem 0 1.5rem;
	text-transform: uppercase;
}
.lime-hero-desc {
	font-size: 1.2rem;
	line-height: 1.6;
	color: #94a3b8;
	margin-bottom: 2.25rem;
}
.lime-hero-cta-group {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	flex-wrap: wrap;
}
.product-hero-spec-pill {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.5rem 0.85rem;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 4px;
}
.product-hero-spec-pill .spec-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--lime-primary);
}
.product-hero-spec-pill .spec-text {
	font-family: var(--product-mono);
	font-size: 0.725rem;
	font-weight: 600;
	color: #cbd5e1;
	letter-spacing: 0.08em;
}

/* Workspace Window Mock */
.product-workspace-window {
	background: #1e293b;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.5);
	overflow: hidden;
}
.workspace-chrome-bar {
	height: 42px;
	background: #0f172a;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 1rem;
}
.chrome-controls {
	display: flex;
	gap: 6px;
}
.control-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.dot-red { background: #ef4444; opacity: 0.8; }
.dot-yellow { background: #f59e0b; opacity: 0.8; }
.dot-green { background: #10b981; opacity: 0.8; }

.chrome-title-tab {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-family: var(--product-mono);
	font-size: 0.75rem;
	color: #cbd5e1;
	background: rgba(255, 255, 255, 0.04);
	padding: 0.3rem 0.75rem;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.06);
}
.chrome-meta-indicators {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.branch-tag {
	font-family: var(--product-mono);
	font-size: 0.7rem;
	color: #64748b;
	background: rgba(255, 255, 255, 0.05);
	padding: 0.2rem 0.5rem;
	border-radius: 3px;
}
.status-indicator {
	font-family: var(--product-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--lime-primary);
	letter-spacing: 0.05em;
}

/* Workspace Split View */
.workspace-viewport {
	display: grid;
	grid-template-columns: 140px 1fr 140px;
	min-height: 380px;
	background: #111827;
}
.workspace-sidebar-rail {
	background: #0f172a;
	border-right: 1px solid rgba(255, 255, 255, 0.06);
	padding: 1rem 0.75rem;
	font-family: var(--product-mono);
	font-size: 0.725rem;
}
.rail-group-title {
	font-size: 0.65rem;
	font-weight: 700;
	color: #64748b;
	letter-spacing: 0.1em;
	margin-bottom: 0.75rem;
}
.tree-item {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	color: #94a3b8;
	padding: 0.35rem 0.4rem;
	border-radius: 3px;
	margin-bottom: 0.2rem;
}
.tree-item.indent-1 { padding-left: 0.8rem; }
.tree-item.indent-2 { padding-left: 1.2rem; }
.tree-item.active-state {
	background: rgba(24, 155, 56, 0.15);
	color: #ffffff;
}
.tree-bullet.active { color: var(--lime-primary); }
.tree-badge {
	font-size: 0.55rem;
	font-weight: 700;
	color: var(--lime-primary);
	background: rgba(24, 155, 56, 0.2);
	padding: 0.1rem 0.3rem;
	border-radius: 2px;
	margin-left: auto;
}

/* Center Canvas */
.workspace-main-canvas {
	position: relative;
	padding: 2rem 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}
.canvas-grid-overlay {
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
	                  linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
	background-size: 20px 20px;
	pointer-events: none;
}
.canvas-active-node {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 260px;
	background: #1e293b;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 6px;
	padding: 0.75rem 1rem;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.node-logic {
	border-color: var(--lime-primary);
	background: #162436;
}
.canvas-active-node .node-tag {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #64748b;
	letter-spacing: 0.1em;
}
.node-logic .node-tag { color: var(--lime-primary); }
.canvas-active-node .node-name {
	font-size: 0.9rem;
	font-weight: 600;
	color: #ffffff;
	margin: 0.25rem 0 0.5rem;
}
.node-status-bar {
	height: 3px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 2px;
	overflow: hidden;
}
.node-status-bar .status-fill {
	display: block;
	height: 100%;
	width: 60%;
	background: #64748b;
}
.node-status-bar .status-fill.active {
	width: 85%;
	background: var(--lime-primary);
}
.canvas-connector-line {
	width: 2px;
	height: 24px;
	background: dashed rgba(255, 255, 255, 0.2);
}

.canvas-cursor-indicator {
	position: absolute;
	bottom: 20%;
	right: 15%;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 0.4rem;
}
.cursor-label {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #0f172a;
	background: var(--lime-primary);
	padding: 0.2rem 0.5rem;
	border-radius: 3px;
	white-space: nowrap;
}

/* Right Inspector Rail */
.workspace-inspector-rail {
	background: #0f172a;
	border-left: 1px solid rgba(255, 255, 255, 0.06);
	padding: 1rem 0.75rem;
	font-family: var(--product-mono);
	font-size: 0.7rem;
}
.inspector-field {
	display: flex;
	flex-direction: column;
	margin-bottom: 0.6rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.inspector-field .field-key {
	color: #64748b;
	font-size: 0.65rem;
}
.inspector-field .field-val {
	color: #38bdf8;
	margin-top: 0.15rem;
}
.binding-card {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 4px;
	padding: 0.5rem;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.binding-label {
	font-size: 0.6rem;
	font-weight: 700;
	color: #64748b;
}
.binding-target {
	font-size: 0.7rem;
	color: #cbd5e1;
}
.binding-tag {
	font-size: 0.55rem;
	font-weight: 700;
	color: var(--lime-primary);
	margin-top: 0.25rem;
}

/* --------------------------------------------------------------------------
   02 DIRECT ANSWER — PRODUCT STATE PATHWAY (LIGHT)
   -------------------------------------------------------------------------- */
.lime-product-pathway-v5 {
	position: relative;
	max-width: 1200px;
	margin: 2.5rem auto 0;
	padding: 2rem 0;
}
.lime-pathway-track-v5 {
	position: absolute;
	top: 36px;
	left: 40px;
	right: 40px;
	height: 1px;
	background: #cbd5e1;
	z-index: 1;
}
.lime-pathway-progress-line {
	height: 100%;
	width: 100%;
	background: linear-gradient(90deg, #94a3b8, var(--lime-primary), #cbd5e1);
}
.lime-pathway-stages-v5 {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1.5rem;
}
.lime-pathway-item {
	display: flex;
	flex-direction: column;
	background: transparent;
}
.pathway-marker {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1.25rem;
}
.pathway-marker .p-num {
	font-family: var(--product-mono);
	font-size: 1.75rem;
	font-weight: 300;
	color: #64748b;
	line-height: 1;
}
.pathway-marker .p-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #94a3b8;
	border: 2px solid var(--product-light-bg);
}
.lime-pathway-item.active .pathway-marker .p-num {
	color: #0f172a;
	font-weight: 600;
}
.lime-pathway-item.active .pathway-marker .p-dot {
	background: var(--lime-primary);
	box-shadow: 0 0 0 4px rgba(24, 155, 56, 0.15);
}
.pathway-body {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}
.pathway-title {
	font-family: var(--product-mono);
	font-size: 0.95rem;
	font-weight: 700;
	color: #0f172a;
	letter-spacing: 0.05em;
}
.pathway-desc {
	font-size: 0.85rem;
	line-height: 1.45;
	color: #64748b;
}

/* --------------------------------------------------------------------------
   03 PRODUCT STRATEGY — ARCHITECTURAL BRIEF (LIGHT/WHITE)
   -------------------------------------------------------------------------- */
.lime-strategy-brief-grid {
	display: grid;
	grid-template-columns: 1fr 1.3fr;
	gap: 3.5rem;
	align-items: start;
	margin-top: 3rem;
}
.brief-inputs-column {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}
.brief-input-card {
	background: var(--product-light-bg);
	border: 1px solid var(--product-light-border);
	border-left: 3px solid #94a3b8;
	border-radius: 4px;
	padding: 1.25rem 1.5rem;
}
.brief-input-card:hover {
	border-left-color: var(--lime-primary);
}
.brief-input-card .input-tag {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #64748b;
	letter-spacing: 0.1em;
}
.brief-input-card .input-title {
	font-size: 1.05rem;
	font-weight: 700;
	color: #0f172a;
	margin: 0.35rem 0 0.5rem;
	letter-spacing: -0.01em;
}
.brief-input-card .input-desc {
	font-size: 0.875rem;
	line-height: 1.5;
	color: #475569;
	margin: 0;
}

/* Synthesis Canvas */
.brief-synthesis-canvas {
	background: #0f172a;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	padding: 2.25rem;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}
.synthesis-masthead {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	margin-bottom: 1.75rem;
}
.masthead-badge {
	font-family: var(--product-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--lime-primary);
	letter-spacing: 0.15em;
}
.masthead-status {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #10b981;
	background: rgba(16, 185, 129, 0.15);
	padding: 0.2rem 0.5rem;
	border-radius: 3px;
}
.synthesis-tag {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #64748b;
	letter-spacing: 0.1em;
}
.synthesis-title {
	font-size: 1.75rem;
	font-weight: 700;
	color: #ffffff;
	margin: 0.4rem 0 0.75rem;
	letter-spacing: -0.02em;
}
.synthesis-desc {
	font-size: 0.95rem;
	line-height: 1.6;
	color: #94a3b8;
	margin: 0 0 2rem;
}
.synthesis-deliverables-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.25rem;
}
.del-card {
	background: #1e293b;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 6px;
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}
.del-card.del-highlight {
	border-color: var(--lime-primary);
	background: rgba(24, 155, 56, 0.05);
}
.del-card .del-title {
	font-size: 0.95rem;
	font-weight: 700;
	color: #ffffff;
}
.del-card .del-sub {
	font-size: 0.8rem;
	line-height: 1.45;
	color: #94a3b8;
}

/* --------------------------------------------------------------------------
   04 WORKFLOW ARCHITECTURE — SIGNATURE SECTION (DARK)
   -------------------------------------------------------------------------- */
.lime-workflow-canvas-v5 {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 1.25rem;
	margin-top: 3.5rem;
	position: relative;
}
.workflow-stage-column {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
}
.workflow-stage-column.stage-router {
	flex: 1.35;
}
.workflow-stage-column .stage-marker {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
}
.workflow-stage-column .s-step {
	font-family: var(--product-mono);
	font-size: 1.25rem;
	font-weight: 600;
	color: #64748b;
}
.workflow-stage-column .s-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #64748b;
}
.workflow-stage-column .s-dot-lime {
	background: var(--lime-primary);
	box-shadow: 0 0 0 3px rgba(24, 155, 56, 0.2);
}
.workflow-node-card {
	background: #1e293b;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 6px;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	height: 100%;
	box-sizing: border-box;
}
.workflow-node-card.card-active-endpoint {
	border-color: var(--lime-primary);
	background: linear-gradient(180deg, #1e293b 0%, rgba(24, 155, 56, 0.08) 100%);
}
.node-kicker {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #64748b;
	letter-spacing: 0.1em;
}
.node-kicker.kicker-lime { color: var(--lime-primary); }
.node-heading {
	font-size: 1.15rem;
	font-weight: 700;
	color: #ffffff;
	margin: 0;
	letter-spacing: -0.01em;
}
.node-detail {
	font-size: 0.85rem;
	line-height: 1.5;
	color: #94a3b8;
	margin: 0;
}
.node-schema-box {
	background: #0f172a;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 4px;
	padding: 0.6rem 0.75rem;
	font-family: var(--product-mono);
	font-size: 0.75rem;
	color: #38bdf8;
	margin-top: auto;
}
.node-schema-box.lime-highlight {
	border-color: rgba(24, 155, 56, 0.3);
	color: var(--lime-primary);
}
.schema-status.pass {
	color: #10b981;
}

.router-branch-fork {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-top: 0.5rem;
}
.branch-card {
	background: #0f172a;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 4px;
	padding: 0.75rem;
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}
.branch-card.branch-auto {
	border-left: 3px solid var(--lime-primary);
}
.branch-card.branch-manual {
	border-left: 3px solid #f59e0b;
}
.branch-tag {
	font-family: var(--product-mono);
	font-size: 0.6rem;
	font-weight: 700;
	color: #64748b;
}
.branch-name {
	font-size: 0.85rem;
	font-weight: 600;
	color: #ffffff;
}
.branch-desc {
	font-size: 0.75rem;
	color: #94a3b8;
}

.workflow-route-arrow {
	display: flex;
	align-items: center;
	color: #64748b;
}

/* --------------------------------------------------------------------------
   05 UX + USER JOURNEYS — CONTINUOUS STATE RAIL (LIGHT)
   -------------------------------------------------------------------------- */
.lime-product-state-journey {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	width: 100%;
	margin-top: 3.5rem;
}
.journey-state-flow-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.15rem 2rem;
	background: #ffffff;
	border: 1px solid var(--product-light-border);
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}
.flow-stage {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.flow-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #94a3b8;
}
.flow-dot-lime {
	background: var(--lime-primary);
	box-shadow: 0 0 8px rgba(24, 155, 56, 0.4);
}
.flow-text {
	font-family: var(--product-mono);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #475569;
}
.flow-text-lime {
	color: var(--lime-primary);
}
.flow-arrow {
	color: #cbd5e1;
	font-weight: 700;
}

/* Continuous Rail Canvas */
.journey-rail-canvas {
	position: relative;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1.5rem;
	background: #ffffff;
	border: 1px solid var(--product-light-border);
	border-radius: 12px;
	padding: 2.75rem 2rem 2rem;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}
.journey-rail-track-line {
	position: absolute;
	top: 3.5rem;
	left: 3rem;
	right: 3rem;
	height: 2px;
	background: linear-gradient(90deg, #cbd5e1 0%, #cbd5e1 75%, var(--lime-primary) 100%);
	z-index: 1;
}
.journey-rail-node {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}
.rail-marker {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.35rem;
}
.r-step-num {
	font-family: var(--product-mono);
	font-size: 0.75rem;
	font-weight: 800;
	color: #64748b;
}
.r-step-num.r-lime {
	color: var(--lime-primary);
}
.r-dot {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #ffffff;
	border: 3px solid #64748b;
	box-sizing: border-box;
}
.r-dot-lime {
	border-color: var(--lime-primary);
	background: var(--lime-primary);
	box-shadow: 0 0 10px rgba(24, 155, 56, 0.4);
}
.r-transition-tag {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: #94a3b8;
}
.r-transition-tag.tag-lime {
	color: var(--lime-primary);
}

.rail-card {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 1.5rem 1.25rem;
	display: flex;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
}
.rail-card.card-accented {
	background: #ffffff;
	border-color: rgba(24, 155, 56, 0.4);
	box-shadow: 0 4px 15px rgba(24, 155, 56, 0.08);
}
.j-stage-badge {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #64748b;
	margin-bottom: 0.5rem;
	display: inline-block;
}
.j-stage-badge.badge-lime {
	color: var(--lime-primary);
}
.journey-title {
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.3;
	color: #0f172a;
	margin: 0 0 0.5rem;
}
.journey-desc {
	font-size: 0.85rem;
	line-height: 1.5;
	color: #64748b;
	margin: 0 0 1.25rem;
	flex-grow: 1;
}
.journey-ui-mock {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	padding: 0.85rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.rail-card.card-accented .journey-ui-mock {
	background: #f8fafc;
	border-color: rgba(24, 155, 56, 0.2);
}
.mock-nav-pill { height: 8px; width: 45%; background: var(--lime-primary); border-radius: 4px; }
.mock-card-strip { height: 14px; width: 85%; background: #e2e8f0; border-radius: 2px; }
.mock-form-field { height: 14px; width: 100%; background: #e2e8f0; border-radius: 2px; }
.mock-form-field.short { width: 60%; }
.mock-btn-group { display: flex; gap: 0.5rem; }
.mock-btn-group .m-btn { height: 18px; border-radius: 2px; }
.m-btn.btn-secondary { width: 35%; background: #cbd5e1; }
.m-btn.btn-primary { width: 65%; background: var(--lime-primary); }
.mock-alert-pill { display: flex; align-items: center; gap: 0.4rem; color: #10b981; font-weight: 700; }
.mock-alert-pill .alert-line { height: 6px; width: 65%; background: #10b981; border-radius: 2px; }
.mock-success-badge { height: 18px; width: 40%; background: var(--lime-primary); border-radius: 3px; }
.mock-receipt-strip { height: 6px; width: 75%; background: #cbd5e1; border-radius: 2px; }

/* --------------------------------------------------------------------------
   06 DESIGN SYSTEMS (LIGHT / WHITE)
   -------------------------------------------------------------------------- */
.lime-design-system-layers {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
	margin-top: 3.5rem;
}
.ds-layer-column {
	background: var(--product-light-bg);
	border: 1px solid var(--product-light-border);
	border-radius: 6px;
	padding: 1.75rem 1.5rem;
	display: flex;
	flex-direction: column;
}
.layer-header-tag {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #64748b;
	letter-spacing: 0.1em;
	margin-bottom: 0.5rem;
}
.layer-header-tag.layer-tag-lime { color: var(--lime-primary); }
.layer-title {
	font-size: 1.15rem;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 1.5rem;
	letter-spacing: -0.01em;
}

/* DS Column 1: Tokens */
.tokens-stack {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}
.token-group .token-label {
	display: block;
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #64748b;
	margin-bottom: 0.5rem;
}
.color-swatches-row { display: flex; gap: 0.5rem; }
.color-swatches-row .swatch { width: 24px; height: 24px; border-radius: 4px; }
.swatch-dark { background: #0f172a; }
.swatch-slate { background: #475569; }
.swatch-lime { background: var(--lime-primary); }
.swatch-light { background: #e2e8f0; border: 1px solid #cbd5e1; }
.type-spec-lines { display: flex; flex-direction: column; gap: 0.35rem; }
.spec-line { font-family: var(--product-mono); font-size: 0.75rem; color: #334155; }
.radius-boxes-row { display: flex; gap: 0.5rem; }
.r-box {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	padding: 0.3rem 0.5rem;
	background: #ffffff;
	border: 1px solid #cbd5e1;
}
.r-sm { border-radius: 4px; }
.r-md { border-radius: 8px; }
.r-lg { border-radius: 12px; }

/* DS Column 2: Primitives */
.primitives-stack {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}
.mock-button-states {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.mock-btn-primitive {
	font-size: 0.75rem;
	font-weight: 600;
	text-align: center;
	padding: 0.5rem;
	border-radius: 4px;
}
.btn-p-primary { background: var(--lime-primary); color: #ffffff; }
.btn-p-secondary { background: #ffffff; border: 1px solid #cbd5e1; color: #334155; }
.mock-input-primitive { display: flex; flex-direction: column; gap: 0.35rem; }
.input-primitive-label { font-size: 0.7rem; font-weight: 600; color: #475569; }
.input-primitive-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #ffffff;
	border: 1px solid #cbd5e1;
	border-radius: 4px;
	padding: 0.4rem 0.6rem;
	font-family: var(--product-mono);
	font-size: 0.7rem;
	color: #94a3b8;
}
.mock-status-badges { display: flex; gap: 0.4rem; flex-wrap: wrap; }
.ds-status-pill {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 600;
	padding: 0.2rem 0.5rem;
	border-radius: 3px;
}
.status-ready { background: rgba(16, 185, 129, 0.15); color: #059669; }
.status-process { background: rgba(24, 155, 56, 0.15); color: var(--lime-primary); }
.status-alert { background: rgba(245, 158, 11, 0.15); color: #d97706; }

/* DS Column 3: Patterns */
.patterns-stack {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}
.mock-data-table-pattern {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 4px;
	font-family: var(--product-mono);
	font-size: 0.7rem;
	overflow: hidden;
}
.table-header-strip {
	display: flex;
	justify-content: space-between;
	background: #f1f5f9;
	padding: 0.4rem 0.6rem;
	color: #64748b;
	font-weight: 700;
}
.table-row-strip {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.4rem 0.6rem;
	border-top: 1px solid #f1f5f9;
	color: #334155;
}
.row-tag {
	font-size: 0.6rem;
	padding: 0.1rem 0.3rem;
	border-radius: 2px;
	background: #e2e8f0;
}
.row-tag.pass { background: rgba(24, 155, 56, 0.15); color: var(--lime-primary); }
.mock-split-control {
	display: flex;
	background: #e2e8f0;
	border-radius: 4px;
	padding: 2px;
}
.split-tab {
	flex: 1;
	text-align: center;
	font-family: var(--product-mono);
	font-size: 0.7rem;
	padding: 0.35rem;
	color: #64748b;
	border-radius: 3px;
}
.split-tab.active { background: #ffffff; color: #0f172a; font-weight: 700; }

/* DS Column 4: Surface */
.assembled-preview-card {
	background: #ffffff;
	border: 1px solid var(--lime-primary);
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(24, 155, 56, 0.08);
}
.app-mini-masthead {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #0f172a;
	color: #ffffff;
	padding: 0.6rem 0.75rem;
	font-family: var(--product-mono);
	font-size: 0.7rem;
}
.mini-status { color: var(--lime-primary); font-weight: 700; }
.app-mini-body { padding: 1rem; }
.mini-metric-grid { display: flex; gap: 1rem; margin-bottom: 1rem; }
.mini-metric { display: flex; flex-direction: column; }
.mini-metric .m-val { font-size: 1.25rem; font-weight: 700; color: #0f172a; line-height: 1; }
.mini-metric .m-lbl { font-size: 0.65rem; color: #64748b; }
.mini-action-bar .mini-btn {
	display: block;
	text-align: center;
	background: var(--lime-primary);
	color: #ffffff;
	font-family: var(--product-mono);
	font-size: 0.75rem;
	font-weight: 600;
	padding: 0.5rem;
	border-radius: 3px;
}

/* --------------------------------------------------------------------------
   07 APPS + DIGITAL PRODUCTS — SIGNATURE APPLICATION (DARK)
   -------------------------------------------------------------------------- */
.lime-application-environment-v5 {
	background: #1e293b;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5);
	overflow: hidden;
	margin-top: 3.5rem;
}
.app-env-topbar {
	height: 48px;
	background: #0f172a;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	display: grid;
	grid-template-columns: 240px 1fr 180px;
	align-items: center;
	padding: 0 1.25rem;
	gap: 1.5rem;
}
.env-brand-cluster {
	display: flex;
	align-items: center;
	gap: 0.6rem;
}
.env-logo-mark {
	width: 14px;
	height: 14px;
	border-radius: 3px;
	background: var(--lime-primary);
}
.env-product-name {
	font-family: var(--product-mono);
	font-size: 0.75rem;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 0.05em;
}
.env-search-wrapper {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 4px;
	padding: 0.35rem 0.75rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-family: var(--product-mono);
	font-size: 0.75rem;
	color: #64748b;
}
.env-profile-chip {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
}
.user-avatar {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #334155;
	border: 1px solid var(--lime-primary);
}
.user-name {
	font-family: var(--product-mono);
	font-size: 0.75rem;
	color: #cbd5e1;
}

/* App Split Body */
.app-env-body {
	display: grid;
	grid-template-columns: 220px 1fr 280px;
	min-height: 440px;
}
.app-sidebar-panel {
	background: #111827;
	border-right: 1px solid rgba(255, 255, 255, 0.06);
	padding: 1.5rem 1rem;
}
.app-nav-group .nav-heading {
	display: block;
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #64748b;
	letter-spacing: 0.1em;
	margin-bottom: 0.75rem;
}
.app-nav-group .nav-item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-family: var(--product-mono);
	font-size: 0.75rem;
	color: #94a3b8;
	padding: 0.4rem 0.6rem;
	border-radius: 4px;
	margin-bottom: 0.25rem;
	cursor: pointer;
}
.app-nav-group .nav-item.active {
	background: rgba(24, 155, 56, 0.15);
	color: #ffffff;
}
.app-nav-group .nav-item.active .nav-bullet { color: var(--lime-primary); }

/* Central Task Docket */
.app-central-docket {
	background: #0f172a;
	padding: 1.75rem;
	display: flex;
	flex-direction: column;
}
.docket-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5rem;
}
.docket-title {
	font-size: 1.15rem;
	font-weight: 700;
	color: #ffffff;
	margin: 0;
}
.docket-state-chip {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: var(--lime-primary);
	background: rgba(24, 155, 56, 0.15);
	padding: 0.2rem 0.5rem;
	border-radius: 3px;
	display: inline-block;
	margin-top: 0.25rem;
}
.docket-actions { display: flex; gap: 0.75rem; }
.docket-btn {
	font-family: var(--product-mono);
	font-size: 0.75rem;
	font-weight: 600;
	padding: 0.4rem 0.75rem;
	border-radius: 3px;
	border: none;
	cursor: pointer;
}
.docket-btn.btn-secondary { background: #334155; color: #ffffff; }
.docket-btn.btn-primary { background: var(--lime-primary); color: #ffffff; }

.docket-records-table {
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 4px;
	font-family: var(--product-mono);
	font-size: 0.75rem;
	overflow: hidden;
}
.docket-row {
	display: grid;
	grid-template-columns: 100px 1.5fr 110px 120px 90px;
	align-items: center;
	padding: 0.65rem 0.75rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.04);
	color: #cbd5e1;
}
.docket-header-row {
	background: #1e293b;
	font-weight: 700;
	color: #64748b;
	font-size: 0.65rem;
}
.docket-row.active-selection {
	background: rgba(24, 155, 56, 0.08);
	border-left: 3px solid var(--lime-primary);
}
.mono-id { color: #38bdf8; }
.state-badge {
	font-size: 0.65rem;
	font-weight: 700;
	padding: 0.15rem 0.4rem;
	border-radius: 2px;
	text-align: center;
	display: inline-block;
}
.state-badge.pass { background: rgba(16, 185, 129, 0.15); color: #10b981; }
.state-badge.active { background: rgba(24, 155, 56, 0.2); color: var(--lime-primary); }
.state-badge.pending { background: rgba(245, 158, 11, 0.15); color: #f59e0b; }
.payload-chip { color: #94a3b8; font-size: 0.7rem; }
.action-link { color: #94a3b8; text-decoration: underline; cursor: pointer; }
.action-link.lime { color: var(--lime-primary); font-weight: 700; text-decoration: none; }

/* Right Detail Panel */
.app-detail-panel {
	background: #111827;
	border-left: 1px solid rgba(255, 255, 255, 0.06);
	padding: 1.5rem 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}
.detail-tag {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #64748b;
}
.detail-title {
	font-size: 1.05rem;
	font-weight: 700;
	color: #ffffff;
	margin: 0.25rem 0 0;
}
.detail-metadata-block {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	font-family: var(--product-mono);
	font-size: 0.725rem;
	background: #0f172a;
	padding: 0.75rem;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.06);
}
.meta-row { display: flex; flex-direction: column; }
.meta-row .k { color: #64748b; font-size: 0.65rem; }
.meta-row .v { color: #cbd5e1; }
.detail-action-card {
	background: #1e293b;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 4px;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-top: auto;
}
.detail-action-card .card-kicker {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: var(--lime-primary);
}
.detail-action-card .card-note {
	font-size: 0.8rem;
	color: #94a3b8;
	margin: 0;
	line-height: 1.4;
}
.detail-commit-btn {
	background: var(--lime-primary);
	color: #ffffff;
	font-family: var(--product-mono);
	font-size: 0.75rem;
	font-weight: 700;
	padding: 0.5rem;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	margin-top: 0.5rem;
}

/* --------------------------------------------------------------------------
   08 DATA + INTEGRATIONS — SYSTEM CONNECTIVITY (DARK)
   -------------------------------------------------------------------------- */
.lime-integrations-architecture-v5 {
	margin-top: 3.5rem;
}
.integration-connectivity-status-bar {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2.5rem;
	padding: 0.85rem 1.75rem;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 6px;
	margin-bottom: 2.5rem;
	flex-wrap: wrap;
}
.conn-status-item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.conn-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #64748b;
}
.conn-dot-lime {
	background: var(--lime-primary);
	box-shadow: 0 0 8px rgba(24, 155, 56, 0.5);
}
.conn-label {
	font-family: var(--product-mono);
	font-size: 0.725rem;
	font-weight: 600;
	color: #94a3b8;
	letter-spacing: 0.08em;
}
.conn-label-lime {
	color: var(--lime-primary);
}

.integration-pipeline-grid {
	display: grid;
	grid-template-columns: 1fr 130px 1.4fr 130px 1fr;
	gap: 1rem;
	align-items: center;
}
.int-node-col {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.int-node-card {
	position: relative;
	background: #1e293b;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 6px;
	padding: 1.5rem;
}
.int-node-card .node-category {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: var(--lime-primary);
	letter-spacing: 0.1em;
}
.int-node-card .node-title {
	font-size: 1.15rem;
	font-weight: 700;
	color: #ffffff;
	margin: 0.35rem 0 0.5rem;
}
.int-node-card .node-desc {
	font-size: 0.85rem;
	line-height: 1.5;
	color: #94a3b8;
	margin: 0;
}
.int-port-pin {
	position: absolute;
	top: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--lime-primary);
	box-shadow: 0 0 8px rgba(24, 155, 56, 0.6);
	transform: translateY(-50%);
}
.int-port-pin.pin-right { right: -4px; }
.int-port-pin.pin-left { left: -4px; }

/* Conduit Columns */
.int-conduit-col {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	height: 100%;
	gap: 3.5rem;
}
.conduit-channel {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	position: relative;
}
.conduit-line {
	flex-grow: 1;
	height: 2px;
	background: linear-gradient(90deg, rgba(24, 155, 56, 0.4), var(--lime-primary));
}
.conduit-badge {
	font-family: var(--product-mono);
	font-size: 0.625rem;
	font-weight: 700;
	color: #cbd5e1;
	background: rgba(255, 255, 255, 0.06);
	padding: 0.2rem 0.45rem;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	white-space: nowrap;
}
.conduit-arrow {
	color: var(--lime-primary);
	font-size: 0.85rem;
	font-weight: 700;
}

/* Core Integration Hub */
.core-hub-card {
	background: #111827;
	border: 2px solid var(--lime-primary);
	border-radius: 8px;
	padding: 2.75rem 2rem;
	text-align: center;
	box-shadow: 0 15px 40px rgba(24, 155, 56, 0.12);
	position: relative;
}
.hub-tag {
	font-family: var(--product-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--lime-primary);
	letter-spacing: 0.15em;
}
.hub-title {
	font-size: 1.6rem;
	font-weight: 800;
	color: #ffffff;
	margin: 0.5rem 0 0.75rem;
}
.hub-desc {
	font-size: 0.9rem;
	line-height: 1.6;
	color: #cbd5e1;
	margin: 0 0 1.5rem;
}
.hub-status-strip {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: rgba(24, 155, 56, 0.1);
	border: 1px solid rgba(24, 155, 56, 0.25);
	padding: 0.35rem 0.75rem;
	border-radius: 4px;
}
.hub-status-strip .h-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--lime-primary);
}
.hub-status-strip .h-text {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: var(--lime-primary);
}

/* --------------------------------------------------------------------------
   09 OPERATIONAL TOOLS — INTERNAL WORKSPACES (LIGHT)
   -------------------------------------------------------------------------- */
.lime-operational-tools-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
	margin-top: 3.5rem;
}
.op-tool-card {
	background: #ffffff;
	border: 1px solid var(--product-light-border);
	border-radius: 6px;
	padding: 1.75rem 1.5rem;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}
.op-tool-card.card-triage { border-top: 3px solid var(--lime-primary); }
.op-tool-card.card-governance { border-top: 3px solid #3b82f6; }
.op-tool-card.card-telemetry { border-top: 3px solid #10b981; }
.op-tool-card.card-audit { border-top: 3px solid #8b5cf6; }

.tool-icon-strip {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}
.tool-num {
	font-family: var(--product-mono);
	font-size: 1.25rem;
	font-weight: 300;
	color: #64748b;
}
.tool-tag {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: var(--lime-primary);
	background: rgba(24, 155, 56, 0.08);
	padding: 0.2rem 0.4rem;
	border-radius: 3px;
}
.tool-title {
	font-size: 1.1rem;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 0.5rem;
}
.tool-desc {
	font-size: 0.85rem;
	line-height: 1.5;
	color: #475569;
	margin: 0 0 1.5rem;
	flex-grow: 1;
}

/* Operational UI Mocks */
.tool-ui-mock {
	margin-top: auto;
	height: 64px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 4px;
	padding: 0.65rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.35rem;
}
.q-channel-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.25rem;
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #64748b;
}
.q-state.active { color: var(--lime-primary); }
.q-strip { height: 5px; border-radius: 2px; }
.q-strip.high { width: 90%; background: #ef4444; }
.q-strip.medium { width: 65%; background: #f59e0b; }
.q-strip.standard { width: 40%; background: var(--lime-primary); }

.mock-approvals {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}
.appr-badge {
	font-family: var(--product-mono);
	font-size: 0.675rem;
	font-weight: 600;
	padding: 0.25rem 0.5rem;
	border-radius: 3px;
}
.appr-badge.pass {
	background: rgba(16, 185, 129, 0.12);
	color: #059669;
}
.appr-badge.wait {
	background: #f1f5f9;
	color: #64748b;
}

.mock-status .stat-line {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	font-family: var(--product-mono);
	font-size: 0.725rem;
	font-weight: 700;
	color: #0f172a;
}
.mock-status .s-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #10b981;
}
.mock-status .stat-subline {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 600;
	color: #64748b;
}
.mock-status .pulse-indicator {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--lime-primary);
}

.mock-audit .audit-row {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	color: #475569;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.mock-audit .time { color: #64748b; font-weight: 700; }
.mock-audit .audit-action.pass { color: var(--lime-primary); font-weight: 700; }

/* --------------------------------------------------------------------------
   10 QUALITY + ITERATION — RELIABILITY & EVOLUTION (LIGHT/WHITE)
   -------------------------------------------------------------------------- */
.lime-quality-matrix-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
	margin-top: 3.5rem;
}
.quality-pillar-card {
	background: var(--product-light-bg);
	border: 1px solid var(--product-light-border);
	border-radius: 6px;
	padding: 1.75rem 1.5rem;
	display: flex;
	flex-direction: column;
}
.qp-badge {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #64748b;
	letter-spacing: 0.1em;
	margin-bottom: 0.5rem;
}
.qp-title {
	font-size: 1.15rem;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 0.75rem;
}
.qp-desc {
	font-size: 0.85rem;
	line-height: 1.5;
	color: #475569;
	margin: 0 0 1.5rem;
}
.qp-checklist {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	font-family: var(--product-mono);
	font-size: 0.725rem;
	color: #0f172a;
}
.check-item { color: #334155; }

/* --------------------------------------------------------------------------
   11 METHODOLOGY — WIDE ARCHITECTURAL LIFECYCLE ROUTE (LIGHT)
   -------------------------------------------------------------------------- */
.lime-methodology-lifecycle-canvas {
	position: relative;
	background: #ffffff;
	border: 1px solid var(--product-light-border);
	border-radius: 12px;
	padding: 2.75rem 2rem 2rem;
	margin-top: 3.5rem;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}
.lifecycle-spine-bar {
	position: absolute;
	top: 3.5rem;
	left: 3rem;
	right: 3rem;
	display: flex;
	align-items: center;
	z-index: 1;
}
.spine-line {
	flex-grow: 1;
	height: 2px;
	background: linear-gradient(90deg, #cbd5e1 0%, #cbd5e1 75%, var(--lime-primary) 100%);
}
.spine-arrow-head {
	color: var(--lime-primary);
	font-weight: 700;
	font-size: 1rem;
	margin-left: -4px;
}
.lifecycle-stages-row {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1.5rem;
}
.lifecycle-stage-node {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}
.stage-pin {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.35rem;
}
.pin-num {
	font-family: var(--product-mono);
	font-size: 0.75rem;
	font-weight: 800;
	color: #64748b;
}
.pin-num.pin-lime {
	color: var(--lime-primary);
}
.pin-dot {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #ffffff;
	border: 3px solid #64748b;
	box-sizing: border-box;
}
.pin-dot-lime {
	border-color: var(--lime-primary);
	background: var(--lime-primary);
	box-shadow: 0 0 10px rgba(24, 155, 56, 0.4);
}
.stage-box {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 1.5rem 1.25rem;
	display: flex;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
}
.stage-box.box-accented {
	background: #ffffff;
	border-color: rgba(24, 155, 56, 0.4);
	box-shadow: 0 4px 15px rgba(24, 155, 56, 0.08);
}
.stage-tag {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #64748b;
	margin-bottom: 0.5rem;
	display: inline-block;
}
.stage-tag.tag-lime {
	color: var(--lime-primary);
}
.stage-name {
	font-size: 1.15rem;
	font-weight: 800;
	color: #0f172a;
	margin: 0 0 0.5rem;
	text-transform: uppercase;
}
.stage-summary {
	font-size: 0.85rem;
	line-height: 1.5;
	color: #64748b;
	margin: 0 0 1.25rem;
	flex-grow: 1;
}
.stage-output {
	font-family: var(--product-mono);
	font-size: 0.7rem;
	color: #334155;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 4px;
	padding: 0.5rem 0.65rem;
	line-height: 1.35;
}
.stage-box.box-accented .stage-output {
	background: #f8fafc;
	border-color: rgba(24, 155, 56, 0.2);
}
.out-lbl {
	font-weight: 700;
	color: var(--lime-primary);
}

/* --------------------------------------------------------------------------
   12 WHY LIME — CONNECTED PRODUCT LAYERS STACK (DARK)
   -------------------------------------------------------------------------- */
.lime-connected-product-stack {
	display: grid;
	grid-template-columns: 1.25fr 1fr;
	gap: 3rem;
	align-items: stretch;
	margin-top: 3.5rem;
}
.product-layers-stack-col {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}
.stack-layer {
	display: flex;
	align-items: stretch;
	background: #1e293b;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	overflow: hidden;
}
.layer-indicator {
	width: 54px;
	background: #0f172a;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	border-right: 1px solid rgba(255, 255, 255, 0.06);
	flex-shrink: 0;
}
.l-num {
	font-family: var(--product-mono);
	font-size: 0.75rem;
	font-weight: 700;
	color: #64748b;
}
.l-bar {
	width: 4px;
	height: 16px;
	background: #334155;
	border-radius: 2px;
}
.l-bar-lime {
	background: var(--lime-primary);
	box-shadow: 0 0 8px rgba(24, 155, 56, 0.4);
}
.layer-content {
	padding: 1.15rem 1.5rem;
	flex-grow: 1;
}
.layer-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.35rem;
}
.layer-tag {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #64748b;
	letter-spacing: 0.08em;
}
.layer-tag.tag-lime { color: var(--lime-primary); }
.layer-route-state {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: #94a3b8;
}
.layer-route-state.state-lime { color: var(--lime-primary); }
.layer-name {
	font-size: 1.1rem;
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 0.35rem;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}
.layer-desc {
	font-size: 0.85rem;
	line-height: 1.45;
	color: #94a3b8;
	margin: 0;
}

.product-layers-synthesis-col {
	display: flex;
	flex-direction: column;
}
.why-resolution-card {
	background: radial-gradient(circle at top right, rgba(24, 155, 56, 0.1) 0%, #1e293b 70%);
	border: 1px solid rgba(24, 155, 56, 0.3);
	border-radius: 12px;
	padding: 3rem 2.5rem;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.res-crosshair {
	width: 24px;
	height: 24px;
	border-top: 2px solid var(--lime-primary);
	border-left: 2px solid var(--lime-primary);
	margin-bottom: 1.25rem;
}
.res-status-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	font-family: var(--product-mono);
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--lime-primary);
	background: rgba(24, 155, 56, 0.1);
	padding: 0.25rem 0.65rem;
	border-radius: 4px;
	margin-bottom: 1rem;
	align-self: flex-start;
}
.res-status-chip .dot-lime {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--lime-primary);
}
.res-eyebrow {
	font-family: var(--product-mono);
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--lime-primary);
	letter-spacing: 0.15em;
	text-transform: uppercase;
	margin-bottom: 0.75rem;
	display: block;
}
.res-title {
	font-size: 1.75rem;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 1rem;
	text-transform: uppercase;
	line-height: 1.2;
}
.res-body {
	font-size: 0.95rem;
	line-height: 1.6;
	color: #94a3b8;
	margin: 0 0 2rem;
}
.res-lock-indicators {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	padding-top: 1.5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.lock-item {
	font-family: var(--product-mono);
	font-size: 0.775rem;
	color: #cbd5e1;
	font-weight: 600;
}

/* --------------------------------------------------------------------------
   13 FAQ (LIGHT)
   -------------------------------------------------------------------------- */
.lime-faq-layout-v5 {
	display: grid;
	grid-template-columns: 320px 1fr;
	gap: 4rem;
	align-items: start;
}
.lime-faq-sidebar {
	position: sticky;
	top: 120px;
}
.faq-sidebar-intro {
	font-size: 1rem;
	line-height: 1.6;
	color: #475569;
	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(--product-light-border);
	border-radius: 6px;
	padding: 1.5rem 1.75rem;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}
.lime-faq-q {
	font-size: 1.15rem;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 0.75rem;
	line-height: 1.35;
}
.lime-faq-a p {
	font-size: 0.95rem;
	line-height: 1.6;
	color: #475569;
	margin: 0;
}

/* --------------------------------------------------------------------------
   14 FINAL CTA — FULL-WIDTH PRODUCT ATMOSPHERE (DARK)
   -------------------------------------------------------------------------- */
.lime-product-content .lime-product-cta-fullwidth {
	position: relative;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	padding: 7.5rem 0;
	background-color: #0b0f19 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	box-sizing: border-box;
	overflow: hidden;
}
.cta-fullwidth-backdrop {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: radial-gradient(circle at 80% 50%, rgba(24, 155, 56, 0.06) 0%, transparent 60%);
}
.bp-grid-pattern {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
	background-size: 32px 32px;
}
.lime-container-wide {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 2rem;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}
.lime-cta-split-layout {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 4.5rem;
	align-items: center;
}
.cta-headline {
	font-size: 3.25rem;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.03em;
	color: #ffffff;
	margin: 0.5rem 0 1.5rem;
	text-transform: uppercase;
}
.cta-supporting-text {
	font-size: 1.2rem;
	line-height: 1.6;
	color: #94a3b8;
	margin-bottom: 2.25rem;
}
.cta-action-cluster {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: flex-start;
}
.cta-meta-note {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-family: var(--product-mono);
	font-size: 0.725rem;
	color: #64748b;
}
.cta-meta-note .meta-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--lime-primary);
}

/* Right Schematic Wireframe */
.cta-system-schematic {
	background: #111827;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.5);
}
.schematic-topbar {
	height: 38px;
	background: #0f172a;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	align-items: center;
	padding: 0 1rem;
	gap: 0.5rem;
}
.sch-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
}
.sch-dot.red { background: #ef4444; opacity: 0.8; }
.sch-dot.yellow { background: #f59e0b; opacity: 0.8; }
.sch-dot.green { background: #10b981; opacity: 0.8; }
.sch-file-name {
	font-family: var(--product-mono);
	font-size: 0.7rem;
	color: #cbd5e1;
	margin-left: 0.5rem;
	flex-grow: 1;
}
.sch-badge {
	font-family: var(--product-mono);
	font-size: 0.65rem;
	font-weight: 700;
	color: var(--lime-primary);
	background: rgba(24, 155, 56, 0.1);
	padding: 0.15rem 0.45rem;
	border-radius: 3px;
}
.schematic-body {
	padding: 1.75rem 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1.75rem;
}
.sch-node-path {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1.25rem;
	background: #0f172a;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 6px;
}
.sch-step {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.sch-step-tag {
	font-family: var(--product-mono);
	font-size: 0.6rem;
	color: #64748b;
	font-weight: 700;
}
.sch-step-tag.tag-lime { color: var(--lime-primary); }
.sch-step-title {
	font-size: 0.85rem;
	font-weight: 700;
	color: #ffffff;
}
.sch-interface-layers {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.layer-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.65rem 0.85rem;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 4px;
	font-family: var(--product-mono);
	font-size: 0.725rem;
}
.layer-bar .l-lbl { color: #cbd5e1; font-weight: 600; }
.layer-bar .l-stat { color: var(--lime-primary); font-size: 0.675rem; }

/* --------------------------------------------------------------------------
   RESPONSIVE ARCHITECTURE
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
	.lime-product-content .lime-product-hero {
		margin-top: 0 !important;
		padding-top: 100px !important;
	}
	.lime-product-hero-layout {
		grid-template-columns: 1fr;
		gap: 3.5rem;
	}
	.lime-pathway-stages-v5 {
		grid-template-columns: repeat(3, 1fr);
		gap: 2rem;
	}
	.lime-pathway-track-v5 { display: none; }
	.lime-strategy-brief-grid {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}
	.lime-workflow-canvas-v5 {
		flex-direction: column;
		gap: 2rem;
	}
	.workflow-route-arrow {
		transform: rotate(90deg);
		align-self: center;
		padding: 0.5rem 0;
	}
	.journey-rail-canvas {
		grid-template-columns: repeat(3, 1fr);
		gap: 1.5rem;
	}
	.journey-rail-track-line { display: none; }
	.lifecycle-stages-row {
		grid-template-columns: repeat(3, 1fr);
		gap: 1.5rem;
	}
	.lifecycle-spine-bar { display: none; }
	.lime-design-system-layers {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5rem;
	}
	.app-env-topbar {
		grid-template-columns: 1fr auto;
	}
	.env-search-wrapper { display: none; }
	.app-env-body {
		grid-template-columns: 1fr;
	}
	.app-sidebar-panel, .app-detail-panel { display: none; }
	.integration-pipeline-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	.int-conduit-col { display: none; }
	.lime-operational-tools-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.lime-quality-matrix-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.lime-connected-product-stack {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}
	.lime-faq-layout-v5 {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}
	.lime-faq-sidebar { position: static; }
	.lime-cta-split-layout {
		grid-template-columns: 1fr;
		gap: 3rem;
	}
}

@media (max-width: 768px) {
	.lime-product-content .lime-product-hero {
		margin-top: 0 !important;
		padding-top: 88px !important;
	}
	.lime-product-content .lime-section {
		padding: 4.5rem 0;
	}
	.lime-product-content .lime-h2 {
		font-size: 2.25rem;
	}
	.lime-product-hero-copy .lime-h1 {
		font-size: 2.5rem;
	}
	.lime-pathway-stages-v5 {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
	.synthesis-deliverables-grid {
		grid-template-columns: 1fr;
	}
	.journey-state-flow-bar { display: none; }
	.journey-rail-canvas {
		grid-template-columns: 1fr;
		padding: 1.75rem 1.25rem;
	}
	.lifecycle-stages-row {
		grid-template-columns: 1fr;
		padding: 1.75rem 1.25rem;
	}
	.lime-design-system-layers {
		grid-template-columns: 1fr;
	}
	.lime-operational-tools-grid {
		grid-template-columns: 1fr;
	}
	.lime-quality-matrix-grid {
		grid-template-columns: 1fr;
	}
	.why-resolution-card {
		padding: 2rem 1.5rem;
	}
	.cta-headline {
		font-size: 2.25rem;
	}
	.workspace-viewport {
		grid-template-columns: 1fr;
	}
	.workspace-sidebar-rail, .workspace-inspector-rail {
		display: none;
	}
	.docket-row {
		grid-template-columns: 80px 1fr 90px;
	}
	.docket-row span:nth-child(4), .docket-row span:nth-child(5) {
		display: none;
	}
}

@media (max-width: 430px) {
	.lime-product-content .lime-h2 {
		font-size: 1.95rem;
	}
	.lime-product-hero-copy .lime-h1 {
		font-size: 2.15rem;
	}
	.brief-synthesis-canvas {
		padding: 1.5rem 1.25rem;
	}
	.workspace-chrome-bar {
		padding: 0 0.75rem;
	}
	.chrome-title-tab {
		max-width: 180px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.chrome-meta-indicators {
		display: none;
	}
	.cta-headline {
		font-size: 1.95rem;
	}
}

/* ==========================================================================
   PHASE 3F-V3: CONTROLLED MOTION SYSTEM — APPS & DIGITAL PRODUCTS
   Engineered • Systematic • Architectural • One-Time Execution
   ========================================================================== */

@media (prefers-reduced-motion: no-preference) {

	/* --------------------------------------------------------------------------
	   01 HERO — PRODUCT STUDIO ARCHITECTURE
	   -------------------------------------------------------------------------- */
	.lime-product-hero.lime-reveal-trigger.lime-reveal-ready .product-workspace-window {
		opacity: 0;
		transform: translateY(14px) scale(0.99);
	}
	.lime-product-hero.lime-reveal-trigger.lime-reveal-ready .workspace-sidebar-rail .rail-group-title,
	.lime-product-hero.lime-reveal-trigger.lime-reveal-ready .workspace-sidebar-rail .tree-item {
		opacity: 0;
		transform: translateX(-8px);
	}
	.lime-product-hero.lime-reveal-trigger.lime-reveal-ready .node-user,
	.lime-product-hero.lime-reveal-trigger.lime-reveal-ready .node-logic,
	.lime-product-hero.lime-reveal-trigger.lime-reveal-ready .node-output {
		opacity: 0;
		transform: translateY(8px) scale(0.97);
	}
	.lime-product-hero.lime-reveal-trigger.lime-reveal-ready .canvas-connector-line {
		transform: scaleX(0);
		transform-origin: left center;
		opacity: 0;
	}
	.lime-product-hero.lime-reveal-trigger.lime-reveal-ready .canvas-cursor-indicator {
		opacity: 0;
		transform: translate(-12px, 12px);
	}
	.lime-product-hero.lime-reveal-trigger.lime-reveal-ready .workspace-inspector-rail .inspector-field,
	.lime-product-hero.lime-reveal-trigger.lime-reveal-ready .workspace-inspector-rail .binding-card {
		opacity: 0;
		transform: translateX(8px);
	}

	.lime-product-hero.lime-reveal-active .product-workspace-window {
		animation: limeStudioSurfaceIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.1s;
	}
	.lime-product-hero.lime-reveal-active .workspace-sidebar-rail .rail-group-title {
		animation: limeFadeIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.35s;
	}
	.lime-product-hero.lime-reveal-active .workspace-sidebar-rail .tree-item:nth-child(2) {
		animation: limeTreeItemIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.45s;
	}
	.lime-product-hero.lime-reveal-active .workspace-sidebar-rail .tree-item:nth-child(3) {
		animation: limeTreeItemIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.55s;
	}
	.lime-product-hero.lime-reveal-active .workspace-sidebar-rail .tree-item:nth-child(4) {
		animation: limeTreeItemIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.65s;
	}
	.lime-product-hero.lime-reveal-active .workspace-sidebar-rail .tree-item:nth-child(5) {
		animation: limeTreeItemIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.75s;
	}
	.lime-product-hero.lime-reveal-active .workspace-sidebar-rail .tree-item:nth-child(6) {
		animation: limeTreeItemIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.85s;
	}
	.lime-product-hero.lime-reveal-active .workspace-sidebar-rail .tree-item:nth-child(7) {
		animation: limeTreeItemIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.95s;
	}

	.lime-product-hero.lime-reveal-active .node-user {
		animation: limeNodeIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.6s;
	}
	.lime-product-hero.lime-reveal-active .conn-1 {
		animation: limeDrawConduit 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.9s;
	}
	.lime-product-hero.lime-reveal-active .node-logic {
		animation: limeNodeIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.1s;
	}
	.lime-product-hero.lime-reveal-active .conn-2 {
		animation: limeDrawConduit 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.35s;
	}
	.lime-product-hero.lime-reveal-active .node-output {
		animation: limeNodeIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.55s;
	}
	.lime-product-hero.lime-reveal-active .canvas-cursor-indicator {
		animation: limeCursorSettle 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.75s;
	}

	.lime-product-hero.lime-reveal-active .workspace-inspector-rail .inspector-field:nth-child(2) {
		animation: limeFadeInRight 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.25s;
	}
	.lime-product-hero.lime-reveal-active .workspace-inspector-rail .inspector-field:nth-child(3) {
		animation: limeFadeInRight 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.4s;
	}
	.lime-product-hero.lime-reveal-active .workspace-inspector-rail .inspector-field:nth-child(4) {
		animation: limeFadeInRight 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.55s;
	}
	.lime-product-hero.lime-reveal-active .workspace-inspector-rail .binding-card {
		animation: limeFadeInRight 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.7s;
	}

	/* --------------------------------------------------------------------------
	   02 DIRECT ANSWER — PRODUCT STATE PATHWAY
	   -------------------------------------------------------------------------- */
	.lime-product-direct-answer.lime-reveal-trigger.lime-reveal-ready .lime-pathway-progress-line {
		transform: scaleX(0);
		transform-origin: left center;
	}
	.lime-product-direct-answer.lime-reveal-trigger.lime-reveal-ready .lime-pathway-item {
		opacity: 0;
		transform: translateY(12px);
	}
	.lime-product-direct-answer.lime-reveal-active .lime-pathway-progress-line {
		animation: limeDrawTrack 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
	}
	.lime-product-direct-answer.lime-reveal-active .lime-pathway-item {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	}
	.lime-product-direct-answer.lime-reveal-active .lime-pathway-item:nth-child(1) { animation-delay: 0.2s; }
	.lime-product-direct-answer.lime-reveal-active .lime-pathway-item:nth-child(2) { animation-delay: 0.4s; }
	.lime-product-direct-answer.lime-reveal-active .lime-pathway-item:nth-child(3) { animation-delay: 0.6s; }
	.lime-product-direct-answer.lime-reveal-active .lime-pathway-item:nth-child(4) { animation-delay: 0.8s; }
	.lime-product-direct-answer.lime-reveal-active .lime-pathway-item:nth-child(5) { animation-delay: 1.05s; }

	/* --------------------------------------------------------------------------
	   03 PRODUCT STRATEGY — ARCHITECTURAL BRIEF
	   -------------------------------------------------------------------------- */
	.lime-product-strategy.lime-reveal-trigger.lime-reveal-ready .brief-input-card {
		opacity: 0;
		transform: translateX(-12px);
	}
	.lime-product-strategy.lime-reveal-trigger.lime-reveal-ready .brief-synthesis-canvas {
		opacity: 0;
		transform: translateY(14px);
	}
	.lime-product-strategy.lime-reveal-trigger.lime-reveal-ready .del-card {
		opacity: 0;
		transform: translateY(8px);
	}
	.lime-product-strategy.lime-reveal-active .brief-input-card {
		animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	}
	.lime-product-strategy.lime-reveal-active .brief-input-card:nth-child(1) { animation-delay: 0.15s; }
	.lime-product-strategy.lime-reveal-active .brief-input-card:nth-child(2) { animation-delay: 0.3s; }
	.lime-product-strategy.lime-reveal-active .brief-input-card:nth-child(3) { animation-delay: 0.45s; }
	.lime-product-strategy.lime-reveal-active .brief-input-card:nth-child(4) { animation-delay: 0.6s; }
	.lime-product-strategy.lime-reveal-active .brief-input-card:nth-child(5) { animation-delay: 0.75s; }
	.lime-product-strategy.lime-reveal-active .brief-synthesis-canvas {
		animation: limeStudioSurfaceIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.5s;
	}
	.lime-product-strategy.lime-reveal-active .del-card {
		animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	}
	.lime-product-strategy.lime-reveal-active .del-card:nth-child(1) { animation-delay: 0.9s; }
	.lime-product-strategy.lime-reveal-active .del-card:nth-child(2) { animation-delay: 1.05s; }
	.lime-product-strategy.lime-reveal-active .del-card:nth-child(3) { animation-delay: 1.2s; }
	.lime-product-strategy.lime-reveal-active .del-card:nth-child(4) { animation-delay: 1.35s; }

	/* --------------------------------------------------------------------------
	   04 WORKFLOW ARCHITECTURE — SIGNATURE MOTION
	   -------------------------------------------------------------------------- */
	.lime-product-workflow.lime-reveal-trigger.lime-reveal-ready .workflow-stage-column {
		opacity: 0;
		transform: translateY(14px);
	}
	.lime-product-workflow.lime-reveal-trigger.lime-reveal-ready .workflow-route-arrow {
		opacity: 0;
		transform: scale(0.7);
	}
	.lime-product-workflow.lime-reveal-trigger.lime-reveal-ready .router-choice-box {
		opacity: 0;
		transform: translateX(10px);
	}
	.lime-product-workflow.lime-reveal-active .stage-ingest {
		animation: limeFadeInUp 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
	}
	.lime-product-workflow.lime-reveal-active .workflow-route-arrow:nth-of-type(1) {
		animation: limeScaleIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.5s;
	}
	.lime-product-workflow.lime-reveal-active .stage-validation {
		animation: limeFadeInUp 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.7s;
	}
	.lime-product-workflow.lime-reveal-active .workflow-route-arrow:nth-of-type(2) {
		animation: limeScaleIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.05s;
	}
	.lime-product-workflow.lime-reveal-active .stage-router {
		animation: limeFadeInUp 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.2s;
	}
	.lime-product-workflow.lime-reveal-active .router-choice-box.choice-primary {
		animation: limeFadeInLeft 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.45s;
	}
	.lime-product-workflow.lime-reveal-active .router-choice-box:nth-child(2) {
		animation: limeFadeInLeft 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.6s;
	}
	.lime-product-workflow.lime-reveal-active .workflow-route-arrow:nth-of-type(3) {
		animation: limeScaleIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.7s;
	}
	.lime-product-workflow.lime-reveal-active .stage-action {
		animation: limeFadeInUp 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.85s;
	}

	/* --------------------------------------------------------------------------
	   05 UX JOURNEY — CONTINUOUS PRODUCT STATE RAIL
	   -------------------------------------------------------------------------- */
	.lime-product-ux.lime-reveal-trigger.lime-reveal-ready .journey-state-flow-bar {
		opacity: 0;
		transform: translateY(-8px);
	}
	.lime-product-ux.lime-reveal-trigger.lime-reveal-ready .journey-rail-track-line {
		transform: scaleX(0);
		transform-origin: left center;
	}
	.lime-product-ux.lime-reveal-trigger.lime-reveal-ready .journey-rail-node {
		opacity: 0;
		transform: translateY(14px);
	}
	.lime-product-ux.lime-reveal-active .journey-state-flow-bar {
		animation: limeFadeIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.1s;
	}
	.lime-product-ux.lime-reveal-active .journey-rail-track-line {
		animation: limeDrawTrack 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.2s;
	}
	.lime-product-ux.lime-reveal-active .node-entry {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.25s;
	}
	.lime-product-ux.lime-reveal-active .node-init {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.5s;
	}
	.lime-product-ux.lime-reveal-active .node-decide {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.75s;
	}
	.lime-product-ux.lime-reveal-active .node-validate {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s;
	}
	.lime-product-ux.lime-reveal-active .node-resolve {
		animation: limeNodeHighlightIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.25s;
	}

	/* --------------------------------------------------------------------------
	   06 DESIGN SYSTEM — LAYER HIERARCHY
	   -------------------------------------------------------------------------- */
	.lime-product-design-system.lime-reveal-trigger.lime-reveal-ready .ds-layer-column {
		opacity: 0;
		transform: translateY(14px);
	}
	.lime-product-design-system.lime-reveal-active .layer-tokens {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
	}
	.lime-product-design-system.lime-reveal-active .layer-primitives {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.45s;
	}
	.lime-product-design-system.lime-reveal-active .layer-patterns {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.75s;
	}
	.lime-product-design-system.lime-reveal-active .layer-surface {
		animation: limeFadeInUp 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.05s;
	}

	/* --------------------------------------------------------------------------
	   07 APPLICATION EXPERIENCE — SIGNATURE RUNTIME INITIALIZATION
	   -------------------------------------------------------------------------- */
	.lime-product-apps.lime-reveal-trigger.lime-reveal-ready .app-env-topbar {
		opacity: 0;
		transform: translateY(-8px);
	}
	.lime-product-apps.lime-reveal-trigger.lime-reveal-ready .app-sidebar-panel {
		opacity: 0;
		transform: translateX(-10px);
	}
	.lime-product-apps.lime-reveal-trigger.lime-reveal-ready .app-central-docket {
		opacity: 0;
		transform: translateY(12px);
	}
	.lime-product-apps.lime-reveal-trigger.lime-reveal-ready .docket-row:not(.docket-header-row) {
		opacity: 0;
		transform: translateX(-6px);
	}
	.lime-product-apps.lime-reveal-trigger.lime-reveal-ready .app-detail-panel {
		opacity: 0;
		transform: translateX(10px);
	}
	.lime-product-apps.lime-reveal-trigger.lime-reveal-ready .detail-action-card {
		opacity: 0;
		transform: translateY(8px);
	}

	.lime-product-apps.lime-reveal-active .app-env-topbar {
		animation: limeFadeInDown 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
	}
	.lime-product-apps.lime-reveal-active .app-sidebar-panel {
		animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.4s;
	}
	.lime-product-apps.lime-reveal-active .app-central-docket {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.6s;
	}
	.lime-product-apps.lime-reveal-active .docket-row:nth-child(2) {
		animation: limeFadeInLeft 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.8s;
	}
	.lime-product-apps.lime-reveal-active .docket-row:nth-child(3) {
		animation: limeFadeInLeft 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s;
	}
	.lime-product-apps.lime-reveal-active .docket-row:nth-child(4) {
		animation: limeFadeInLeft 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.2s;
	}
	.lime-product-apps.lime-reveal-active .app-detail-panel {
		animation: limeFadeInRight 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.35s;
	}
	.lime-product-apps.lime-reveal-active .detail-action-card {
		animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.6s;
	}

	/* --------------------------------------------------------------------------
	   08 DATA + INTEGRATIONS — SIGNATURE BI-DIRECTIONAL BUS
	   -------------------------------------------------------------------------- */
	.lime-product-integrations.lime-reveal-trigger.lime-reveal-ready .integration-connectivity-status-bar {
		opacity: 0;
		transform: translateY(-8px);
	}
	.lime-product-integrations.lime-reveal-trigger.lime-reveal-ready .int-core-hub {
		opacity: 0;
		transform: scale(0.95);
	}
	.lime-product-integrations.lime-reveal-trigger.lime-reveal-ready .conduit-line {
		transform: scaleX(0);
	}
	.lime-product-integrations.lime-reveal-trigger.lime-reveal-ready .conduit-badge,
	.lime-product-integrations.lime-reveal-trigger.lime-reveal-ready .conduit-arrow {
		opacity: 0;
	}
	.lime-product-integrations.lime-reveal-trigger.lime-reveal-ready .int-sources .int-node-card {
		opacity: 0;
		transform: translateX(-12px);
	}
	.lime-product-integrations.lime-reveal-trigger.lime-reveal-ready .int-destinations .int-node-card {
		opacity: 0;
		transform: translateX(12px);
	}

	.lime-product-integrations.lime-reveal-active .integration-connectivity-status-bar {
		animation: limeFadeIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
	}
	.lime-product-integrations.lime-reveal-active .int-core-hub {
		animation: limeStudioSurfaceIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.35s;
	}
	.lime-product-integrations.lime-reveal-active .conduit-left .conduit-line {
		transform-origin: right center;
		animation: limeDrawTrack 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.7s;
	}
	.lime-product-integrations.lime-reveal-active .conduit-right .conduit-line {
		transform-origin: left center;
		animation: limeDrawTrack 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.7s;
	}
	.lime-product-integrations.lime-reveal-active .conduit-badge,
	.lime-product-integrations.lime-reveal-active .conduit-arrow {
		animation: limeFadeIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.95s;
	}
	.lime-product-integrations.lime-reveal-active .int-sources .int-node-card:nth-child(1) {
		animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.1s;
	}
	.lime-product-integrations.lime-reveal-active .int-sources .int-node-card:nth-child(2) {
		animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.25s;
	}
	.lime-product-integrations.lime-reveal-active .int-destinations .int-node-card:nth-child(1) {
		animation: limeFadeInRight 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.4s;
	}
	.lime-product-integrations.lime-reveal-active .int-destinations .int-node-card:nth-child(2) {
		animation: limeFadeInRight 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.55s;
	}

	/* --------------------------------------------------------------------------
	   09 INTERNAL TOOLS — OPERATIONAL WORKSPACES
	   -------------------------------------------------------------------------- */
	.lime-product-operational.lime-reveal-trigger.lime-reveal-ready .op-tool-card {
		opacity: 0;
		transform: translateY(14px);
	}
	.lime-product-operational.lime-reveal-trigger.lime-reveal-ready .tool-ui-mock {
		opacity: 0;
		transform: translateY(6px);
	}
	.lime-product-operational.lime-reveal-active .card-triage {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
	}
	.lime-product-operational.lime-reveal-active .card-triage .tool-ui-mock {
		animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.35s;
	}
	.lime-product-operational.lime-reveal-active .card-governance {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.35s;
	}
	.lime-product-operational.lime-reveal-active .card-governance .tool-ui-mock {
		animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.55s;
	}
	.lime-product-operational.lime-reveal-active .card-telemetry {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.55s;
	}
	.lime-product-operational.lime-reveal-active .card-telemetry .tool-ui-mock {
		animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.75s;
	}
	.lime-product-operational.lime-reveal-active .card-audit {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.75s;
	}
	.lime-product-operational.lime-reveal-active .card-audit .tool-ui-mock {
		animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.95s;
	}

	/* --------------------------------------------------------------------------
	   10 QUALITY + ITERATION — RELIABILITY & EVOLUTION
	   -------------------------------------------------------------------------- */
	.lime-product-quality.lime-reveal-trigger.lime-reveal-ready .quality-pillar-card {
		opacity: 0;
		transform: translateY(12px);
	}
	.lime-product-quality.lime-reveal-active .quality-pillar-card:nth-child(1) {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
	}
	.lime-product-quality.lime-reveal-active .quality-pillar-card:nth-child(2) {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.35s;
	}
	.lime-product-quality.lime-reveal-active .quality-pillar-card:nth-child(3) {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.55s;
	}
	.lime-product-quality.lime-reveal-active .quality-pillar-card:nth-child(4) {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.75s;
	}

	/* --------------------------------------------------------------------------
	   11 METHODOLOGY — PRODUCT LIFECYCLE
	   -------------------------------------------------------------------------- */
	.lime-product-methodology.lime-reveal-trigger.lime-reveal-ready .spine-line {
		transform: scaleX(0);
		transform-origin: left center;
	}
	.lime-product-methodology.lime-reveal-trigger.lime-reveal-ready .lifecycle-stage-node {
		opacity: 0;
		transform: translateY(14px);
	}
	.lime-product-methodology.lime-reveal-active .spine-line {
		animation: limeDrawTrack 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
	}
	.lime-product-methodology.lime-reveal-active .stage-define {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.25s;
	}
	.lime-product-methodology.lime-reveal-active .stage-map {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.55s;
	}
	.lime-product-methodology.lime-reveal-active .stage-prototype {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.85s;
	}
	.lime-product-methodology.lime-reveal-active .stage-build {
		animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.15s;
	}
	.lime-product-methodology.lime-reveal-active .stage-evolve {
		animation: limeNodeHighlightIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.45s;
	}

	/* --------------------------------------------------------------------------
	   12 WHY LIME — CONNECTED PRODUCT SYSTEM
	   -------------------------------------------------------------------------- */
	.lime-product-why.lime-reveal-trigger.lime-reveal-ready .stack-layer {
		opacity: 0;
		transform: translateX(-12px);
	}
	.lime-product-why.lime-reveal-trigger.lime-reveal-ready .why-resolution-card {
		opacity: 0;
		transform: translateY(16px) scale(0.98);
	}
	.lime-product-why.lime-reveal-active .layer-strategy {
		animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
	}
	.lime-product-why.lime-reveal-active .layer-ux {
		animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.35s;
	}
	.lime-product-why.lime-reveal-active .layer-dev {
		animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.55s;
	}
	.lime-product-why.lime-reveal-active .layer-int {
		animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.75s;
	}
	.lime-product-why.lime-reveal-active .layer-auto {
		animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.95s;
	}
	.lime-product-why.lime-reveal-active .why-resolution-card {
		animation: limeStudioSurfaceIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.25s;
	}

	/* --------------------------------------------------------------------------
	   14 FINAL CTA — FULL-WIDTH PRODUCT ATMOSPHERE
	   -------------------------------------------------------------------------- */
	.lime-product-cta-fullwidth.lime-reveal-trigger.lime-reveal-ready .bp-grid-pattern {
		opacity: 0;
	}
	.lime-product-cta-fullwidth.lime-reveal-trigger.lime-reveal-ready .sch-step {
		opacity: 0;
		transform: translateY(8px);
	}
	.lime-product-cta-fullwidth.lime-reveal-trigger.lime-reveal-ready .sch-connector {
		opacity: 0;
		transform: scale(0.8);
	}
	.lime-product-cta-fullwidth.lime-reveal-trigger.lime-reveal-ready .layer-bar {
		opacity: 0;
		transform: translateX(8px);
	}

	.lime-product-cta-fullwidth.lime-reveal-active .bp-grid-pattern {
		animation: limeFadeIn 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.1s;
	}
	.lime-product-cta-fullwidth.lime-reveal-active .sch-step:nth-child(1) {
		animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.2s;
	}
	.lime-product-cta-fullwidth.lime-reveal-active .sch-connector:nth-of-type(1) {
		animation: limeScaleIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.35s;
	}
	.lime-product-cta-fullwidth.lime-reveal-active .sch-step:nth-child(3) {
		animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.5s;
	}
	.lime-product-cta-fullwidth.lime-reveal-active .sch-connector:nth-of-type(2) {
		animation: limeScaleIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.65s;
	}
	.lime-product-cta-fullwidth.lime-reveal-active .sch-step:nth-child(5) {
		animation: limeFadeInUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.8s;
	}
	.lime-product-cta-fullwidth.lime-reveal-active .layer-bar.bar-1 {
		animation: limeFadeInRight 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.85s;
	}
	.lime-product-cta-fullwidth.lime-reveal-active .layer-bar.bar-2 {
		animation: limeFadeInRight 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.95s;
	}
	.lime-product-cta-fullwidth.lime-reveal-active .layer-bar.bar-3 {
		animation: limeFadeInRight 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.05s;
	}

	/* --------------------------------------------------------------------------
	   SHARED CONTROLLED KEYFRAMES
	   -------------------------------------------------------------------------- */
	@keyframes limeFadeIn {
		from { opacity: 0; }
		to { opacity: 1; }
	}
	@keyframes limeFadeInUp {
		from { opacity: 0; transform: translateY(12px); }
		to { opacity: 1; transform: translateY(0); }
	}
	@keyframes limeFadeInDown {
		from { opacity: 0; transform: translateY(-10px); }
		to { opacity: 1; transform: translateY(0); }
	}
	@keyframes limeFadeInLeft {
		from { opacity: 0; transform: translateX(-12px); }
		to { opacity: 1; transform: translateX(0); }
	}
	@keyframes limeFadeInRight {
		from { opacity: 0; transform: translateX(12px); }
		to { opacity: 1; transform: translateX(0); }
	}
	@keyframes limeScaleIn {
		from { opacity: 0; transform: scale(0.8); }
		to { opacity: 1; transform: scale(1); }
	}
	@keyframes limeDrawTrack {
		from { transform: scaleX(0); }
		to { transform: scaleX(1); }
	}
	@keyframes limeDrawConduit {
		from { opacity: 0; transform: scaleX(0); }
		to { opacity: 1; transform: scaleX(1); }
	}
	@keyframes limeStudioSurfaceIn {
		from { opacity: 0; transform: translateY(14px) scale(0.985); }
		to { opacity: 1; transform: translateY(0) scale(1); }
	}
	@keyframes limeTreeItemIn {
		from { opacity: 0; transform: translateX(-8px); }
		to { opacity: 1; transform: translateX(0); }
	}
	@keyframes limeNodeIn {
		from { opacity: 0; transform: translateY(8px) scale(0.96); }
		to { opacity: 1; transform: translateY(0) scale(1); }
	}
	@keyframes limeNodeHighlightIn {
		from { opacity: 0; transform: translateY(14px) scale(0.97); }
		to { opacity: 1; transform: translateY(0) scale(1); }
	}
	@keyframes limeCursorSettle {
		from { opacity: 0; transform: translate(-12px, 12px); }
		to { opacity: 1; transform: translate(0, 0); }
	}
}

/* Mobile Motion Timing Adaptations */
@media (max-width: 768px) and (prefers-reduced-motion: no-preference) {
	.lime-product-hero.lime-reveal-active .product-workspace-window { animation-delay: 0.05s; }
	.lime-product-hero.lime-reveal-active .node-user { animation-delay: 0.25s; }
	.lime-product-hero.lime-reveal-active .conn-1 { animation-delay: 0.45s; }
	.lime-product-hero.lime-reveal-active .node-logic { animation-delay: 0.6s; }
	.lime-product-hero.lime-reveal-active .conn-2 { animation-delay: 0.8s; }
	.lime-product-hero.lime-reveal-active .node-output { animation-delay: 0.95s; }
	.lime-product-hero.lime-reveal-active .canvas-cursor-indicator { animation-delay: 1.1s; }

	.lime-product-workflow.lime-reveal-active .stage-ingest { animation-delay: 0.1s; }
	.lime-product-workflow.lime-reveal-active .workflow-route-arrow:nth-of-type(1) { animation-delay: 0.3s; }
	.lime-product-workflow.lime-reveal-active .stage-validation { animation-delay: 0.45s; }
	.lime-product-workflow.lime-reveal-active .workflow-route-arrow:nth-of-type(2) { animation-delay: 0.65s; }
	.lime-product-workflow.lime-reveal-active .stage-router { animation-delay: 0.8s; }
	.lime-product-workflow.lime-reveal-active .workflow-route-arrow:nth-of-type(3) { animation-delay: 1.05s; }
	.lime-product-workflow.lime-reveal-active .stage-action { animation-delay: 1.2s; }

	.lime-product-ux.lime-reveal-active .journey-rail-track-line { display: none; }
	.lime-product-ux.lime-reveal-active .node-entry { animation-delay: 0.15s; }
	.lime-product-ux.lime-reveal-active .node-init { animation-delay: 0.35s; }
	.lime-product-ux.lime-reveal-active .node-decide { animation-delay: 0.55s; }
	.lime-product-ux.lime-reveal-active .node-validate { animation-delay: 0.75s; }
	.lime-product-ux.lime-reveal-active .node-resolve { animation-delay: 0.95s; }

	.lime-product-methodology.lime-reveal-active .stage-define { animation-delay: 0.15s; }
	.lime-product-methodology.lime-reveal-active .stage-map { animation-delay: 0.35s; }
	.lime-product-methodology.lime-reveal-active .stage-prototype { animation-delay: 0.55s; }
	.lime-product-methodology.lime-reveal-active .stage-build { animation-delay: 0.75s; }
	.lime-product-methodology.lime-reveal-active .stage-evolve { animation-delay: 0.95s; }

	.lime-product-integrations.lime-reveal-active .int-core-hub { animation-delay: 0.15s; }
	.lime-product-integrations.lime-reveal-active .int-sources .int-node-card:nth-child(1) { animation-delay: 0.35s; }
	.lime-product-integrations.lime-reveal-active .int-sources .int-node-card:nth-child(2) { animation-delay: 0.5s; }
	.lime-product-integrations.lime-reveal-active .int-destinations .int-node-card:nth-child(1) { animation-delay: 0.65s; }
	.lime-product-integrations.lime-reveal-active .int-destinations .int-node-card:nth-child(2) { animation-delay: 0.8s; }
}