/**
 * Homepage redesign v2 — About, Challenge, Solution, lower sections, CTA.
 *
 * @package Skavend
 */

/* ═══════════════════════════════════════════
   GLOBAL SECTION RHYTHM
   ═══════════════════════════════════════════ */
.site-main--home > section {
	scroll-margin-top: 90px;
}

.site-main--home > section + section {
	margin-top: 0;
}

/* Unified premium background for lower sections */
.skavend-premium-section {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background:
		radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.55), transparent 32%),
		radial-gradient(circle at 88% 72%, rgba(201, 164, 107, 0.1), transparent 38%),
		linear-gradient(135deg, #f7f2ea 0%, #ece6dc 48%, #f6f1e9 100%) !important;
}

.skavend-particles {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	overflow: hidden;
}

.skavend-particles i {
	position: absolute;
	border-radius: 50%;
	background: rgba(201, 164, 107, 0.45);
	animation: skavendParticleFloat 8s ease-in-out infinite;
	box-shadow: 0 0 6px rgba(201, 164, 107, 0.3);
}

@keyframes skavendParticleFloat {
	0%, 100% { opacity: 0.15; transform: translateY(0) scale(1); }
	50% { opacity: 0.65; transform: translateY(-6px) scale(1.15); }
}

.skavend-premium-section > *:not(.skavend-particles) {
	position: relative;
	z-index: 1;
}

/* Section padding is owned by layout.css (7% top + 7% bottom). */

.section-header,
.case-studies-header,
.tech-engineering-section__header,
.ai-solutions-section__header {
	margin-bottom: clamp(28px, 4vw, 40px) !important;
}

/* 3D card system */
.skavend-card-3d {
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.85);
	border-radius: var(--radius-medium, 15px);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.95) inset,
		0 12px 28px rgba(46, 60, 52, 0.08),
		0 4px 12px rgba(46, 60, 52, 0.04);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease, border-color 0.28s ease;
	transform: translateY(0) translateZ(0);
}

.skavend-card-3d:hover {
	transform: translateY(-6px);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.98) inset,
		0 22px 44px rgba(46, 60, 52, 0.14),
		0 8px 20px rgba(46, 60, 52, 0.08);
	border-color: rgba(212, 169, 90, 0.45);
}

.skavend-card-3d:active {
	transform: translateY(-2px) scale(0.995);
}

/* ═══════════════════════════════════════════
   ABOUT — fixed layout, no crop
   ═══════════════════════════════════════════ */
.home-about {
	overflow: visible !important;
}

.home-about__grid {
	grid-template-columns: minmax(0, 1fr) minmax(280px, 480px);
	gap: clamp(32px, 4vw, 48px);
	align-items: start;
}

.home-about__title {
	margin: 24px 0 16px;
}

.home-about__intro {
	margin-bottom: 20px;
}

.home-about__pillar {
	padding: 10px 0 12px;
}

.home-about__visual {
	padding: 0;
	margin: 0;
	max-width: 100%;
	padding-bottom: 12px;
}

.home-about__visual-card {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.home-about__photo-stack {
	position: relative;
	padding-bottom: 56px;
}

.home-about__photo {
	height: clamp(280px, 34vw, 380px);
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	background: #0d3527;
	box-shadow: 0 24px 48px rgba(10, 48, 36, 0.2);
}

.home-about__photo-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.home-about__photo-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(8, 39, 31, 0.05) 0%, rgba(8, 39, 31, 0.45) 100%);
	pointer-events: none;
}

.home-about__stats {
	position: static;
	left: auto;
	right: auto;
	bottom: auto;
	min-height: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	background: transparent;
	border: 0;
	box-shadow: none;
	backdrop-filter: none;
	padding: 0;
}

.home-about__stats--overlap {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%) translateY(50%);
	width: calc(100% + 4px);
	z-index: 5;
}

.home-about__stat {
	padding: 12px 10px 14px;
	background: #ffffff;
	border: 1px solid rgba(201, 164, 107, 0.38);
	border-radius: 14px;
	box-shadow: 0 14px 32px rgba(10, 48, 36, 0.14);
	transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease, border-color 0.35s ease;
	position: relative;
	overflow: hidden;
	text-align: center;
	transform: translate3d(0, var(--parallax-y, 0), 0);
	animation: none;
}

.home-about__stat:hover {
	transform: translate3d(0, calc(var(--parallax-y, 0px) - 5px), 0);
	border-color: rgba(201, 164, 107, 0.6);
	box-shadow: 0 20px 40px rgba(10, 48, 36, 0.18);
}

.home-about__stat-icon {
	width: 38px;
	height: 38px;
	margin: 0 auto 2px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	border: 1px solid rgba(201, 164, 107, 0.35);
	color: #164538;
	position: relative;
	animation: statIconPulse 3s ease-in-out infinite;
}

.home-about__stat-icon svg {
	width: 20px;
	height: 20px;
}

.home-about__stat-icon::after {
	content: "";
	position: absolute;
	inset: -5px;
	border-radius: 50%;
	border: 1px dashed rgba(201, 164, 107, 0.45);
	animation: processNodeRing 3.5s ease-in-out infinite;
}

.home-about__stat:nth-child(2) .home-about__stat-icon { animation-delay: 0.5s; }
.home-about__stat:nth-child(3) .home-about__stat-icon { animation-delay: 1s; }
.home-about__stat:nth-child(4) .home-about__stat-icon { animation-delay: 1.5s; }

@keyframes statIconPulse {
	0%, 100% { box-shadow: 0 0 0 rgba(201, 164, 107, 0); }
	50% { box-shadow: 0 0 18px rgba(201, 164, 107, 0.35); }
}

/*
 * Longhand on purpose: a `font` shorthand whose size is a clamp() followed by
 * a spaced "/ line-height" is dropped by several engines, which silently left
 * these numbers at the inherited body size.
 */
.home-about__stat-value {
	display: block;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(34px, 3.2vw, 46px);
	font-weight: 600;
	line-height: 1.05;
	color: #17372e;
}

.home-about__stat-number {
	display: inline-block;
	font: inherit;
	line-height: inherit;
	color: inherit;
	white-space: nowrap;
	letter-spacing: -0.02em;
}

.home-about__stat:nth-child(4) .home-about__stat-number {
	background: linear-gradient(135deg, #164538 0%, #c9a46b 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.home-about__stat > span:last-child {
	font-size: 14.5px;
	line-height: 1.35;
	margin-top: 4px;
	color: #4d554f;
}

.home-about__bg-circle {
	right: -120px;
	width: 480px;
	height: 480px;
	opacity: 0.7;
}

/* ═══════════════════════════════════════════
   CHALLENGE — open network, no white box
   ═══════════════════════════════════════════ */
.home-challenge__grid {
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: clamp(28px, 4vw, 44px);
	align-items: center;
}

.home-challenge__title {
	margin: 20px 0 14px;
}

.home-challenge__intro {
	margin-bottom: 18px;
}

/* ═══════════════════════════════════════════
   Challenge visual — hub + canvas-drawn wiring
   (canvas lines are drawn by SkavendWiring, see
   assets/js/modules/wiring.js — this stylesheet
   only styles the hub/node DOM the JS reads from)
   ═══════════════════════════════════════════ */
.home-challenge__visual {
	position: relative;
	min-height: 420px;
	padding: 36px 24px 32px;
	background:
		radial-gradient(circle at 50% 0%, rgba(201, 164, 107, 0.16), transparent 42%),
		radial-gradient(circle at 80% 80%, rgba(10, 61, 45, 0.06), transparent 40%),
		linear-gradient(180deg, #fffdf9 0%, #f4eee6 100%);
	border: 1px solid rgba(193, 154, 107, 0.22);
	border-radius: 28px;
	box-shadow:
		0 24px 48px rgba(10, 48, 36, 0.1),
		0 1px 0 rgba(255, 255, 255, 0.8) inset;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-between;
	gap: 56px;
	overflow: hidden;
	transform: perspective(900px) rotateX(2deg);
}

.skavend-wiring__canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
}

/* Hub — glassmorphism pill with an infinite breathing glow ring */
.home-challenge__hub {
	position: relative;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	width: fit-content;
	max-width: 100%;
	margin: 0 auto;
	justify-content: center;
	gap: 12px;
	border-radius: 999px;
	padding: 16px 32px;
	background: linear-gradient(145deg, #0e4634 0%, #062c21 100%);
	border: 1px solid rgba(226, 189, 128, 0.45);
	box-shadow:
		0 18px 36px rgba(6, 44, 33, 0.28),
		0 1px 0 rgba(255, 255, 255, 0.16) inset;
	opacity: 0;
	transform: translateY(-8px) scale(0.96);
	transition: opacity 0.5s ease, transform 0.5s ease;
	color: #f4ece0;
	font-family: var(--font-serif, 'Playfair Display', Georgia, serif);
	font-size: 18px;
}

.is-wiring-active .home-challenge__hub {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.home-challenge__hub::before {
	content: "";
	position: absolute;
	inset: -6px;
	border-radius: inherit;
	border: 1px solid rgba(226, 189, 128, 0.4);
	animation: challengeHubPulse 3s ease-out infinite;
	pointer-events: none;
}

@keyframes challengeHubPulse {
	0% { transform: scale(0.94); opacity: 0.65; }
	70% { transform: scale(1.08); opacity: 0; }
	100% { transform: scale(1.08); opacity: 0; }
}

.home-challenge__hub-icon {
	display: grid;
	place-items: center;
	color: var(--icon-on-dark, #e2bd80);
}

.home-challenge__nodes {
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
}

.home-challenge__node {
	text-align: center;
}

.home-challenge__node-icon {
	position: relative;
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	margin: 0 auto 10px;
	border-radius: 50%;
	color: #c19a6b;
	background: linear-gradient(180deg, #ffffff, #f7f1e8);
	border: 1.5px solid rgba(193, 154, 107, 0.55);
	box-shadow: 0 12px 24px rgba(22, 69, 56, 0.12);
	opacity: 0;
	transform: translateY(10px) scale(0.9);
	transition: opacity 0.45s ease, transform 0.45s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.home-challenge__node.is-node-active .home-challenge__node-icon {
	opacity: 1;
	transform: translateY(0) scale(1);
	animation-name: challengeNodeFloat;
	animation-duration: 4.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

/* Staggered float delay per node — separate longhand rules so they win
   over the shorthand above on source order without needing !important. */
.home-challenge__node:nth-child(2).is-node-active .home-challenge__node-icon { animation-delay: 0.5s; }
.home-challenge__node:nth-child(3).is-node-active .home-challenge__node-icon { animation-delay: 1s; }
.home-challenge__node:nth-child(4).is-node-active .home-challenge__node-icon { animation-delay: 1.5s; }
.home-challenge__node:nth-child(5).is-node-active .home-challenge__node-icon { animation-delay: 2s; }

@keyframes challengeNodeFloat {
	0%, 100% { transform: translateY(0) scale(1); }
	50% { transform: translateY(-6px) scale(1); }
}

.home-challenge__node:hover .home-challenge__node-icon {
	border-color: rgba(201, 164, 107, 0.6);
	box-shadow: 0 14px 26px rgba(201, 164, 107, 0.22);
}

.home-challenge__node b {
	font-size: 12px;
	font-weight: 600;
	color: var(--color-text-secondary, #404a46);
}

.home-challenge__outcomes {
	display: none !important;
}

/* ═══════════════════════════════════════════
   SOLUTION — hub diagram, no white panel
   ═══════════════════════════════════════════ */
.home-solution__grid {
	grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
	gap: clamp(28px, 4vw, 44px);
	align-items: center;
}

.home-solution__content {
	align-self: center;
}

.home-solution__visual {
	min-height: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.home-solution__diagram {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	gap: clamp(10px, 2vw, 18px);
	align-items: center;
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
}

.home-solution__col {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}

.home-solution__col--left {
	align-items: stretch;
}

.home-solution__col--right {
	align-items: stretch;
}

.home-solution__hub-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4px;
}

.home-solution__hub-circle {
	width: clamp(130px, 15vw, 168px);
	height: clamp(130px, 15vw, 168px);
	opacity: 1;
	transform: none;
	box-shadow:
		0 0 0 6px rgba(201, 164, 107, 0.16),
		0 0 0 12px rgba(201, 164, 107, 0.08),
		0 18px 40px rgba(10, 48, 36, 0.2);
	animation: solutionHubPulse 4s ease-in-out infinite;
}

@keyframes solutionHubPulse {
	0%, 100% { box-shadow: 0 0 0 6px rgba(201, 164, 107, 0.16), 0 0 0 12px rgba(201, 164, 107, 0.08), 0 18px 40px rgba(10, 48, 36, 0.2); }
	50% { box-shadow: 0 0 0 8px rgba(201, 164, 107, 0.24), 0 0 0 16px rgba(201, 164, 107, 0.12), 0 22px 46px rgba(10, 48, 36, 0.26); }
}

.home-solution__hub-circle span {
	font-size: 11px;
	line-height: 1.35;
	max-width: 110px;
}

.home-solution__mod-card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	background: rgba(255, 255, 255, 0.28);
	border: 1px solid rgba(22, 69, 56, 0.1);
	border-radius: 12px;
	box-shadow: none;
	backdrop-filter: blur(4px);
	transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
	opacity: 1;
	transform: none;
	animation: solutionModFloat 5s ease-in-out infinite;
	min-width: 0;
}

.home-solution__col--left .home-solution__mod-card:nth-child(2) { animation-delay: 0.6s; }
.home-solution__col--left .home-solution__mod-card:nth-child(3) { animation-delay: 1.2s; }
.home-solution__col--left .home-solution__mod-card:nth-child(4) { animation-delay: 1.8s; }
.home-solution__col--right .home-solution__mod-card:nth-child(2) { animation-delay: 0.3s; }
.home-solution__col--right .home-solution__mod-card:nth-child(3) { animation-delay: 0.9s; }
.home-solution__col--right .home-solution__mod-card:nth-child(4) { animation-delay: 1.5s; }

@keyframes solutionModFloat {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-3px); }
}

.home-solution__mod-card:hover {
	transform: translateY(-3px);
	background: rgba(255, 255, 255, 0.42);
	border-color: rgba(201, 164, 107, 0.45);
}

.home-solution__mod-icon {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	display: grid;
	place-items: center;
	align-self: center;
	border-radius: 50%;
	background: rgba(10, 61, 45, 0.08);
	border: 1px solid rgba(22, 69, 56, 0.1);
	color: #164538;
}

.home-solution__mod-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	flex: 1;
}

.home-solution__mod-body b {
	display: block;
	font-size: clamp(12px, 1.1vw, 13px);
	font-weight: 700;
	color: #1a3a30;
	line-height: 1.2;
	margin-bottom: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.home-solution__mod-body span {
	display: block;
	font-size: clamp(10px, 0.95vw, 11px);
	line-height: 1.3;
	color: #5c625f;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.home-solution__modules,
.home-solution__module,
.home-solution__mod {
	display: none !important;
}

.home-solution__pills {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: clamp(10px, 1.6vw, 16px);
	width: 100%;
	max-width: 960px;
	margin: clamp(20px, 3vw, 32px) auto 0;
}

.home-solution__pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 1 auto;
	padding: 12px 16px;
	background: rgba(255, 255, 255, 0.32);
	border: 1px solid rgba(22, 69, 56, 0.08);
	border-radius: 14px;
	backdrop-filter: blur(4px);
	text-align: center;
	font-size: clamp(12px, 1.1vw, 14px);
	white-space: nowrap;
}

/* ═══════════════════════════════════════════
   INDUSTRIES STRIP (inside Our Solution)
   Compact text row — no cards, no imagery.
   ═══════════════════════════════════════════ */
.home-industries-strip {
	margin-top: clamp(26px, 3.4vw, 40px);
	padding-top: clamp(20px, 2.6vw, 28px);
	border-top: 1px solid rgba(22, 69, 56, 0.12);
	text-align: center;
}

.home-industries-strip__label {
	margin: 0 0 14px;
	font: 600 11px/1.5 var(--font-sans, 'DM Sans', sans-serif);
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #8a9390;
}

.home-industries-strip__list {
	--strip-gap: clamp(14px, 1.8vw, 24px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px var(--strip-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.home-industries-strip__item {
	position: relative;
	display: flex;
	align-items: center;
}

.home-industries-strip__item:not(:last-child)::after {
	content: '';
	position: absolute;
	right: calc(var(--strip-gap) / -2);
	width: 1px;
	height: 12px;
	background: rgba(22, 69, 56, 0.18);
}

.home-industries-strip__link {
	font-family: var(--font-sans, 'DM Sans', sans-serif);
	font-size: clamp(14px, 1.25vw, 16px);
	font-weight: 500;
	line-height: 1.4;
	color: #164538;
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.2s ease;
}

a.home-industries-strip__link:hover,
a.home-industries-strip__link:focus-visible {
	color: #a8814d;
	text-decoration: none;
}

.home-industries-strip__note {
	margin: 16px 0 0;
	font: 400 13px/1.6 var(--font-sans, 'DM Sans', sans-serif);
	color: #5c625f;
}

@media (max-width: 600px) {
	.home-industries-strip__list {
		--strip-gap: 14px;
		gap: 6px var(--strip-gap);
	}

	.home-industries-strip__link {
		font-size: 13px;
	}

	.home-industries-strip__note {
		font-size: 12px;
	}
}

/* ═══════════════════════════════════════════
   CORE CAPABILITIES + LOWER SECTIONS
   ═══════════════════════════════════════════ */
.capabilities-section,
.process-section,
.industries-section,
.case-studies-section {
	background: transparent !important;
}

.capabilities-container,
.process-container,
.industries-container {
	max-width: none;
	width: 100%;
	overflow-x: clip;
}

#industries.skavend-premium-section {
	overflow-x: clip;
}

.capability-card,
.industry-card,
.case-study-card {
	background: transparent !important;
	border: 1px solid rgba(201, 164, 107, 0.22) !important;
	box-shadow: none !important;
	backdrop-filter: none;
	padding: 24px 18px !important;
	position: relative;
	overflow: hidden;
	transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease !important;
}

.capability-card::before,
.industry-card::before,
.case-study-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 50% 0%, rgba(201, 164, 107, 0.12), transparent 65%);
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
}

.capability-card:hover,
.industry-card:hover,
.case-study-card:hover {
	transform: translateY(-6px) !important;
	box-shadow: 0 12px 28px rgba(46, 60, 52, 0.08) !important;
	border-color: rgba(201, 164, 107, 0.5) !important;
}

.capability-card:hover::before,
.industry-card:hover::before,
.case-study-card:hover::before {
	opacity: 1;
}

.capability-icon,
.industry-icon {
	animation: featureIconFloat 4.5s ease-in-out infinite;
}

.capability-card:nth-child(2) .capability-icon,
.industry-card:nth-child(2) .industry-icon { animation-delay: 0.4s; }
.capability-card:nth-child(3) .capability-icon,
.industry-card:nth-child(3) .industry-icon { animation-delay: 0.8s; }
.capability-card:nth-child(4) .capability-icon,
.industry-card:nth-child(4) .industry-icon { animation-delay: 1.2s; }

@keyframes featureIconFloat {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-3px); }
}

.capabilities-grid {
	gap: 14px;
	margin-bottom: 0;
}

.industries-grid {
	gap: 14px;
	margin-bottom: 24px;
}

.industries-note,
.skavend-cards-note {
	margin-top: 30px;
}

.case-studies-grid {
	gap: 18px !important;
}

/* How We Work — infinity wave timeline */
.process-wave {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	min-height: clamp(360px, 44vw, 440px);
	padding: 20px 0 12px;
}

.process-wave__svg {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: auto;
	z-index: 0;
	pointer-events: none;
	filter: drop-shadow(0 4px 12px rgba(201, 164, 107, 0.15));
}

.process-wave__track {
	fill: none;
	stroke: rgba(22, 69, 56, 0.12);
	stroke-width: 2.5;
	stroke-dasharray: 4 10;
	animation: processTrackPulse 4s ease-in-out infinite;
}

@keyframes processTrackPulse {
	0%, 100% { opacity: 0.5; }
	50% { opacity: 1; }
}

.process-wave__glow {
	fill: none;
	stroke: rgba(201, 164, 107, 0.35);
	stroke-width: 10;
	stroke-linecap: round;
	filter: blur(6px);
	animation: processWaveInfinity 3.2s linear infinite;
}

.process-wave__flow {
	fill: none;
	stroke: url(#processWaveGradient);
	stroke-width: 4;
	stroke-linecap: round;
	animation: processWaveInfinity 2.4s linear infinite;
}

@keyframes processWaveInfinity {
	to { stroke-dashoffset: calc(var(--wave-length, 800) * -0.14); }
}

.process-wave__num {
	display: block;
	font-family: var(--font-serif, Georgia, serif);
	font-size: clamp(30px, 3.2vw, 40px);
	font-weight: 700;
	background: linear-gradient(160deg, #164538 30%, #c9a46b 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	line-height: 1;
	margin-bottom: 6px;
}

.process-wave__title {
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 700;
	color: #0f3d2e;
	line-height: 1.2;
}

.process-wave__text {
	margin: 0;
	font-size: 13px;
	line-height: 1.5;
	color: #4a5c54;
}

.process-wave__node-ring {
	position: absolute;
	inset: -12px;
	border: 2px dashed rgba(201, 164, 107, 0.65);
	border-radius: 50%;
	animation: processNodeRing 2.8s ease-in-out infinite;
}

.process-wave__node-icon {
	position: relative;
	z-index: 1;
	width: 56px;
	height: 56px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(247, 242, 234, 0.75));
	border: 2px solid rgba(201, 164, 107, 0.45);
	color: #164538;
	box-shadow:
		0 0 0 4px rgba(201, 164, 107, 0.12),
		0 10px 24px rgba(10, 61, 45, 0.14);
	animation: processNodeFloat 3.5s ease-in-out infinite;
}

.process-wave__steps {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	min-height: inherit;
	z-index: 1;
}

.process-wave__step {
	position: absolute;
	width: 17%;
	min-width: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	transform: translateX(-50%) translateY(12px);
	opacity: 0;
	transition: opacity 0.55s ease, transform 0.55s ease;
}

.process-wave__step:nth-child(1) { left: 7%; }
.process-wave__step:nth-child(2) { left: 26%; }
.process-wave__step:nth-child(3) { left: 50%; }
.process-wave__step:nth-child(4) { left: 74%; }
.process-wave__step:nth-child(5) { left: 93%; }

.process-wave__step--below {
	top: 48%;
}

.process-wave__step--above {
	top: 4%;
}

.process-wave__step.is-wave-visible {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

.process-wave__copy {
	text-align: center;
	max-width: 170px;
}

.process-wave__node {
	position: relative;
	width: 56px;
	height: 56px;
	display: grid;
	place-items: center;
}

.process-wave__step:nth-child(2) .process-wave__node-ring { animation-delay: 0.5s; }
.process-wave__step:nth-child(3) .process-wave__node-ring { animation-delay: 1s; }
.process-wave__step:nth-child(4) .process-wave__node-ring { animation-delay: 1.5s; }
.process-wave__step:nth-child(5) .process-wave__node-ring { animation-delay: 2s; }

@keyframes processNodeRing {
	0%, 100% { transform: scale(1); opacity: 0.55; }
	50% { transform: scale(1.12); opacity: 1; }
}

.process-wave__step:nth-child(2) .process-wave__node-icon { animation-delay: 0.4s; }
.process-wave__step:nth-child(3) .process-wave__node-icon { animation-delay: 0.8s; }
.process-wave__step:nth-child(4) .process-wave__node-icon { animation-delay: 1.2s; }
.process-wave__step:nth-child(5) .process-wave__node-icon { animation-delay: 1.6s; }

@keyframes processNodeFloat {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-4px); }
}

/* Legacy process grid hidden */
.process-timeline {
	display: none !important;
}

.process-step {
	display: none !important;
}

/* Tech & AI sections — no white wrapper boxes */
.tech-engineering-section__wrapper,
.ai-solutions-section__wrapper {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	max-width: 1320px;
	margin: 0 auto;
}

.tech-engineering-section__grid.skavend-wave-grid,
.ai-solutions-section__grid.skavend-wave-grid {
	gap: 18px !important;
}

.tech-engineering-section__item,
.ai-solutions-section__item,
.capability-card,
.industry-card {
	display: none !important;
}

.industries-grid.skavend-wave-grid {
	display: grid !important;
	gap: 18px;
}


.capabilities-grid.skavend-wave-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 24px;
	margin-bottom: 0;
}

/* ═══════════════════════════════════════════
   CTA — dark forest green box restored
   ═══════════════════════════════════════════ */
.cta-banner-section {
	background: linear-gradient(135deg, #f7f2ea 0%, #ece6dc 48%, #f6f1e9 100%) !important;
	padding: 0 max(24px, 4vw) clamp(40px, 5vw, 48px) !important;
}

.cta-banner-section__wrapper {
	max-width: 1320px;
	margin: 0 auto;
	padding: clamp(52px, 6vw, 72px) clamp(28px, 4vw, 48px) !important;
	display: flex;
	justify-content: center;
	text-align: center;
	background: linear-gradient(135deg, #0a3d2d 0%, #062a1f 55%, #07301f 100%) !important;
	border-radius: 24px !important;
	box-shadow: 0 28px 60px rgba(10, 48, 36, 0.28) !important;
	overflow: hidden;
	position: relative;
}

.cta-banner-section__wrapper::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 15% 25%, rgba(201, 164, 107, 0.14), transparent 45%),
		radial-gradient(circle at 85% 75%, rgba(255, 255, 255, 0.06), transparent 40%);
	pointer-events: none;
}

.cta-banner-section__content {
	max-width: 760px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 1;
}

.cta-banner-section__eyebrow {
	margin: 0 0 12px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #c9a46b !important;
}

.cta-banner-section__title {
	font-size: clamp(28px, 3.5vw, 44px) !important;
	line-height: 1.12 !important;
	white-space: normal !important;
	margin-bottom: 14px !important;
	color: #ffffff !important;
	font-family: var(--font-serif, 'Playfair Display', Georgia, serif);
}

.cta-banner-section__text {
	max-width: 520px;
	margin: 0 auto 28px !important;
	color: rgba(255, 255, 255, 0.82) !important;
	font-size: 16px;
	line-height: 1.6;
}

.cta-banner-section__buttons {
	justify-content: center;
	gap: 14px;
}

.cta-banner-section__btn {
	height: 54px;
	padding: 0 30px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

.cta-banner-section__btn--primary {
	background: linear-gradient(135deg, #d4a95a 0%, #c9a46b 100%) !important;
	color: #0a3d2d !important;
	border: none !important;
	box-shadow: 0 8px 24px rgba(201, 164, 107, 0.35);
}

.cta-banner-section__btn--primary:hover {
	transform: translateY(-3px) !important;
	background: linear-gradient(135deg, #e0bd82 0%, #d4a95a 100%) !important;
}

.cta-banner-section__btn--secondary {
	background: transparent !important;
	color: #ffffff !important;
	border: 1.5px solid rgba(255, 255, 255, 0.42) !important;
}

.cta-banner-section__btn--secondary:hover {
	color: #ffffff !important;
	transform: translateY(-3px) !important;
	border-color: rgba(255, 255, 255, 0.75) !important;
	background: rgba(255, 255, 255, 0.12) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;
}

/* Scroll reveal */
.skavend-reveal {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity 0.55s ease, transform 0.55s ease;
}

.skavend-reveal.is-revealed {
	opacity: 1;
	transform: translateY(0);
}

/* Legacy animation classes */
.section-hidden { opacity: 0; transform: translateY(24px); transition: opacity 0.55s ease, transform 0.55s ease; }
.section-visible { opacity: 1; transform: translateY(0); }
.card-hidden { opacity: 0; transform: translateY(16px); transition: opacity 0.45s ease, transform 0.45s ease; }
.card-visible { opacity: 1; transform: translateY(0); }

.process-step.is-step-visible,
.process-step.is-revealed {
	opacity: 1;
	transform: translateY(0);
}

/* Stats compact */
.home-stats__inner { padding: 30px 0; min-height: auto; }
.home-hero__divider { display: none !important; }

/* ═══════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════ */
@media (max-width: 1100px) {
	.home-about__grid,
	.home-challenge__grid,
	.home-solution__grid {
		grid-template-columns: 1fr;
	}

	.home-about__photo-stack {
		padding-bottom: 8px;
	}

	.home-about__visual {
		padding-bottom: 8px;
	}

	.home-about__stats--overlap {
		position: relative;
		left: auto;
		bottom: auto;
		transform: none;
		width: 100%;
		margin-top: 8px;
	}

	.home-solution__visual {
		width: 100%;
	}

	.home-solution__diagram {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.home-solution__hub-wrap {
		grid-column: 1 / -1;
		order: -1;
		justify-self: center;
		margin-bottom: 4px;
	}

	.home-solution__col--left,
	.home-solution__col--right {
		display: contents;
	}

	.home-solution__mod-card {
		min-width: 0;
	}

	.home-solution__mod-body b,
	.home-solution__mod-body span {
		white-space: normal;
		overflow: visible;
		text-overflow: unset;
	}

	.home-solution__pills {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px 14px;
		max-width: 100%;
	}

	.home-solution__pill {
		width: auto;
		justify-content: center;
		white-space: nowrap;
	}

	.process-timeline {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.process-timeline::before {
		display: none;
	}

	.process-wave {
		min-height: 380px;
	}

	.process-wave__step {
		width: 19%;
		min-width: 100px;
	}

	.tech-engineering-section__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ai-solutions-section__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 768px) {
	.home-challenge__nodes {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.home-about__photo-stack {
		padding-bottom: 8px;
	}

	.home-about__visual {
		padding-bottom: 8px;
	}

	.home-about__stats--overlap {
		position: relative;
		left: auto;
		bottom: auto;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		width: 100%;
		max-width: 100%;
		transform: none;
		margin-top: 8px;
	}

	.home-about__stat {
		padding: 12px 6px;
	}

	.home-about__stat-value {
		font-size: clamp(32px, 7.5vw, 44px);
	}

	.home-about__stat > span:last-child {
		font-size: 11px;
	}

	#home-challenge {
		padding-top: clamp(40px, 6vw, 56px) !important;
	}

	.home-challenge__outcomes {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-about__stats {
		grid-template-columns: repeat(2, 1fr);
	}

	.home-solution {
		overflow: visible;
	}

	.home-solution__mod-card {
		padding: 10px 12px;
		gap: 10px;
	}

	.home-solution__mod-icon {
		flex: 0 0 32px;
		width: 32px;
		height: 32px;
	}

	.home-solution__mod-body b {
		font-size: 11px;
	}

	.home-solution__mod-body span {
		font-size: 10px;
	}

	.home-solution__pill svg {
		width: 20px;
		height: 20px;
		flex-shrink: 0;
	}

	.capabilities-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.process-timeline {
		grid-template-columns: 1fr;
	}

	.process-wave {
		min-height: auto;
		padding-bottom: 0;
	}

	.process-wave__svg {
		display: none;
	}

	.process-wave__steps {
		display: grid;
		grid-template-columns: 1fr;
		gap: 18px;
		min-height: 0;
	}

	.process-wave__step,
	.process-wave__step--above,
	.process-wave__step--below {
		position: static;
		left: auto !important;
		top: auto !important;
		width: 100%;
		min-width: 0;
		transform: none !important;
		opacity: 1;
		flex-direction: row;
		align-items: flex-start;
		text-align: left;
		gap: 14px;
		padding: 16px 18px;
		background: transparent;
		border: 1px solid rgba(201, 164, 107, 0.24);
		border-radius: 14px;
	}

	.process-wave__copy {
		text-align: left;
		max-width: none;
		flex: 1;
	}

	.process-wave__node {
		flex-shrink: 0;
	}

	.cta-banner-section__title {
		white-space: normal;
		font-size: clamp(24px, 6vw, 32px);
	}
}

@media (max-width: 520px) {
	.home-about__stats--overlap {
		grid-template-columns: repeat(2, 1fr);
		transform: none;
	}

	.home-challenge__nodes {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.capabilities-grid,
	.industries-grid,
	.tech-engineering-section__grid,
	.ai-solutions-section__grid {
		grid-template-columns: 1fr !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.skavend-reveal,
	.section-hidden,
	.card-hidden {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.home-solution__hub-circle,
	.home-solution__mod-card,
	.home-challenge__hub::before,
	.home-challenge__node-icon,
	.process-wave__flow,
	.process-wave__glow,
	.process-wave__node-ring,
	.process-wave__node-icon,
	.home-about__stat,
	.tech-engineering-section__item,
	.ai-solutions-section__item,
	.cta-banner-section__orb,
	.cta-banner-section__btn--primary,
	.skavend-particles i {
		animation: none !important;
	}

	.process-wave__step {
		opacity: 1;
		transform: none !important;
	}
}

/* Homepage rewrite — clearer offer layout */
.home-hero__microcopy {
	margin-top: 14px;
	font-size: 0.92rem;
	line-height: 1.55;
	color: rgba(244, 233, 208, 0.72);
	max-width: 34rem;
}

.home-hero__right--image {
	display: flex;
	align-items: center;
	justify-content: center;
}

.home-hero__photo-frame {
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid rgba(198, 154, 94, 0.35);
	box-shadow: 0 24px 60px rgba(8, 34, 26, 0.28);
	max-width: 560px;
}

.home-hero__photo-frame img {
	display: block;
	width: 100%;
	height: auto;
}

.section-intro {
	max-width: 46rem;
	margin: 0.75rem auto 0;
	text-align: center;
	font-size: 1.05rem;
	line-height: 1.65;
	color: rgba(16, 56, 43, 0.78);
}

.case-studies-grid--single {
	grid-template-columns: minmax(0, 1fr);
	max-width: 720px;
	margin-inline: auto;
}

.home-project__cta-wrap,
.home-process__cta-wrap,
.home-workflows__cta-wrap {
	display: flex;
	justify-content: center;
	margin-top: 28px;
}

.home-process__cta {
	min-height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 13px 26px;
	border-radius: 12px;
	font: 700 14px/1.2 var(--font-sans, 'DM Sans', sans-serif);
	color: #f4e6cf;
	background: linear-gradient(135deg, #164538, #062c21);
	box-shadow: 0 12px 26px rgba(10, 48, 36, 0.2);
	text-decoration: none;
	transition: transform 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
}

.home-process__cta:hover,
.home-process__cta:focus-visible {
	color: #fff;
	transform: translateY(-3px);
	box-shadow: 0 17px 34px rgba(10, 48, 36, 0.28);
	text-decoration: none;
}

@media (max-width: 600px) {
	.home-process__cta {
		width: 100%;
	}
}

.home-faq {
	padding: 72px 24px 88px;
	background: linear-gradient(180deg, #f7f2ea 0%, #f1ebe1 100%);
}

.home-faq__container {
	max-width: 820px;
	margin: 0 auto;
}

.home-faq__list {
	display: grid;
	gap: 14px;
	margin-top: 36px;
}

.home-faq__item {
	border: 1px solid rgba(16, 56, 43, 0.12);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.72);
	overflow: hidden;
}

.home-faq__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 20px;
	cursor: pointer;
	list-style: none;
	font-weight: 600;
	color: #10382b;
}

.home-faq__question::-webkit-details-marker {
	display: none;
}

.home-faq__q-text {
	font-size: 1rem;
	line-height: 1.45;
}

.home-faq__chevron {
	flex-shrink: 0;
	transition: transform 0.25s ease;
	color: #b1813f;
}

.home-faq__item[open] .home-faq__chevron {
	transform: rotate(180deg);
}

.home-faq__answer {
	padding: 0 20px 18px;
	color: rgba(16, 56, 43, 0.78);
	line-height: 1.65;
}

.home-inquiry__microcopy {
	margin-top: 14px;
	font-size: 0.92rem;
	color: rgba(244, 233, 208, 0.72);
}

@media (max-width: 768px) {
	.home-hero__right--image {
		margin-top: 28px;
	}

	.home-faq {
		padding: 56px 16px 72px;
	}
}