/**
 * Services Hub Stylesheet
 *
 * Dedicated styling for /services/
 * Phase 4A — Premium Services Hub Static Build
 *
 * Scoped strictly to .lime-services-hub-page and .lime-hub-wrapper
 * Brand Color System: Official Lime Green (Primary #189b38, Electric #8ae81c)
 * Zero animation in Phase 4A (static design first).
 */

/* ==========================================================================
   RESET & SCOPED CONTAINMENT
   ========================================================================== */
.lime-services-hub-page {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}

.lime-hub-wrapper {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	font-family: inherit;
	color: #0f172a;
	background-color: #ffffff;
}

/* Box sizing across the hub */
.lime-hub-wrapper,
.lime-hub-wrapper *,
.lime-hub-wrapper *::before,
.lime-hub-wrapper *::after {
	box-sizing: border-box;
}

/* ==========================================================================
   PROGRESSIVE ENHANCEMENT & NO-JS / REDUCED MOTION CONTRACT
   Default state: EVERYTHING is 100% visible, no animations.
   Guarantees 0 blank sections if JS is disabled or fails to run.
   ========================================================================== */
html:not(.lime-motion-enabled) .lime-hub-wrapper,
html:not(.lime-motion-enabled) .lime-hub-wrapper * {
	opacity: 1 !important;
	transform: none !important;
	animation: none !important;
	transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.lime-hub-wrapper,
	.lime-hub-wrapper *,
	.lime-hub-wrapper *::before,
	.lime-hub-wrapper *::after {
		animation: none !important;
		transition: none !important;
		opacity: 1 !important;
		transform: none !important;
	}
}

.lime-hub-container {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 24px;
}

@media (max-width: 768px) {
	.lime-hub-container {
		padding: 0 16px;
	}
}

/* ==========================================================================
   SECTION COMMON & THEMES
   ========================================================================== */
.lime-hub-section {
	padding: 96px 0;
	position: relative;
	width: 100%;
}

@media (max-width: 768px) {
	.lime-hub-section {
		padding: 48px 0;
	}
	.lime-hub-section-header {
		margin-bottom: 32px;
	}
}

.lime-hub-light {
	background-color: #ffffff;
	color: #0f172a;
}

.lime-hub-mist {
	background-color: #f8fafc;
	color: #0f172a;
	border-top: 1px solid #e2e8f0;
	border-bottom: 1px solid #e2e8f0;
}

.lime-hub-dark {
	background-color: #070d09;
	color: #f8fafc;
}

.lime-hub-deep-dark {
	background-color: #040805;
	color: #f8fafc;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Section Headers */
.lime-hub-section-header {
	margin-bottom: 56px;
	max-width: 800px;
}

.lime-hub-section-header.lime-header-light .lime-hub-h2 {
	color: #ffffff;
}

.lime-hub-section-tag {
	display: inline-block;
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--lime-primary, #189b38);
	margin-bottom: 16px;
	padding: 4px 10px;
	background: rgba(24, 155, 56, 0.08);
	border-radius: 4px;
}

.lime-hub-section-tag.lime-tag-green {
	color: var(--lime-electric, #8ae81c);
	background: rgba(138, 232, 28, 0.12);
}

.lime-hub-section-tag.lime-tag-blue {
	color: var(--lime-electric, #8ae81c);
	background: rgba(138, 232, 28, 0.12);
}

.lime-hub-h2 {
	font-size: clamp(2rem, 3.5vw, 2.75rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: #0f172a;
	margin: 0 0 16px 0;
	text-transform: uppercase;
}

.lime-hub-section-desc {
	font-size: 1.125rem;
	line-height: 1.6;
	color: #475569;
	margin: 0;
	max-width: 680px;
}

.lime-text-white {
	color: #ffffff !important;
}

.lime-text-dim {
	color: #94a3b8 !important;
}

.lime-text-primary {
	color: var(--lime-primary, #189b38);
}

.lime-hub-dark .lime-text-primary,
.lime-hub-deep-dark .lime-text-primary {
	color: var(--lime-electric, #8ae81c);
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
.lime-hub-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 28px;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.lime-hub-btn-primary {
	background-color: var(--lime-primary, #189b38);
	color: #ffffff;
	border: 1px solid var(--lime-primary, #189b38);
}

.lime-hub-btn-primary:hover,
.lime-hub-btn-primary:focus {
	background-color: #147d2d;
	border-color: #147d2d;
	color: #ffffff;
}

.lime-hub-dark .lime-hub-btn-primary,
.lime-hub-deep-dark .lime-hub-btn-primary {
	background-color: var(--lime-primary, #189b38);
	border-color: var(--lime-primary, #189b38);
	color: #ffffff;
}

.lime-hub-dark .lime-hub-btn-primary:hover,
.lime-hub-dark .lime-hub-btn-primary:focus,
.lime-hub-deep-dark .lime-hub-btn-primary:hover,
.lime-hub-deep-dark .lime-hub-btn-primary:focus {
	background-color: #147d2d;
	border-color: #147d2d;
	color: #ffffff;
}

.lime-hub-btn-ghost {
	background-color: transparent;
	color: #0f172a;
	border: 1px solid #cbd5e1;
}

.lime-hub-btn-ghost:hover,
.lime-hub-btn-ghost:focus {
	background-color: #f1f5f9;
	border-color: #94a3b8;
}

.lime-hub-btn-ghost-dark {
	background-color: transparent;
	color: #f8fafc;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.lime-hub-btn-ghost-dark:hover,
.lime-hub-btn-ghost-dark:focus {
	background-color: rgba(255, 255, 255, 0.08);
	border-color: #ffffff;
}

.lime-hub-btn-outline {
	background-color: transparent;
	color: var(--lime-primary, #189b38);
	border: 1px solid var(--lime-primary, #189b38);
	padding: 10px 20px;
	font-size: 0.8125rem;
}

.lime-hub-btn-outline:hover,
.lime-hub-btn-outline:focus {
	background-color: var(--lime-primary, #189b38);
	color: #ffffff;
}

.lime-hub-btn.lime-btn-large {
	padding: 16px 32px;
	font-size: 0.9375rem;
}

.lime-hub-btn.lime-btn-full {
	width: 100%;
}

/* ==========================================================================
   01 HERO SECTION
   ========================================================================== */
.lime-hub-hero {
	padding: 80px 0 96px 0;
	background: radial-gradient(circle at 80% 20%, rgba(24, 155, 56, 0.05) 0%, transparent 60%), #ffffff;
	border-bottom: 1px solid #e2e8f0;
}

.lime-hub-hero-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: center;
}

.lime-hub-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--lime-primary, #189b38);
	margin-bottom: 20px;
}

.lime-hub-pill-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--lime-primary, #189b38);
}

.lime-hub-h1 {
	font-size: clamp(2.25rem, 4vw, 3.5rem);
	font-weight: 850;
	line-height: 1.1;
	letter-spacing: -0.03em;
	color: #0a1128;
	margin: 0 0 24px 0;
	text-transform: uppercase;
}

.lime-hub-p-large {
	font-size: 1.25rem;
	line-height: 1.6;
	color: #334155;
	margin: 0 0 32px 0;
	max-width: 540px;
}

.lime-hub-actions {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 36px;
}

.lime-hub-hero-badges {
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.75rem;
	font-weight: 700;
	color: #64748b;
	letter-spacing: 0.08em;
}

.lime-hub-badge {
	display: flex;
	align-items: center;
	gap: 6px;
}

.lime-hub-badge-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: var(--lime-primary, #189b38);
}

.lime-hub-badge-sep {
	color: #cbd5e1;
}

/* Hero Architectural Visual */
.lime-hub-hero-visual {
	position: relative;
	width: 100%;
}

.lime-hub-arch-frame {
	position: relative;
	width: 100%;
	min-height: 480px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 10px 30px -10px rgba(0, 51, 102, 0.06);
	overflow: hidden;
}

/* SVG Line Canvas */
.lime-hub-arch-lines {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
}

/* Central Node */
.lime-hub-arch-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
	text-align: center;
}

.lime-hub-arch-core-box {
	background: #07130c;
	color: #ffffff;
	border: 1px solid #1c2e22;
	border-radius: 8px;
	padding: 14px 20px;
	box-shadow: 0 8px 24px rgba(7, 19, 12, 0.3);
}

.lime-hub-arch-tag {
	display: block;
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.625rem;
	font-weight: 700;
	color: var(--lime-electric, #8ae81c);
	letter-spacing: 0.12em;
	margin-bottom: 4px;
}

.lime-hub-arch-name {
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: #ffffff;
	margin-bottom: 2px;
}

.lime-hub-arch-status {
	display: block;
	font-size: 0.6875rem;
	color: #94a3b8;
}

/* Branch Modules */
.lime-hub-branch-module {
	position: absolute;
	z-index: 4;
	background: #ffffff;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	padding: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.lime-hub-branch-header {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 8px;
	padding-bottom: 6px;
	border-bottom: 1px solid #f1f5f9;
}

.lime-branch-indicator {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: var(--lime-primary, #189b38);
}

.lime-branch-indicator.lime-indicator-green {
	background-color: #22c55e;
}

.lime-branch-label {
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	color: #0f172a;
}

.lime-hub-node-group {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.lime-hub-node-group.lime-node-row {
	flex-direction: row;
}

.lime-hub-node-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 10px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 4px;
	text-decoration: none;
	color: #1e293b;
	font-size: 0.75rem;
	font-weight: 600;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.lime-hub-node-item:hover {
	background: #f0fdf4;
	border-color: var(--lime-primary, #189b38);
	color: var(--lime-primary, #189b38);
}

.lime-node-num {
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.6875rem;
	font-weight: 700;
	color: var(--lime-primary, #189b38);
}

/* Positioning branches in 600x480 frame */
.lime-branch-build {
	top: 18px;
	left: 18px;
	width: 170px;
}

.lime-branch-grow {
	top: 18px;
	right: 18px;
	width: 170px;
}

.lime-branch-automate {
	bottom: 18px;
	left: 50%;
	transform: translateX(-50%);
	width: 320px;
}

/* Responsive Hero adjustments */
@media (max-width: 1024px) {
	.lime-hub-hero-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.lime-hub-arch-frame {
		min-height: auto;
		display: flex;
		flex-direction: column;
		gap: 20px;
		padding: 24px;
	}
	.lime-hub-arch-lines {
		display: none;
	}
	.lime-hub-arch-center,
	.lime-branch-build,
	.lime-branch-grow,
	.lime-branch-automate {
		position: static;
		transform: none;
		width: 100%;
	}
	.lime-hub-node-group.lime-node-row {
		flex-direction: column;
	}
}

/* ==========================================================================
   02 DIRECT ANSWER SECTION
   ========================================================================== */
.lime-hub-answer-card {
	background: #ffffff;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	padding: 48px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.lime-hub-answer-lead {
	font-size: 1.25rem;
	line-height: 1.6;
	color: #1e293b;
	margin: 0 0 32px 0;
	font-weight: 500;
}

.lime-hub-answer-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-bottom: 32px;
}

.lime-hub-answer-pillar {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	padding: 20px;
}

.lime-hub-pillar-badge {
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	color: var(--lime-primary, #189b38);
	margin-bottom: 12px;
}

.lime-hub-answer-pillar p {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: #334155;
	margin: 0;
}

.lime-hub-answer-footer {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-top: 24px;
	border-top: 1px solid #e2e8f0;
	font-size: 0.9375rem;
	color: #475569;
}

.lime-hub-check-icon {
	color: var(--lime-primary, #189b38);
	font-weight: 800;
	font-size: 1.125rem;
}

@media (max-width: 900px) {
	.lime-hub-answer-grid {
		grid-template-columns: 1fr;
	}
	.lime-hub-answer-card {
		padding: 28px 20px;
	}
}

/* ==========================================================================
   03 SERVICE INDEX / EDITORIAL NAVIGATOR
   ========================================================================== */
.lime-hub-index-table {
	display: flex;
	flex-direction: column;
	border-top: 1px solid #e2e8f0;
}

.lime-hub-index-row {
	display: grid;
	grid-template-columns: 140px 1fr 200px;
	gap: 24px;
	align-items: center;
	padding: 32px 0;
	border-bottom: 1px solid #e2e8f0;
	transition: background-color 0.15s ease;
}

.lime-hub-index-row:hover {
	background-color: #fafbfc;
}

.lime-hub-row-meta {
	display: flex;
	align-items: baseline;
	gap: 12px;
}

.lime-hub-row-num {
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--lime-primary, #189b38);
	line-height: 1;
}

.lime-hub-row-category {
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: #64748b;
}

.lime-hub-row-title {
	margin: 0 0 8px 0;
	font-size: 1.375rem;
	font-weight: 750;
	line-height: 1.25;
}

.lime-hub-row-title a {
	color: #0f172a;
	text-decoration: none;
	transition: color 0.15s ease;
}

.lime-hub-row-title a:hover {
	color: var(--lime-primary, #189b38);
}

.lime-hub-row-desc {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: #475569;
	margin: 0 0 12px 0;
	max-width: 640px;
}

.lime-hub-row-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.lime-hub-row-tags span {
	font-size: 0.75rem;
	padding: 2px 8px;
	background: #f1f5f9;
	color: #475569;
	border-radius: 4px;
	font-weight: 500;
}

.lime-hub-row-action {
	text-align: right;
}

.lime-hub-row-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--lime-primary, #189b38);
	text-decoration: none;
}

.lime-hub-row-link .lime-arrow {
	transition: transform 0.15s ease;
}

.lime-hub-row-link:hover .lime-arrow {
	transform: translateX(4px);
}

@media (max-width: 900px) {
	.lime-hub-index-row {
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 24px 0;
	}
	.lime-hub-row-action {
		text-align: left;
	}
}

/* ==========================================================================
   CARDS COMMON (BUILD, GROWTH, AUTOMATION)
   ========================================================================== */
.lime-hub-cards-grid {
	display: grid;
	gap: 32px;
	margin-top: 48px;
}

.lime-hub-two-col {
	grid-template-columns: 1fr 1fr;
}

.lime-hub-three-col {
	grid-template-columns: repeat(3, 1fr);
}

.lime-hub-card {
	background: #ffffff;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	padding: 36px;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

.lime-hub-card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid #f1f5f9;
}

.lime-hub-card-num {
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 1.25rem;
	font-weight: 800;
	color: var(--lime-primary, #189b38);
}

.lime-hub-card-num.lime-num-green {
	color: var(--lime-electric, #8ae81c);
}

.lime-hub-card-type {
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: #64748b;
}

.lime-hub-card-title {
	font-size: 1.375rem;
	font-weight: 800;
	line-height: 1.25;
	color: #0f172a;
	margin: 0 0 16px 0;
}

.lime-hub-card-copy {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: #475569;
	margin: 0 0 24px 0;
	flex-grow: 1;
}

.lime-hub-card-list {
	list-style: none;
	padding: 0;
	margin: 0 0 28px 0;
}

.lime-hub-card-list li {
	position: relative;
	padding-left: 20px;
	font-size: 0.875rem;
	line-height: 1.6;
	color: #334155;
	margin-bottom: 8px;
}

.lime-hub-card-list li::before {
	content: "—";
	position: absolute;
	left: 0;
	color: var(--lime-primary, #189b38);
	font-weight: bold;
}

/* Dark Card Styles */
.lime-hub-card.lime-card-dark {
	background: #0d1710;
	border-color: rgba(255, 255, 255, 0.1);
}

.lime-hub-card.lime-card-dark .lime-hub-card-header {
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

.lime-hub-card-list.lime-list-dark li {
	color: #cbd5e1;
}

.lime-hub-card-list.lime-list-dark li::before {
	color: var(--lime-electric, #8ae81c);
}

/* Growth Capabilities List */
.lime-hub-caps-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 24px;
}

.lime-hub-cap-item {
	font-size: 0.8125rem;
	font-weight: 600;
	color: #1e293b;
	padding: 6px 10px;
	background: #f1f5f9;
	border-left: 2px solid var(--lime-primary, #189b38);
	border-radius: 0 4px 4px 0;
}

@media (max-width: 900px) {
	.lime-hub-two-col,
	.lime-hub-three-col {
		grid-template-columns: 1fr;
	}
	.lime-hub-card {
		padding: 24px;
	}
}

/* ==========================================================================
   04 BUILD ARCHITECTURE FLOW VISUAL
   ========================================================================== */
.lime-hub-build-flow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 32px;
	margin-bottom: 40px;
}

.lime-hub-flow-step {
	flex: 1;
}

.lime-hub-flow-badge {
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.6875rem;
	font-weight: 800;
	color: var(--lime-primary, #189b38);
	letter-spacing: 0.1em;
	margin-bottom: 8px;
}

.lime-hub-flow-box {
	background: #ffffff;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	padding: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.lime-flow-icon {
	font-size: 1.25rem;
	color: var(--lime-primary, #189b38);
	margin-bottom: 8px;
	display: block;
}

.lime-hub-flow-box h4 {
	font-size: 1rem;
	font-weight: 800;
	color: #0f172a;
	margin: 0 0 6px 0;
}

.lime-hub-flow-box p {
	font-size: 0.8125rem;
	line-height: 1.5;
	color: #475569;
	margin: 0;
}

.lime-hub-flow-connector {
	display: flex;
	align-items: center;
	color: #94a3b8;
	font-weight: 800;
	font-size: 1.25rem;
}

@media (max-width: 900px) {
	.lime-hub-build-flow {
		flex-direction: column;
		padding: 20px;
	}
	.lime-hub-flow-step {
		width: 100%;
	}
	.lime-hub-flow-connector {
		transform: rotate(90deg);
		margin: 8px 0;
	}
}

/* ==========================================================================
   05 GROWTH DEMAND FLOW VISUAL
   ========================================================================== */
.lime-hub-growth-flow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: #ffffff;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	padding: 24px;
	margin-bottom: 40px;
}

.lime-hub-growth-node {
	flex: 1;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	padding: 16px;
}

.lime-hub-growth-node.lime-growth-final {
	background: #f0fdf4;
	border-color: #bbf7d0;
}

.lime-growth-tag {
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	color: var(--lime-primary, #189b38);
	margin-bottom: 4px;
}

.lime-growth-name {
	font-size: 0.875rem;
	font-weight: 750;
	color: #0f172a;
	margin-bottom: 2px;
}

.lime-growth-sub {
	font-size: 0.75rem;
	color: #64748b;
}

.lime-growth-arrow {
	color: #94a3b8;
	font-weight: 700;
	font-size: 1.125rem;
}

@media (max-width: 900px) {
	.lime-hub-growth-flow {
		flex-direction: column;
		gap: 12px;
	}
	.lime-hub-growth-node {
		width: 100%;
	}
	.lime-growth-arrow {
		transform: rotate(90deg);
	}
}

/* ==========================================================================
   06 AUTOMATION SPLIT VISUAL
   ========================================================================== */
.lime-hub-auto-split {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 24px;
	align-items: center;
	background: #0d1710;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	padding: 32px;
	margin-bottom: 48px;
}

.lime-hub-auto-col {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.lime-hub-auto-col-title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	color: var(--lime-electric, #8ae81c);
}

.lime-hub-auto-pipeline {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.lime-pipeline-step {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 4px;
	padding: 6px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.lime-step-lbl {
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.5625rem;
	color: var(--lime-electric, #8ae81c);
	font-weight: 700;
}

.lime-step-txt {
	font-size: 0.6875rem;
	font-weight: 700;
	color: #ffffff;
}

.lime-pipeline-arr {
	color: #64748b;
	font-size: 0.75rem;
	font-weight: 700;
}

.lime-hub-auto-detail p {
	font-size: 0.8125rem;
	line-height: 1.5;
	color: #94a3b8;
	margin: 0;
}

/* Central Convergence Node */
.lime-hub-auto-core-box {
	background: linear-gradient(135deg, #0d381e 0%, #189b38 100%);
	color: #ffffff;
	border: 1px solid #22c55e;
	border-radius: 8px;
	padding: 20px 24px;
	text-align: center;
	box-shadow: 0 8px 24px rgba(24, 155, 56, 0.25);
}

.lime-core-tag {
	display: block;
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	color: #dcfce7;
	margin-bottom: 4px;
}

.lime-core-name {
	display: block;
	font-size: 0.9375rem;
	font-weight: 850;
	letter-spacing: 0.04em;
	color: #ffffff;
	margin-bottom: 2px;
}

.lime-core-sub {
	display: block;
	font-size: 0.6875rem;
	color: #bbf7d0;
}

@media (max-width: 1024px) {
	.lime-hub-auto-split {
		grid-template-columns: 1fr;
		padding: 24px;
	}
	.lime-hub-auto-core {
		order: 3;
	}
}

/* ==========================================================================
   07 CONNECTED SYSTEM SIGNATURE SECTION
   ========================================================================== */
.lime-hub-connected-diagram {
	background: #08120a;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	padding: 40px;
	margin-bottom: 56px;
}

.lime-conn-layer {
	display: grid;
	grid-template-columns: 240px 1fr;
	gap: 24px;
	align-items: center;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 6px;
	padding: 18px 24px;
}

.lime-conn-num {
	display: block;
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.6875rem;
	font-weight: 800;
	color: var(--lime-electric, #8ae81c);
	letter-spacing: 0.1em;
}

.lime-conn-title {
	display: block;
	font-size: 0.9375rem;
	font-weight: 750;
	color: #ffffff;
}

.lime-conn-content {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.lime-conn-chip {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 4px;
	padding: 6px 14px;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #f1f5f9;
}

.lime-conn-chip.lime-chip-highlight {
	background: rgba(34, 197, 94, 0.15);
	border-color: rgba(34, 197, 94, 0.4);
	color: #4ade80;
	font-weight: 700;
}

.lime-conn-sep {
	color: #64748b;
	font-size: 0.75rem;
}

.lime-conn-connector {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px 24px;
}

.lime-conn-v-line {
	width: 2px;
	height: 24px;
	background: rgba(138, 232, 28, 0.4);
}

.lime-conn-v-label {
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.6875rem;
	color: #94a3b8;
	letter-spacing: 0.04em;
}

/* Principles Grid */
.lime-hub-principles-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.lime-hub-principle {
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 6px;
	padding: 24px;
}

.lime-hub-principle h4 {
	font-size: 1.125rem;
	font-weight: 750;
	color: #ffffff;
	margin: 0 0 10px 0;
}

.lime-hub-principle p {
	font-size: 0.875rem;
	line-height: 1.6;
	color: #94a3b8;
	margin: 0;
}

@media (max-width: 900px) {
	.lime-conn-layer {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.lime-hub-principles-grid {
		grid-template-columns: 1fr;
	}
	.lime-hub-connected-diagram {
		padding: 20px;
	}
}

/* ==========================================================================
   08 ENGAGEMENT PATH SECTION
   ========================================================================== */
.lime-hub-engage-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	margin-top: 48px;
}

.lime-hub-engage-card {
	background: #ffffff;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	padding: 40px;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

.lime-hub-engage-card.lime-engage-featured {
	border-color: var(--lime-primary, #189b38);
	box-shadow: 0 8px 30px rgba(24, 155, 56, 0.1);
	position: relative;
}

.lime-engage-badge {
	align-self: flex-start;
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	padding: 4px 10px;
	background: #f1f5f9;
	color: #475569;
	border-radius: 4px;
	margin-bottom: 16px;
}

.lime-engage-badge.lime-badge-primary {
	background: var(--lime-primary, #189b38);
	color: #ffffff;
}

.lime-engage-title {
	font-size: 1.5rem;
	font-weight: 850;
	letter-spacing: -0.01em;
	color: #0f172a;
	margin: 0 0 4px 0;
}

.lime-engage-subtitle {
	font-size: 1rem;
	font-weight: 600;
	color: var(--lime-primary, #189b38);
	margin: 0 0 16px 0;
}

.lime-engage-desc {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: #475569;
	margin: 0 0 24px 0;
}

.lime-engage-divider {
	height: 1px;
	background: #e2e8f0;
	margin-bottom: 24px;
}

.lime-engage-examples {
	margin-bottom: 24px;
	flex-grow: 1;
}

.lime-ex-lbl {
	display: block;
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 0.6875rem;
	font-weight: 700;
	color: #64748b;
	margin-bottom: 8px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.lime-engage-examples ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.lime-engage-examples li {
	position: relative;
	padding-left: 18px;
	font-size: 0.875rem;
	line-height: 1.6;
	color: #334155;
	margin-bottom: 6px;
}

.lime-engage-examples li::before {
	content: "•";
	position: absolute;
	left: 0;
	color: var(--lime-primary, #189b38);
	font-size: 1.125rem;
}

.lime-engage-fit {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 4px;
	padding: 14px 16px;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: #334155;
	margin-bottom: 28px;
}

@media (max-width: 900px) {
	.lime-hub-engage-grid {
		grid-template-columns: 1fr;
	}
	.lime-hub-engage-card {
		padding: 24px;
	}
}

/* ==========================================================================
   09 FAQ SECTION
   ========================================================================== */
.lime-hub-faq-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 880px;
}

.lime-hub-faq-item {
	background: #ffffff;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	overflow: hidden;
	transition: border-color 0.15s ease;
}

.lime-hub-faq-item[open] {
	border-color: var(--lime-primary, #189b38);
}

.lime-hub-faq-summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 24px;
	cursor: pointer;
	list-style: none;
	user-select: none;
}

.lime-hub-faq-summary::-webkit-details-marker {
	display: none;
}

.lime-hub-faq-q {
	font-size: 1.0625rem;
	font-weight: 750;
	color: #0f172a;
	padding-right: 16px;
}

.lime-hub-faq-icon {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--lime-primary, #189b38);
	flex-shrink: 0;
	transition: transform 0.15s ease;
}

.lime-hub-faq-item[open] .lime-hub-faq-icon {
	transform: rotate(45deg);
}

.lime-hub-faq-body {
	padding: 0 24px 24px 24px;
	border-top: 1px solid #f1f5f9;
}

.lime-hub-faq-body p {
	font-size: 0.9375rem;
	line-height: 1.65;
	color: #475569;
	margin: 16px 0 0 0;
}

/* ==========================================================================
   10 FINAL CTA SECTION
   ========================================================================== */
.lime-hub-cta {
	background: #040805;
	padding: 110px 0;
	position: relative;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.lime-hub-cta-box {
	position: relative;
	max-width: 880px;
	margin: 0 auto;
	text-align: center;
	padding: 60px 40px;
	background: radial-gradient(circle at center, rgba(24, 155, 56, 0.14) 0%, transparent 70%);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 12px;
	overflow: hidden;
}

.lime-hub-cta-converge {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0.45;
}

.lime-cta-center-target {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	border: 1px dashed rgba(138, 232, 28, 0.35);
	border-radius: 50%;
}

.lime-cta-node {
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--lime-electric, #8ae81c);
}

.lime-cnode-1 { top: 15%; left: 15%; }
.lime-cnode-2 { top: 15%; right: 15%; }
.lime-cnode-3 { top: 50%; left: 8%; }
.lime-cnode-4 { top: 50%; right: 8%; }
.lime-cnode-5 { bottom: 15%; left: 20%; }
.lime-cnode-6 { bottom: 15%; right: 20%; }
.lime-cnode-7 { bottom: 8%; left: 50%; transform: translateX(-50%); background: #22c55e; }

.lime-hub-cta-content {
	position: relative;
	z-index: 2;
}

.lime-hub-cta .lime-hub-h2 {
	font-size: clamp(2rem, 3.5vw, 2.75rem);
	margin-bottom: 16px;
}

.lime-hub-cta-desc {
	font-size: 1.125rem;
	line-height: 1.6;
	color: #cbd5e1;
	max-width: 600px;
	margin: 0 auto 36px auto;
}

.lime-hub-cta-actions {
	display: flex;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
}

@media (max-width: 600px) {
	.lime-hub-cta-box {
		padding: 40px 20px;
	}
	.lime-hub-cta-actions {
		flex-direction: column;
	}
	.lime-hub-cta-actions .lime-hub-btn {
		width: 100%;
	}
}

/* ==========================================================================
   MOTION PASS — RESTRAINED ARCHITECTURAL ONE-TIME ENTRANCES
   Strictly scoped to html.lime-motion-enabled
   Every animation runs ONCE and settles to exact static design tokens.
   Continuous animations: 0. Infinite animations: 0.
   ========================================================================== */

/* Keyframe Definitions */
@keyframes hubFadeUp {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes hubFadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes hubScaleUp {
	from {
		opacity: 0;
		transform: scale(0.95);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes hubCenterPulseOnce {
	0% {
		transform: scale(0.92);
		box-shadow: 0 0 10px rgba(24, 155, 56, 0.2);
	}
	50% {
		transform: scale(1.03);
		box-shadow: 0 0 28px rgba(24, 155, 56, 0.45);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 8px 24px rgba(7, 19, 12, 0.3);
	}
}

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

@keyframes hubCoreHighlightOnce {
	0% {
		border-color: #1c2e22;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
	}
	50% {
		border-color: var(--lime-electric, #8ae81c);
		box-shadow: 0 0 22px rgba(138, 232, 28, 0.35);
	}
	100% {
		border-color: #1c2e22;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
	}
}

@keyframes hubCtaNodePulse {
	0% {
		opacity: 0.25;
		transform: scale(0.7);
	}
	50% {
		opacity: 1;
		transform: scale(1.25);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* --------------------------------------------------------------------------
   01 HERO MOTION (Autonomous on page load with html.lime-motion-enabled)
   Duration: 1.5–1.9s. Easing: cubic-bezier(0.22, 1, 0.36, 1)
   -------------------------------------------------------------------------- */
html.lime-motion-enabled .lime-hub-hero .lime-hub-eyebrow {
	animation: hubFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.1s backwards;
}

html.lime-motion-enabled .lime-hub-hero .lime-hub-h1 {
	animation: hubFadeUp 0.75s cubic-bezier(0.22, 1, 0.36, 1) 0.2s backwards;
}

html.lime-motion-enabled .lime-hub-hero .lime-hub-p-large {
	animation: hubFadeUp 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.32s backwards;
}

html.lime-motion-enabled .lime-hub-hero .lime-hub-actions {
	animation: hubFadeUp 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.42s backwards;
}

html.lime-motion-enabled .lime-hub-hero .lime-hub-hero-badges {
	animation: hubFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.52s backwards;
}

html.lime-motion-enabled .lime-hub-hero .lime-hub-arch-frame {
	animation: hubFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.15s backwards;
}

html.lime-motion-enabled .lime-hub-hero .lime-hub-arch-core-box {
	animation: hubCenterPulseOnce 1.1s cubic-bezier(0.22, 1, 0.36, 1) 0.25s backwards;
}

html.lime-motion-enabled .lime-hub-hero .lime-hub-arch-lines {
	animation: hubFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.35s backwards;
}

html.lime-motion-enabled .lime-hub-hero .lime-branch-build {
	animation: hubBranchSlide 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.5s backwards;
}

html.lime-motion-enabled .lime-hub-hero .lime-branch-grow {
	animation: hubBranchSlide 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.65s backwards;
}

html.lime-motion-enabled .lime-hub-hero .lime-branch-automate {
	animation: hubBranchSlide 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.8s backwards;
}

/* --------------------------------------------------------------------------
   INTERSECTION OBSERVER START STATES (Pre-reveal hiding)
   Only active when lime-motion-enabled AND lime-reveal-ready:not(.lime-reveal-active)
   -------------------------------------------------------------------------- */
/* Direct Answer Start */
html.lime-motion-enabled .lime-hub-direct-answer.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-answer-card {
	opacity: 0;
	transform: translateY(16px);
}
html.lime-motion-enabled .lime-hub-direct-answer.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-answer-pillar {
	opacity: 0;
	transform: translateY(12px);
}
html.lime-motion-enabled .lime-hub-direct-answer.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-answer-footer {
	opacity: 0;
}

/* Service Directory Start */
html.lime-motion-enabled .lime-hub-index.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-section-header {
	opacity: 0;
	transform: translateY(16px);
}
html.lime-motion-enabled .lime-hub-index.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-row {
	opacity: 0;
	transform: translateY(12px);
}

/* Build Capabilities Start */
html.lime-motion-enabled .lime-hub-build-section.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-section-header {
	opacity: 0;
	transform: translateY(16px);
}
html.lime-motion-enabled .lime-hub-build-section.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-build-node {
	opacity: 0;
	transform: translateY(10px);
}
html.lime-motion-enabled .lime-hub-build-section.lime-reveal-ready:not(.lime-reveal-active) .lime-build-arrow {
	opacity: 0;
}
html.lime-motion-enabled .lime-hub-build-section.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-card {
	opacity: 0;
	transform: translateY(16px);
}

/* Growth Capabilities Start */
html.lime-motion-enabled .lime-hub-growth-section.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-section-header {
	opacity: 0;
	transform: translateY(16px);
}
html.lime-motion-enabled .lime-hub-growth-section.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-growth-node {
	opacity: 0;
	transform: translateY(10px);
}
html.lime-motion-enabled .lime-hub-growth-section.lime-reveal-ready:not(.lime-reveal-active) .lime-growth-arrow {
	opacity: 0;
}
html.lime-motion-enabled .lime-hub-growth-section.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-card {
	opacity: 0;
	transform: translateY(16px);
}

/* Automation Capabilities Start */
html.lime-motion-enabled .lime-hub-auto-section.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-section-header {
	opacity: 0;
	transform: translateY(16px);
}
html.lime-motion-enabled .lime-hub-auto-section.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-auto-col {
	opacity: 0;
	transform: translateY(14px);
}
html.lime-motion-enabled .lime-hub-auto-section.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-auto-core-box {
	opacity: 0;
	transform: scale(0.95);
}
html.lime-motion-enabled .lime-hub-auto-section.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-card {
	opacity: 0;
	transform: translateY(16px);
}

/* Connected System Start */
html.lime-motion-enabled .lime-hub-connected.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-section-header {
	opacity: 0;
	transform: translateY(16px);
}
html.lime-motion-enabled .lime-hub-connected.lime-reveal-ready:not(.lime-reveal-active) .lime-system-layer {
	opacity: 0;
	transform: translateY(12px);
}
html.lime-motion-enabled .lime-hub-connected.lime-reveal-ready:not(.lime-reveal-active) .lime-stack-arrow {
	opacity: 0;
}
html.lime-motion-enabled .lime-hub-connected.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-principle {
	opacity: 0;
	transform: translateY(14px);
}

/* Engagement Start */
html.lime-motion-enabled .lime-hub-engagement.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-section-header {
	opacity: 0;
	transform: translateY(16px);
}
html.lime-motion-enabled .lime-hub-engagement.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-engage-card {
	opacity: 0;
	transform: translateY(18px);
}

/* CTA Start */
html.lime-motion-enabled .lime-hub-cta.lime-reveal-ready:not(.lime-reveal-active) .lime-cta-center-target {
	opacity: 0;
	transform: translate(-50%, -50%) scale(0.9);
}
html.lime-motion-enabled .lime-hub-cta.lime-reveal-ready:not(.lime-reveal-active) .lime-cta-node {
	opacity: 0;
	transform: scale(0.5);
}
html.lime-motion-enabled .lime-hub-cta.lime-reveal-ready:not(.lime-reveal-active) .lime-hub-cta-content {
	opacity: 0;
	transform: translateY(16px);
}

/* --------------------------------------------------------------------------
   ACTIVE MOTION SEQUENCES (Triggered by .lime-reveal-active)
   -------------------------------------------------------------------------- */

/* 02 Direct Answer Sequence (1.0–1.2s) */
html.lime-motion-enabled .lime-hub-direct-answer.lime-reveal-active .lime-hub-answer-card {
	animation: hubFadeUp 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.05s forwards;
}
html.lime-motion-enabled .lime-hub-direct-answer.lime-reveal-active .lime-hub-answer-pillar:nth-child(1) {
	animation: hubFadeUp 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.20s forwards;
}
html.lime-motion-enabled .lime-hub-direct-answer.lime-reveal-active .lime-hub-answer-pillar:nth-child(2) {
	animation: hubFadeUp 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.32s forwards;
}
html.lime-motion-enabled .lime-hub-direct-answer.lime-reveal-active .lime-hub-answer-pillar:nth-child(3) {
	animation: hubFadeUp 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.44s forwards;
}
html.lime-motion-enabled .lime-hub-direct-answer.lime-reveal-active .lime-hub-answer-footer {
	animation: hubFadeIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.55s forwards;
}

/* 03 Service Directory Sequence (1.2–1.4s) */
html.lime-motion-enabled .lime-hub-index.lime-reveal-active .lime-hub-section-header {
	animation: hubFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.05s forwards;
}
html.lime-motion-enabled .lime-hub-index.lime-reveal-active .lime-hub-row:nth-child(1) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.15s forwards;
}
html.lime-motion-enabled .lime-hub-index.lime-reveal-active .lime-hub-row:nth-child(2) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.23s forwards;
}
html.lime-motion-enabled .lime-hub-index.lime-reveal-active .lime-hub-row:nth-child(3) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.31s forwards;
}
html.lime-motion-enabled .lime-hub-index.lime-reveal-active .lime-hub-row:nth-child(4) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.39s forwards;
}
html.lime-motion-enabled .lime-hub-index.lime-reveal-active .lime-hub-row:nth-child(5) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.47s forwards;
}
html.lime-motion-enabled .lime-hub-index.lime-reveal-active .lime-hub-row:nth-child(6) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.55s forwards;
}
html.lime-motion-enabled .lime-hub-index.lime-reveal-active .lime-hub-row:nth-child(7) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.63s forwards;
}

/* 04 Build Capabilities Sequence (1.2–1.4s) */
html.lime-motion-enabled .lime-hub-build-section.lime-reveal-active .lime-hub-section-header {
	animation: hubFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.05s forwards;
}
html.lime-motion-enabled .lime-hub-build-section.lime-reveal-active .lime-hub-build-node:nth-of-type(1) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.18s forwards;
}
html.lime-motion-enabled .lime-hub-build-section.lime-reveal-active .lime-build-arrow:nth-of-type(1) {
	animation: hubFadeIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.26s forwards;
}
html.lime-motion-enabled .lime-hub-build-section.lime-reveal-active .lime-hub-build-node:nth-of-type(2) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.34s forwards;
}
html.lime-motion-enabled .lime-hub-build-section.lime-reveal-active .lime-build-arrow:nth-of-type(2) {
	animation: hubFadeIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.42s forwards;
}
html.lime-motion-enabled .lime-hub-build-section.lime-reveal-active .lime-hub-build-node:nth-of-type(3) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.50s forwards;
}
html.lime-motion-enabled .lime-hub-build-section.lime-reveal-active .lime-hub-cards-grid .lime-hub-card:nth-child(1) {
	animation: hubFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.42s forwards;
}
html.lime-motion-enabled .lime-hub-build-section.lime-reveal-active .lime-hub-cards-grid .lime-hub-card:nth-child(2) {
	animation: hubFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.56s forwards;
}

/* 05 Growth Capabilities Sequence (1.3–1.5s) */
html.lime-motion-enabled .lime-hub-growth-section.lime-reveal-active .lime-hub-section-header {
	animation: hubFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.05s forwards;
}
html.lime-motion-enabled .lime-hub-growth-section.lime-reveal-active .lime-hub-growth-node:nth-of-type(1) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.16s forwards;
}
html.lime-motion-enabled .lime-hub-growth-section.lime-reveal-active .lime-growth-arrow:nth-of-type(1) {
	animation: hubFadeIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.24s forwards;
}
html.lime-motion-enabled .lime-hub-growth-section.lime-reveal-active .lime-hub-growth-node:nth-of-type(2) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.32s forwards;
}
html.lime-motion-enabled .lime-hub-growth-section.lime-reveal-active .lime-growth-arrow:nth-of-type(2) {
	animation: hubFadeIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.40s forwards;
}
html.lime-motion-enabled .lime-hub-growth-section.lime-reveal-active .lime-hub-growth-node:nth-of-type(3) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.48s forwards;
}
html.lime-motion-enabled .lime-hub-growth-section.lime-reveal-active .lime-growth-arrow:nth-of-type(3) {
	animation: hubFadeIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.56s forwards;
}
html.lime-motion-enabled .lime-hub-growth-section.lime-reveal-active .lime-hub-growth-node:nth-of-type(4) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.64s forwards;
}
html.lime-motion-enabled .lime-hub-growth-section.lime-reveal-active .lime-hub-cards-grid .lime-hub-card:nth-child(1) {
	animation: hubFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.45s forwards;
}
html.lime-motion-enabled .lime-hub-growth-section.lime-reveal-active .lime-hub-cards-grid .lime-hub-card:nth-child(2) {
	animation: hubFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.57s forwards;
}
html.lime-motion-enabled .lime-hub-growth-section.lime-reveal-active .lime-hub-cards-grid .lime-hub-card:nth-child(3) {
	animation: hubFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.69s forwards;
}

/* 06 Automation Capabilities Sequence (1.6–1.9s) */
html.lime-motion-enabled .lime-hub-auto-section.lime-reveal-active .lime-hub-section-header {
	animation: hubFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.05s forwards;
}
html.lime-motion-enabled .lime-hub-auto-section.lime-reveal-active .lime-hub-auto-col:first-child {
	animation: hubFadeUp 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.18s forwards;
}
html.lime-motion-enabled .lime-hub-auto-section.lime-reveal-active .lime-hub-auto-core-box {
	animation: hubScaleUp 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.32s forwards, hubCoreHighlightOnce 1.0s ease-out 0.65s forwards;
}
html.lime-motion-enabled .lime-hub-auto-section.lime-reveal-active .lime-hub-auto-col:last-child {
	animation: hubFadeUp 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.26s forwards;
}
html.lime-motion-enabled .lime-hub-auto-section.lime-reveal-active .lime-cards-dark .lime-hub-card:nth-child(1) {
	animation: hubFadeUp 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.55s forwards;
}
html.lime-motion-enabled .lime-hub-auto-section.lime-reveal-active .lime-cards-dark .lime-hub-card:nth-child(2) {
	animation: hubFadeUp 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.68s forwards;
}

/* 07 Connected System Sequence (1.5–1.8s) */
html.lime-motion-enabled .lime-hub-connected.lime-reveal-active .lime-hub-section-header {
	animation: hubFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.05s forwards;
}
html.lime-motion-enabled .lime-hub-connected.lime-reveal-active .lime-system-layer:nth-of-type(1) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.18s forwards;
}
html.lime-motion-enabled .lime-hub-connected.lime-reveal-active .lime-stack-arrow:nth-of-type(1) {
	animation: hubFadeIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) 0.28s forwards;
}
html.lime-motion-enabled .lime-hub-connected.lime-reveal-active .lime-system-layer:nth-of-type(2) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.36s forwards;
}
html.lime-motion-enabled .lime-hub-connected.lime-reveal-active .lime-stack-arrow:nth-of-type(2) {
	animation: hubFadeIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) 0.46s forwards;
}
html.lime-motion-enabled .lime-hub-connected.lime-reveal-active .lime-system-layer:nth-of-type(3) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.54s forwards;
}
html.lime-motion-enabled .lime-hub-connected.lime-reveal-active .lime-stack-arrow:nth-of-type(3) {
	animation: hubFadeIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) 0.64s forwards;
}
html.lime-motion-enabled .lime-hub-connected.lime-reveal-active .lime-system-layer:nth-of-type(4) {
	animation: hubFadeUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.72s forwards;
}
html.lime-motion-enabled .lime-hub-connected.lime-reveal-active .lime-hub-principles-grid .lime-hub-principle:nth-child(1) {
	animation: hubFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.65s forwards;
}
html.lime-motion-enabled .lime-hub-connected.lime-reveal-active .lime-hub-principles-grid .lime-hub-principle:nth-child(2) {
	animation: hubFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.77s forwards;
}
html.lime-motion-enabled .lime-hub-connected.lime-reveal-active .lime-hub-principles-grid .lime-hub-principle:nth-child(3) {
	animation: hubFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.89s forwards;
}

/* 08 Engagement Models Sequence (1.1–1.3s) */
html.lime-motion-enabled .lime-hub-engagement.lime-reveal-active .lime-hub-section-header {
	animation: hubFadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.05s forwards;
}
html.lime-motion-enabled .lime-hub-engagement.lime-reveal-active .lime-hub-engage-card:nth-child(1) {
	animation: hubFadeUp 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.20s forwards;
}
html.lime-motion-enabled .lime-hub-engagement.lime-reveal-active .lime-hub-engage-card:nth-child(2) {
	animation: hubFadeUp 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.35s forwards;
}

/* 10 Final CTA Sequence (0.8–1.1s) */
html.lime-motion-enabled .lime-hub-cta.lime-reveal-active .lime-cta-center-target {
	animation: hubFadeIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.10s forwards;
}
html.lime-motion-enabled .lime-hub-cta.lime-reveal-active .lime-cnode-1 { animation: hubCtaNodePulse 0.5s ease-out 0.15s forwards; }
html.lime-motion-enabled .lime-hub-cta.lime-reveal-active .lime-cnode-2 { animation: hubCtaNodePulse 0.5s ease-out 0.20s forwards; }
html.lime-motion-enabled .lime-hub-cta.lime-reveal-active .lime-cnode-3 { animation: hubCtaNodePulse 0.5s ease-out 0.25s forwards; }
html.lime-motion-enabled .lime-hub-cta.lime-reveal-active .lime-cnode-4 { animation: hubCtaNodePulse 0.5s ease-out 0.30s forwards; }
html.lime-motion-enabled .lime-hub-cta.lime-reveal-active .lime-cnode-5 { animation: hubCtaNodePulse 0.5s ease-out 0.35s forwards; }
html.lime-motion-enabled .lime-hub-cta.lime-reveal-active .lime-cnode-6 { animation: hubCtaNodePulse 0.5s ease-out 0.40s forwards; }
html.lime-motion-enabled .lime-hub-cta.lime-reveal-active .lime-cnode-7 { animation: hubCtaNodePulse 0.5s ease-out 0.45s forwards; }
html.lime-motion-enabled .lime-hub-cta.lime-reveal-active .lime-hub-cta-content {
	animation: hubFadeUp 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.25s forwards;
}