.z-hero {
	position: relative;
	overflow: hidden;
	padding-block: clamp(80px, 11vw, 168px);
	isolation: isolate;
}

.z-hero::before {
	position: absolute;
	z-index: -1;
	inset: 0;
	content: "";
	background:
		radial-gradient(circle at 72% 24%, rgba(0, 255, 156, 0.16), transparent 30rem),
		radial-gradient(circle at 22% 68%, rgba(198, 161, 91, 0.1), transparent 22rem),
		linear-gradient(135deg, rgba(0, 255, 156, 0.08), transparent 34%),
		repeating-linear-gradient(90deg, rgba(242, 255, 248, 0.024) 0 1px, transparent 1px 96px);
	mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.72) 55%, transparent 100%);
}

.z-hero::after {
	position: absolute;
	z-index: -1;
	inset-inline: 0;
	inset-block-end: 0;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, transparent, rgba(0, 255, 156, 0.46), rgba(198, 161, 91, 0.25), transparent);
}

.z-hero__grid {
	display: grid;
	align-items: center;
	grid-template-columns: minmax(0, 1.02fr) minmax(340px, 0.78fr);
	gap: clamp(40px, 7vw, 96px);
}

.z-hero__content {
	max-width: 820px;
}

.z-hero h1 {
	max-width: 780px;
	margin: 0;
	color: var(--z-text);
	font-family: var(--z-font-fa-heading);
	font-size: var(--z-type-hero);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: 0;
}

.z-hero__lead {
	max-width: 710px;
	margin-block: 24px 30px;
	color: var(--z-text-soft);
	font-size: clamp(1rem, 1.6vw, 1.22rem);
}

.z-hero__microcopy {
	margin-block: 22px 0;
	color: var(--z-muted-2);
	font-size: 0.92rem;
}

.z-hero-trust {
	display: grid;
	max-width: 720px;
	padding: 0;
	margin: 28px 0 0;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	list-style: none;
}

.z-hero-trust li {
	position: relative;
	min-height: 74px;
	padding: 14px 16px;
	border: 1px solid rgba(0, 255, 156, 0.14);
	border-radius: var(--z-radius-sm);
	background: rgba(8, 26, 18, 0.48);
	color: var(--z-text-soft);
	font-size: var(--z-type-sm);
	line-height: 1.65;
	box-shadow: inset 0 1px 0 rgba(242, 255, 248, 0.04);
}

.z-hero-trust li::before {
	position: absolute;
	inset-block-start: 14px;
	inset-inline-end: 14px;
	width: 6px;
	aspect-ratio: 1;
	content: "";
	border-radius: 50%;
	background: var(--z-gold);
	box-shadow: 0 0 18px rgba(198, 161, 91, 0.42);
}

.z-hero__visual {
	position: relative;
	display: grid;
	min-height: 460px;
	place-items: center;
	perspective: 1200px;
}

.z-hero__constellation {
	position: absolute;
	inset: 0;
	border-radius: var(--z-radius-xl);
	background-image:
		radial-gradient(circle, rgba(242, 255, 248, 0.72) 0 1px, transparent 1.4px),
		radial-gradient(circle, rgba(0, 255, 156, 0.58) 0 1px, transparent 1.5px);
	background-position: 12% 18%, 72% 76%;
	background-size: 86px 86px, 132px 132px;
	opacity: 0.38;
	mask-image: radial-gradient(circle, #000 0 52%, transparent 78%);
}

.z-time-ring {
	position: relative;
	display: grid;
	width: min(438px, 78vw);
	aspect-ratio: 1;
	place-items: center;
	border: 1px solid rgba(0, 255, 156, 0.22);
	border-radius: 50%;
	background:
		radial-gradient(circle at 50% 50%, rgba(0, 255, 156, 0.18) 0 2px, transparent 3px),
		repeating-conic-gradient(from 12deg, rgba(0, 255, 156, 0.24) 0deg 1.4deg, transparent 1.4deg 12deg),
		radial-gradient(circle, rgba(0, 255, 156, 0.1) 0 30%, rgba(8, 26, 18, 0.34) 31% 56%, transparent 57%);
	box-shadow:
		inset 0 0 88px rgba(0, 255, 156, 0.1),
		inset 0 0 0 1px rgba(242, 255, 248, 0.04),
		var(--z-shadow-glow-strong);
	transform: rotateX(7deg) rotateY(-8deg);
}

.z-time-ring::before,
.z-time-ring::after {
	position: absolute;
	content: "";
	border: 1px solid rgba(198, 161, 91, 0.22);
	border-radius: inherit;
}

.z-time-ring::before {
	inset: 11%;
	background:
		linear-gradient(transparent 49.8%, rgba(242, 255, 248, 0.14) 50%, transparent 50.2%),
		linear-gradient(90deg, transparent 49.8%, rgba(242, 255, 248, 0.14) 50%, transparent 50.2%);
}

.z-time-ring::after {
	inset: 28%;
	border-color: rgba(242, 255, 248, 0.12);
	box-shadow: inset 0 0 34px rgba(0, 255, 156, 0.08);
}

.z-orbit {
	position: absolute;
	border: 1px solid rgba(0, 255, 156, 0.18);
	border-radius: 50%;
}

.z-orbit--outer {
	inset: -7%;
	border-block-color: rgba(198, 161, 91, 0.22);
	transform: rotate(-18deg) scaleY(0.54);
}

.z-orbit--middle {
	inset: 15%;
	border-color: rgba(242, 255, 248, 0.16);
	transform: rotate(28deg) scaleY(0.58);
}

.z-orbit--inner {
	inset: 35%;
	border-color: rgba(0, 255, 156, 0.3);
	transform: rotate(-42deg) scaleY(0.6);
}

.z-orbit-point {
	position: absolute;
	z-index: 2;
	width: 10px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--z-green);
	box-shadow: 0 0 24px rgba(0, 255, 156, 0.76);
}

.z-orbit-point--one {
	inset-block-start: 17%;
	inset-inline-end: 19%;
}

.z-orbit-point--two {
	inset-block-end: 18%;
	inset-inline-start: 25%;
	width: 7px;
	background: var(--z-gold);
	box-shadow: 0 0 20px rgba(198, 161, 91, 0.64);
}

.z-time-ring__mark {
	position: relative;
	z-index: 1;
	width: clamp(124px, 22vw, 154px);
	border-radius: clamp(28px, 5vw, 36px);
	box-shadow: var(--z-shadow-glow);
	transform: translateZ(24px);
}

.z-hero-panel {
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 12px;
	display: grid;
	width: min(304px, 74vw);
	gap: 8px;
	padding: 14px;
	border: 1px solid rgba(0, 255, 156, 0.24);
	border-radius: var(--z-radius-md);
	background:
		linear-gradient(180deg, rgba(8, 26, 18, 0.82), rgba(3, 7, 5, 0.82)),
		radial-gradient(circle at 80% 20%, rgba(0, 255, 156, 0.12), transparent 12rem);
	box-shadow: var(--z-shadow-card), inset 0 1px 0 rgba(242, 255, 248, 0.06);
	backdrop-filter: blur(18px);
}

.z-hero-panel__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 10px 12px;
	border-radius: var(--z-radius-sm);
	background: rgba(8, 26, 18, 0.76);
	box-shadow: inset 0 1px 0 rgba(242, 255, 248, 0.04);
}

.z-hero-panel__item span {
	color: var(--z-gold);
	font-family: var(--z-font-en);
	font-size: 0.78rem;
	font-weight: 800;
}

.z-hero-panel__item strong {
	color: var(--z-text);
	font-family: var(--z-font-en);
	font-size: 0.82rem;
}

.z-split,
.z-automation__grid,
.z-faq__grid {
	display: grid;
	align-items: start;
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
	gap: clamp(34px, 6vw, 82px);
}

.z-problem,
.z-portfolio-preview,
.z-faq {
	background:
		linear-gradient(180deg, rgba(3, 7, 5, 0.24), rgba(8, 26, 18, 0.18)),
		radial-gradient(circle at 12% 20%, rgba(198, 161, 91, 0.06), transparent 24rem);
}

.problem-grid {
	display: grid;
	gap: 14px;
}

.problem-card,
.system-card,
.portfolio-card,
.package-card,
.faq-item,
.automation-flow__item {
	position: relative;
	overflow: hidden;
	border: 1px solid var(--z-border);
	border-radius: var(--z-radius-md);
	background:
		linear-gradient(180deg, rgba(10, 31, 22, 0.72), rgba(3, 7, 5, 0.72)),
		rgba(8, 26, 18, 0.6);
	box-shadow: var(--z-shadow-soft);
}

.problem-card {
	padding: clamp(20px, 3vw, 28px);
}

.problem-card span,
.automation-flow__item span {
	display: inline-flex;
	margin-block-end: 18px;
	color: var(--z-gold);
	font-family: var(--z-font-en);
	font-size: 0.82rem;
	font-weight: 800;
}

.problem-card h3,
.system-card h3,
.package-card h3,
.portfolio-card h3 {
	margin: 0;
	color: var(--z-text);
	font-size: clamp(1.22rem, 2vw, 1.58rem);
	line-height: 1.38;
}

.problem-card p,
.system-card p,
.portfolio-card p,
.package-card p,
.faq-item p {
	margin-block: 12px 0;
	color: var(--z-muted);
	font-size: var(--z-type-sm);
}

.z-system {
	overflow: hidden;
	isolation: isolate;
}

.system-orbit {
	position: relative;
	width: min(560px, 90vw);
	aspect-ratio: 1;
	margin: -12px auto -220px;
	border: 1px solid rgba(0, 255, 156, 0.1);
	border-radius: 50%;
	background:
		repeating-conic-gradient(from 18deg, rgba(0, 255, 156, 0.16) 0deg 1deg, transparent 1deg 18deg),
		radial-gradient(circle, rgba(0, 255, 156, 0.08), transparent 58%);
	opacity: 0.54;
	pointer-events: none;
}

.system-orbit span {
	position: absolute;
	border: 1px solid rgba(242, 255, 248, 0.1);
	border-radius: 50%;
}

.system-orbit span:first-child {
	inset: 16%;
}

.system-orbit span:nth-child(2) {
	inset: 31%;
	border-color: rgba(198, 161, 91, 0.18);
}

.system-orbit span:nth-child(3) {
	inset: 46%;
	border-color: rgba(0, 255, 156, 0.24);
}

.system-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--z-gap-md);
}

.system-card {
	min-height: 260px;
	padding: clamp(22px, 3vw, 30px);
	backdrop-filter: blur(16px);
}

.system-card__title {
	margin-block: 0 38px !important;
	color: var(--z-gold) !important;
	font-family: var(--z-font-en);
	font-size: 0.8rem !important;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.z-services .service-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.z-process {
	background:
		linear-gradient(180deg, rgba(8, 26, 18, 0.12), rgba(3, 7, 5, 0.2)),
		repeating-linear-gradient(90deg, rgba(0, 255, 156, 0.024) 0 1px, transparent 1px 120px);
}

.z-process .process-list {
	position: relative;
}

.z-process .process-list::before {
	position: absolute;
	inset-block-start: 34px;
	inset-inline: 22px;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, transparent, rgba(0, 255, 156, 0.42), rgba(198, 161, 91, 0.3), transparent);
}

.z-process .process-list li {
	min-height: 228px;
	padding-block-start: 34px;
	backdrop-filter: blur(12px);
}

.portfolio-grid,
.package-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--z-gap-md);
}

.portfolio-card {
	display: grid;
	min-height: 100%;
	grid-template-rows: 190px 1fr;
}

.portfolio-card__visual {
	position: relative;
	overflow: hidden;
	border-block-end: 1px solid rgba(0, 255, 156, 0.12);
	background:
		radial-gradient(circle at 50% 54%, rgba(0, 255, 156, 0.16), transparent 12rem),
		linear-gradient(135deg, rgba(12, 38, 27, 0.82), rgba(3, 7, 5, 0.92));
}

.portfolio-card__orbit {
	position: absolute;
	inset: 34px;
	border: 1px solid rgba(0, 255, 156, 0.24);
	border-radius: 50%;
	transform: scaleY(0.58) rotate(-18deg);
}

.portfolio-card__screen {
	position: absolute;
	inset-inline: 18%;
	inset-block-start: 46px;
	height: 96px;
	border: 1px solid rgba(242, 255, 248, 0.16);
	border-radius: 18px;
	background:
		linear-gradient(90deg, rgba(0, 255, 156, 0.24), transparent 56%),
		linear-gradient(180deg, rgba(242, 255, 248, 0.08), rgba(3, 7, 5, 0.28));
	box-shadow: var(--z-shadow-glow);
}

.portfolio-card__body {
	padding: 24px;
}

.portfolio-card__kicker,
.portfolio-card__sector,
.package-card__label,
.package-card__note {
	color: var(--z-gold) !important;
	font-size: 0.82rem !important;
	font-weight: 750;
}

.portfolio-card__meta {
	display: grid;
	gap: 14px;
	margin-block: 22px;
}

.portfolio-card__meta div {
	padding-block-start: 14px;
	border-block-start: 1px solid rgba(242, 255, 248, 0.08);
}

.portfolio-card__meta dt {
	color: var(--z-text-soft);
	font-weight: 750;
}

.portfolio-card__meta dd {
	margin: 6px 0 0;
	color: var(--z-muted);
	font-size: var(--z-type-sm);
}

.z-automation {
	overflow: hidden;
	background:
		radial-gradient(circle at 78% 28%, rgba(0, 255, 156, 0.1), transparent 28rem),
		linear-gradient(180deg, rgba(3, 7, 5, 0.2), rgba(8, 26, 18, 0.14));
}

.automation-flow {
	position: relative;
	display: grid;
	gap: 12px;
}

.automation-flow::before {
	position: absolute;
	inset-block: 24px;
	inset-inline-start: 30px;
	width: 1px;
	content: "";
	background: linear-gradient(180deg, rgba(0, 255, 156, 0.5), rgba(198, 161, 91, 0.28), transparent);
}

.automation-flow__item {
	display: grid;
	min-height: 86px;
	align-items: center;
	padding: 18px 22px;
	grid-template-columns: 70px 1fr;
	gap: 12px;
}

.automation-flow__item span {
	position: relative;
	z-index: 1;
	margin: 0;
}

.automation-flow__item strong {
	color: var(--z-text);
	font-size: clamp(1.08rem, 1.4vw, 1.3rem);
}

.package-card {
	display: flex;
	min-height: 100%;
	flex-direction: column;
	padding: clamp(24px, 3.3vw, 34px);
}

.package-card--growth {
	border-color: rgba(0, 255, 156, 0.36);
	box-shadow: var(--z-shadow-card), var(--z-shadow-glow);
}

.package-card h3 {
	font-family: var(--z-font-en);
	font-size: clamp(2rem, 4vw, 3rem);
}

.package-card ul {
	display: grid;
	gap: 10px;
	padding: 0;
	margin: 24px 0;
	list-style: none;
}

.package-card li {
	position: relative;
	padding-inline-start: 20px;
	color: var(--z-text-soft);
	font-size: var(--z-type-sm);
}

.package-card li::before {
	position: absolute;
	inset-block-start: 0.78em;
	inset-inline-start: 0;
	width: 7px;
	height: 7px;
	content: "";
	border: 1px solid var(--z-green);
	border-radius: 50%;
	background: transparent;
}

.package-card__note {
	margin-block-start: auto !important;
}

.package-card .button {
	margin-block-start: 18px;
}

.faq-list {
	display: grid;
	gap: 12px;
}

.faq-item {
	padding: 0;
}

.faq-item summary {
	position: relative;
	display: flex;
	min-height: 68px;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 18px 22px;
	color: var(--z-text);
	font-weight: 750;
	cursor: pointer;
	list-style: none;
}

.faq-item summary:focus-visible {
	outline: 2px solid var(--z-green);
	outline-offset: 4px;
	box-shadow: var(--z-focus-ring);
}

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

.faq-item summary::after {
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	content: "+";
	border: 1px solid var(--z-border-strong);
	border-radius: 50%;
	color: var(--z-green);
	font-family: var(--z-font-en);
	line-height: 24px;
	text-align: center;
}

.faq-item[open] summary::after {
	content: "-";
}

.faq-item p {
	padding: 0 22px 22px;
	margin: 0;
}

@media (max-width: 920px) {
	.z-hero__grid {
		grid-template-columns: 1fr;
	}

	.z-hero__visual {
		min-height: 390px;
	}

	.z-time-ring {
		transform: none;
	}

	.z-split,
	.z-automation__grid,
	.z-faq__grid,
	.system-grid,
	.z-services .service-grid,
	.portfolio-grid,
	.package-grid {
		grid-template-columns: 1fr;
	}

	.system-orbit {
		margin-block-end: -180px;
	}

	.z-process .process-list::before {
		display: none;
	}
}

@media (max-width: 640px) {
	.z-hero {
		padding-block: 64px 86px;
	}

	.z-hero h1 {
		font-size: clamp(2.55rem, 15vw, 4rem);
	}

	.z-hero-trust {
		grid-template-columns: 1fr;
	}

	.z-hero-trust li {
		min-height: auto;
	}

	.z-hero-panel {
		position: relative;
		inset: auto;
		margin-block-start: -48px;
	}

	.z-hero__visual {
		min-height: 330px;
	}

	.system-orbit {
		width: min(420px, 100%);
		margin-block-end: -130px;
	}

	.portfolio-card {
		grid-template-rows: 160px 1fr;
	}

	.automation-flow__item {
		grid-template-columns: 46px 1fr;
	}

	.automation-flow::before {
		inset-inline-start: 22px;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.z-time-ring {
		animation: z-ring-breathe 9s var(--z-ease) infinite alternate;
	}
}

@keyframes z-ring-breathe {
	from {
		box-shadow:
			inset 0 0 78px rgba(0, 255, 156, 0.08),
			inset 0 0 0 1px rgba(242, 255, 248, 0.04),
			0 0 54px rgba(0, 255, 156, 0.14);
	}

	to {
		box-shadow:
			inset 0 0 96px rgba(0, 255, 156, 0.13),
			inset 0 0 0 1px rgba(242, 255, 248, 0.05),
			0 0 84px rgba(0, 255, 156, 0.24);
	}
}

/* Visual redesign layer: launch MVP polish. */
.zorvan-home {
	position: relative;
	isolation: isolate;
}

.zorvan-home::before {
	position: absolute;
	z-index: -1;
	inset-inline: 0;
	inset-block-start: 0;
	height: 1180px;
	pointer-events: none;
	content: "";
	background:
		radial-gradient(circle at 76% 8%, rgba(0, 255, 156, 0.18), transparent 34rem),
		radial-gradient(circle at 16% 22%, rgba(198, 161, 91, 0.1), transparent 24rem),
		linear-gradient(180deg, rgba(0, 255, 156, 0.04), transparent 55%);
	mask-image: linear-gradient(180deg, #000 0%, transparent 88%);
}

.z-hero {
	min-height: calc(100svh - 96px);
	padding-block: clamp(84px, 9vw, 148px) clamp(92px, 10vw, 158px);
}

.z-hero::before {
	background:
		radial-gradient(circle at 76% 18%, rgba(0, 255, 156, 0.22), transparent 32rem),
		radial-gradient(circle at 24% 74%, rgba(198, 161, 91, 0.12), transparent 24rem),
		linear-gradient(135deg, rgba(0, 255, 156, 0.08), transparent 34%),
		repeating-linear-gradient(90deg, rgba(242, 255, 248, 0.022) 0 1px, transparent 1px 112px);
}

.z-hero__grid {
	grid-template-columns: minmax(0, 1.06fr) minmax(380px, 0.94fr);
	gap: clamp(42px, 7vw, 108px);
}

.z-hero__content {
	position: relative;
	z-index: 2;
}

.z-hero h1 {
	max-width: 900px;
	font-size: clamp(3.35rem, 7vw, 7.2rem);
	font-weight: 820;
	text-shadow: 0 0 46px rgba(0, 255, 156, 0.08);
}

.z-hero h1::selection {
	background: rgba(0, 255, 156, 0.9);
}

.z-hero__lead {
	max-width: 760px;
	margin-block: 28px 34px;
	color: rgba(242, 255, 248, 0.84);
	font-size: clamp(1.06rem, 1.45vw, 1.32rem);
	line-height: 2.05;
}

.z-hero .z-actions {
	gap: 14px;
}

.z-hero-trust {
	max-width: 800px;
	margin-block-start: 34px;
	gap: 12px;
}

.z-hero-trust li {
	min-height: 86px;
	padding: 16px 18px 16px 44px;
	border-color: rgba(0, 255, 156, 0.2);
	background:
		linear-gradient(180deg, rgba(242, 255, 248, 0.055), rgba(242, 255, 248, 0.018)),
		rgba(8, 26, 18, 0.58);
	color: rgba(242, 255, 248, 0.82);
	box-shadow: var(--z-shadow-edge);
	backdrop-filter: blur(18px);
}

.z-hero-trust li::before {
	inset-inline-end: auto;
	inset-inline-start: 18px;
	background: var(--z-green);
	box-shadow: 0 0 20px rgba(0, 255, 156, 0.54);
}

.z-hero__microcopy {
	max-width: 720px;
	color: var(--z-muted);
}

.z-hero__visual {
	min-height: clamp(480px, 58vw, 650px);
}

.z-hero__visual::before {
	position: absolute;
	inset: 6%;
	content: "";
	border: 1px solid rgba(0, 255, 156, 0.08);
	border-radius: 50%;
	background:
		radial-gradient(circle, rgba(0, 255, 156, 0.1), transparent 48%),
		repeating-conic-gradient(from 0deg, rgba(198, 161, 91, 0.13) 0deg 0.8deg, transparent 0.8deg 14deg);
	filter: blur(0.2px);
	opacity: 0.72;
	transform: scaleY(0.72) rotate(-9deg);
}

.z-hero__constellation {
	opacity: 0.46;
}

.z-time-ring {
	width: min(560px, 88vw);
	border-color: rgba(0, 255, 156, 0.28);
	background:
		radial-gradient(circle at 50% 50%, rgba(0, 255, 156, 0.2) 0 2px, transparent 3px),
		repeating-conic-gradient(from 12deg, rgba(0, 255, 156, 0.26) 0deg 1.2deg, transparent 1.2deg 11deg),
		radial-gradient(circle, rgba(0, 255, 156, 0.1) 0 29%, rgba(8, 26, 18, 0.28) 30% 58%, transparent 59%);
	box-shadow:
		inset 0 0 100px rgba(0, 255, 156, 0.12),
		inset 0 0 0 1px rgba(242, 255, 248, 0.045),
		0 0 96px rgba(0, 255, 156, 0.2),
		0 34px 120px rgba(0, 0, 0, 0.48);
}

.z-time-ring__mark {
	width: min(68%, 370px);
	border: 1px solid rgba(198, 161, 91, 0.28);
	border-radius: 34px;
	background: #020504;
	box-shadow:
		0 0 0 1px rgba(242, 255, 248, 0.055),
		0 0 74px rgba(0, 255, 156, 0.2),
		0 28px 80px rgba(0, 0, 0, 0.46);
	object-fit: cover;
}

.z-hero-panel {
	inset-inline-end: clamp(0px, 4vw, 34px);
	inset-block-end: clamp(0px, 3vw, 28px);
	width: min(338px, 78vw);
	padding: 16px;
	border-color: rgba(0, 255, 156, 0.28);
	background:
		linear-gradient(180deg, rgba(13, 42, 28, 0.82), rgba(3, 7, 5, 0.86)),
		radial-gradient(circle at 80% 0%, rgba(0, 255, 156, 0.18), transparent 14rem);
}

.z-hero-panel__item {
	min-height: 48px;
	border: 1px solid rgba(242, 255, 248, 0.055);
	background: rgba(2, 5, 4, 0.54);
}

.z-split,
.z-automation__grid,
.z-faq__grid {
	gap: clamp(42px, 7vw, 92px);
}

.z-problem,
.z-portfolio-preview,
.z-faq {
	background:
		radial-gradient(circle at 12% 18%, rgba(198, 161, 91, 0.08), transparent 26rem),
		linear-gradient(180deg, rgba(3, 7, 5, 0.18), rgba(8, 26, 18, 0.18));
}

.problem-grid {
	gap: 16px;
}

.problem-card,
.system-card,
.portfolio-card,
.package-card,
.faq-item,
.automation-flow__item {
	border-color: rgba(0, 255, 156, 0.18);
	background:
		linear-gradient(180deg, rgba(242, 255, 248, 0.055), rgba(242, 255, 248, 0.018)),
		linear-gradient(180deg, rgba(10, 31, 22, 0.76), rgba(3, 7, 5, 0.78));
	box-shadow: var(--z-shadow-soft), var(--z-shadow-edge);
	backdrop-filter: blur(16px);
	transition:
		border-color var(--z-duration-base) var(--z-ease),
		box-shadow var(--z-duration-base) var(--z-ease),
		transform var(--z-duration-base) var(--z-ease);
}

.problem-card:hover,
.system-card:hover,
.portfolio-card:hover,
.package-card:hover,
.automation-flow__item:hover {
	border-color: rgba(0, 255, 156, 0.36);
	box-shadow: var(--z-shadow-card), var(--z-shadow-glow), var(--z-shadow-edge);
	transform: translateY(-4px);
}

.problem-card::before,
.system-card::before,
.package-card::before {
	position: absolute;
	inset-block-start: 0;
	inset-inline: 0;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, transparent, rgba(0, 255, 156, 0.54), rgba(198, 161, 91, 0.3), transparent);
}

.problem-card span,
.automation-flow__item span,
.system-card__title,
.portfolio-card__kicker,
.package-card__label {
	color: var(--z-gold) !important;
}

.system-orbit {
	margin-block: -24px -250px;
	opacity: 0.64;
}

.system-grid {
	gap: clamp(16px, 2.2vw, 28px);
}

.system-card {
	min-height: 292px;
	padding: clamp(26px, 3.2vw, 36px);
}

.system-card:nth-child(2),
.system-card:nth-child(4) {
	margin-block-start: 34px;
}

.z-services {
	background:
		radial-gradient(circle at 82% 20%, rgba(0, 255, 156, 0.11), transparent 30rem),
		linear-gradient(180deg, rgba(2, 5, 4, 0.1), rgba(8, 26, 18, 0.16));
}

.z-services .service-grid {
	gap: clamp(18px, 2.8vw, 34px);
}

.z-services .service-card {
	min-height: 360px;
}

.z-process {
	background:
		radial-gradient(circle at 52% 20%, rgba(0, 255, 156, 0.1), transparent 34rem),
		linear-gradient(180deg, rgba(8, 26, 18, 0.1), rgba(3, 7, 5, 0.2)),
		repeating-linear-gradient(90deg, rgba(0, 255, 156, 0.022) 0 1px, transparent 1px 132px);
}

.z-process .process-list {
	gap: clamp(12px, 1.7vw, 20px);
}

.z-process .process-list::before {
	inset-block-start: 44px;
	inset-inline: 42px;
	background: linear-gradient(90deg, transparent, rgba(0, 255, 156, 0.58), rgba(198, 161, 91, 0.36), transparent);
}

.z-process .process-list li {
	min-height: 252px;
	padding: 38px 22px 24px;
}

.z-process .process-list span {
	display: inline-flex;
	min-width: 44px;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	margin-block-end: 28px;
	border: 1px solid rgba(198, 161, 91, 0.34);
	border-radius: 999px;
	background: rgba(2, 5, 4, 0.56);
	box-shadow: 0 0 24px rgba(198, 161, 91, 0.12);
}

.portfolio-grid,
.package-grid {
	gap: clamp(18px, 2.6vw, 30px);
}

.portfolio-card {
	grid-template-rows: 214px 1fr;
	border-radius: var(--z-radius-lg);
}

.portfolio-card__visual {
	background:
		radial-gradient(circle at 50% 50%, rgba(0, 255, 156, 0.2), transparent 13rem),
		repeating-conic-gradient(from 12deg, rgba(198, 161, 91, 0.12) 0deg 1deg, transparent 1deg 20deg),
		linear-gradient(135deg, rgba(12, 38, 27, 0.86), rgba(3, 7, 5, 0.94));
}

.portfolio-card__orbit {
	inset: 30px;
	border-color: rgba(0, 255, 156, 0.34);
	box-shadow: 0 0 42px rgba(0, 255, 156, 0.12);
}

.portfolio-card__screen {
	inset-inline: 17%;
	inset-block-start: 50px;
	height: 108px;
	border-radius: 20px;
	box-shadow: 0 0 46px rgba(0, 255, 156, 0.18);
}

.portfolio-card__body {
	padding: clamp(24px, 3vw, 32px);
}

.z-automation {
	background:
		radial-gradient(circle at 78% 28%, rgba(0, 255, 156, 0.13), transparent 31rem),
		radial-gradient(circle at 24% 70%, rgba(198, 161, 91, 0.08), transparent 22rem),
		linear-gradient(180deg, rgba(3, 7, 5, 0.18), rgba(8, 26, 18, 0.18));
}

.automation-flow {
	gap: 14px;
}

.automation-flow::before {
	inset-inline-start: 35px;
	background: linear-gradient(180deg, rgba(0, 255, 156, 0.62), rgba(198, 161, 91, 0.34), transparent);
}

.automation-flow__item {
	min-height: 94px;
	padding: 20px 24px;
	grid-template-columns: 76px 1fr;
}

.automation-flow__item span {
	display: inline-flex;
	width: 48px;
	height: 48px;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(0, 255, 156, 0.26);
	border-radius: 999px;
	background: rgba(2, 5, 4, 0.58);
	box-shadow: 0 0 22px rgba(0, 255, 156, 0.12);
}

.z-packages {
	background:
		radial-gradient(circle at 50% 10%, rgba(0, 255, 156, 0.11), transparent 32rem),
		linear-gradient(180deg, rgba(2, 5, 4, 0.1), rgba(8, 26, 18, 0.15));
}

.package-card {
	min-height: 520px;
	padding: clamp(28px, 3.6vw, 40px);
	border-radius: var(--z-radius-lg);
}

.package-card--growth {
	position: relative;
	border-color: rgba(0, 255, 156, 0.48);
	box-shadow: var(--z-shadow-card), 0 0 90px rgba(0, 255, 156, 0.2), var(--z-shadow-edge);
	transform: translateY(-14px);
}

.package-card--growth::after {
	position: absolute;
	inset-block-start: 18px;
	inset-inline-end: 18px;
	padding: 6px 10px;
	content: "Best Fit";
	border: 1px solid rgba(0, 255, 156, 0.28);
	border-radius: 999px;
	background: rgba(0, 255, 156, 0.12);
	color: var(--z-green-3);
	font-family: var(--z-font-en);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.package-card h3 {
	margin-block-start: 14px;
	background: linear-gradient(135deg, var(--z-text), rgba(0, 255, 156, 0.82));
	background-clip: text;
	color: transparent;
}

.package-card li {
	padding-inline-start: 24px;
}

.package-card li::before {
	width: 8px;
	height: 8px;
	background: rgba(0, 255, 156, 0.18);
	box-shadow: 0 0 16px rgba(0, 255, 156, 0.32);
}

.faq-item {
	border-radius: var(--z-radius-md);
}

.faq-item summary {
	min-height: 76px;
	padding: 20px 24px;
}

.faq-item[open] {
	border-color: rgba(0, 255, 156, 0.34);
}

.faq-item p {
	color: var(--z-text-soft);
	line-height: 1.95;
}

.z-cta-section {
	background:
		radial-gradient(circle at 50% 0%, rgba(0, 255, 156, 0.16), transparent 34rem),
		linear-gradient(180deg, rgba(3, 7, 5, 0.18), rgba(2, 5, 4, 0.92));
}

.z-cta {
	max-width: 1040px;
	border-color: rgba(0, 255, 156, 0.3);
	border-radius: var(--z-radius-xl);
	box-shadow: var(--z-shadow-card), 0 0 120px rgba(0, 255, 156, 0.16), var(--z-shadow-edge);
}

@media (max-width: 1100px) {
	.z-hero__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.z-hero__content {
		max-width: 920px;
	}

	.z-hero__visual {
		min-height: 520px;
	}

	.z-services .service-grid,
	.system-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.system-card:nth-child(2),
	.system-card:nth-child(4),
	.package-card--growth {
		margin-block-start: 0;
		transform: none;
	}
}

@media (max-width: 760px) {
	.z-hero {
		min-height: auto;
		padding-block: 58px 86px;
	}

	.z-hero h1 {
		font-size: clamp(2.75rem, 14vw, 4.35rem);
	}

	.z-hero__lead {
		font-size: 1.02rem;
		line-height: 1.95;
	}

	.z-hero .z-actions {
		align-items: stretch;
	}

	.z-hero-trust {
		grid-template-columns: 1fr;
	}

	.z-hero__visual {
		min-height: 370px;
	}

	.z-time-ring {
		width: min(390px, 86vw);
		transform: none;
	}

	.z-time-ring__mark {
		width: min(68%, 250px);
		border-radius: 24px;
	}

	.z-hero-panel {
		width: min(100%, 340px);
		margin-inline: auto;
		margin-block-start: -42px;
	}

	.z-split,
	.z-automation__grid,
	.z-faq__grid,
	.z-services .service-grid,
	.system-grid,
	.portfolio-grid,
	.package-grid {
		grid-template-columns: 1fr;
	}

	.system-orbit {
		margin-block-end: -130px;
	}

	.z-services .service-card,
	.system-card,
	.package-card {
		min-height: auto;
	}

	.portfolio-card {
		grid-template-rows: 168px 1fr;
	}

	.automation-flow__item {
		grid-template-columns: 58px 1fr;
	}

	.automation-flow::before {
		inset-inline-start: 29px;
	}

	.package-card--growth::after {
		position: static;
		align-self: flex-start;
		margin-block-end: 12px;
	}
}

/* Homepage unification and atmospheric motion layer. */
.zorvan-home {
	overflow: hidden;
	background:
		radial-gradient(circle at var(--z-pointer-x) var(--z-pointer-y), rgba(0, 255, 156, 0.09), transparent 34rem),
		linear-gradient(180deg, rgba(2, 5, 4, 0.3), rgba(2, 5, 4, 0) 34%),
		linear-gradient(180deg, rgba(2, 5, 4, 0), rgba(2, 5, 4, 0.55) 100%);
}

.zorvan-home > .z-section {
	position: relative;
	z-index: 1;
}

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

.z-atmosphere__glow,
.z-atmosphere__stars,
.z-atmosphere__dust {
	position: absolute;
	display: block;
	pointer-events: none;
}

.z-atmosphere__glow {
	width: 54vw;
	max-width: 760px;
	aspect-ratio: 1;
	border-radius: 50%;
	filter: blur(18px);
	opacity: 0.56;
	transform: translate3d(var(--z-drift-x), var(--z-drift-y), 0);
	transition: transform 700ms var(--z-ease);
}

.z-atmosphere__glow--primary {
	inset-block-start: -240px;
	inset-inline-start: clamp(-170px, 12vw, 120px);
	background: radial-gradient(circle, rgba(0, 255, 156, 0.18), rgba(0, 255, 156, 0.06) 38%, transparent 68%);
}

.z-atmosphere__glow--secondary {
	inset-block-start: 420px;
	inset-inline-end: -180px;
	width: 46vw;
	background: radial-gradient(circle, rgba(198, 161, 91, 0.12), rgba(0, 255, 156, 0.045) 42%, transparent 70%);
	transform: translate3d(calc(var(--z-drift-x) * -0.55), calc(var(--z-drift-y) * -0.55), 0);
}

.z-atmosphere__stars {
	inset: 0;
	min-height: 1600px;
	background-image:
		radial-gradient(circle, rgba(242, 255, 248, 0.7) 0 1px, transparent 1.3px),
		radial-gradient(circle, rgba(0, 255, 156, 0.46) 0 1px, transparent 1.5px),
		radial-gradient(circle, rgba(198, 161, 91, 0.44) 0 1px, transparent 1.4px);
	background-position:
		11% 8%,
		67% 22%,
		33% 52%;
	background-size:
		148px 148px,
		214px 214px,
		292px 292px;
	opacity: 0.2;
	transform: translate3d(calc(var(--z-drift-x) * -0.22), calc(var(--z-drift-y) * -0.22), 0);
}

.z-atmosphere__dust {
	inset-inline: -12%;
	inset-block-start: 0;
	height: 980px;
	background:
		radial-gradient(ellipse at 50% 18%, rgba(0, 255, 156, 0.13), transparent 44%),
		repeating-linear-gradient(100deg, transparent 0 38px, rgba(242, 255, 248, 0.018) 39px, transparent 40px 128px);
	mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.74) 48%, transparent 100%);
	opacity: 0.28;
	transform: translate3d(calc(var(--z-drift-x) * 0.16), calc(var(--z-drift-y) * 0.16), 0) skewY(-3deg);
}

.z-hero {
	display: grid;
	align-items: center;
	margin-block-start: -1px;
	background:
		radial-gradient(circle at var(--z-pointer-x) var(--z-pointer-y), rgba(0, 255, 156, 0.17), transparent 35rem),
		linear-gradient(180deg, rgba(2, 5, 4, 0.1), rgba(2, 5, 4, 0.72));
}

.z-hero::before {
	background:
		radial-gradient(circle at var(--z-pointer-x) var(--z-pointer-y), rgba(0, 255, 156, 0.24), transparent 29rem),
		radial-gradient(circle at 18% 72%, rgba(198, 161, 91, 0.1), transparent 24rem),
		linear-gradient(135deg, rgba(0, 255, 156, 0.08), transparent 38%),
		linear-gradient(90deg, transparent, rgba(242, 255, 248, 0.025), transparent);
}

.z-hero__grid {
	align-items: center;
}

.z-hero__content {
	padding-block: clamp(12px, 3vw, 28px);
}

.z-hero__content::before {
	display: block;
	width: min(320px, 68vw);
	height: 1px;
	margin-block-end: 26px;
	content: "";
	background: linear-gradient(90deg, rgba(0, 255, 156, 0.65), rgba(198, 161, 91, 0.3), transparent);
}

.z-hero__lead {
	max-width: 700px;
}

.z-hero__visual {
	transform: translate3d(calc(var(--z-drift-x) * 0.24), calc(var(--z-drift-y) * 0.24), 0);
	transition: transform 620ms var(--z-ease);
}

.z-time-ring {
	transform: rotateX(calc(7deg + var(--z-tilt-y))) rotateY(calc(-8deg + var(--z-tilt-x)));
	transition: transform 620ms var(--z-ease), box-shadow 620ms var(--z-ease);
}

.z-time-ring::before {
	inset: 9%;
	opacity: 0.82;
}

.z-orbit--outer {
	box-shadow: 0 0 42px rgba(0, 255, 156, 0.08);
}

.z-hero-panel {
	transform: translate3d(calc(var(--z-drift-x) * -0.18), calc(var(--z-drift-y) * -0.18), 0);
	transition: transform 620ms var(--z-ease);
}

.z-section:not(.z-hero, .zorvan-home-fallback, .zorvan-section-fallback) {
	padding-block: clamp(92px, 10vw, 158px);
}

.z-section:not(.z-hero, .zorvan-home-fallback, .zorvan-section-fallback)::before {
	position: absolute;
	z-index: -1;
	inset-inline: var(--z-page-x);
	inset-block-start: 0;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, transparent, rgba(0, 255, 156, 0.2), rgba(198, 161, 91, 0.14), transparent);
	opacity: 0.72;
}

.z-section__header {
	position: relative;
}

.z-section__header::after {
	display: block;
	width: min(180px, 42vw);
	height: 1px;
	margin-block-start: 24px;
	content: "";
	background: linear-gradient(90deg, rgba(0, 255, 156, 0.5), transparent);
}

.z-section__header--center::after {
	margin-inline: auto;
	background: linear-gradient(90deg, transparent, rgba(0, 255, 156, 0.5), transparent);
}

.problem-card,
.system-card,
.service-card,
.portfolio-card,
.package-card,
.faq-item,
.automation-flow__item {
	background:
		linear-gradient(180deg, rgba(242, 255, 248, 0.06), rgba(242, 255, 248, 0.018)),
		radial-gradient(circle at 18% 0%, rgba(0, 255, 156, 0.09), transparent 18rem),
		linear-gradient(180deg, rgba(10, 31, 22, 0.76), rgba(3, 7, 5, 0.82));
}

.service-card::after,
.system-card::after,
.portfolio-card::after,
.package-card:not(.package-card--growth)::after {
	position: absolute;
	inset-inline: 24px;
	inset-block-end: 0;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, transparent, rgba(0, 255, 156, 0.38), transparent);
	opacity: 0;
	transition: opacity var(--z-duration-base) var(--z-ease);
}

.service-card:hover::after,
.system-card:hover::after,
.portfolio-card:hover::after,
.package-card:hover::after {
	opacity: 1;
}

.z-problem .z-split {
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.problem-grid {
	grid-template-columns: 1fr;
}

.system-grid {
	align-items: stretch;
}

.z-process .process-list li {
	background:
		linear-gradient(180deg, rgba(242, 255, 248, 0.055), transparent),
		radial-gradient(circle at 50% 0%, rgba(0, 255, 156, 0.1), transparent 12rem),
		linear-gradient(180deg, rgba(8, 26, 18, 0.72), rgba(2, 5, 4, 0.82));
}

.portfolio-card__visual::after {
	position: absolute;
	inset: 18px;
	content: "";
	border: 1px solid rgba(198, 161, 91, 0.12);
	border-radius: 50%;
	transform: scaleY(0.42) rotate(22deg);
}

.automation-flow__item strong {
	line-height: 1.45;
}

.package-card--growth::after {
	height: auto;
	opacity: 1;
}

.z-cta {
	position: relative;
	overflow: hidden;
}

.z-cta::after {
	position: absolute;
	z-index: -1;
	inset: 12%;
	content: "";
	border: 1px solid rgba(0, 255, 156, 0.12);
	border-radius: 50%;
	background: repeating-conic-gradient(from 20deg, rgba(0, 255, 156, 0.16) 0deg 1deg, transparent 1deg 18deg);
	opacity: 0.28;
	transform: scaleY(0.52);
}

@media (prefers-reduced-motion: no-preference) {
	.z-atmosphere__dust {
		animation: z-atmosphere-drift 20s linear infinite alternate;
	}

	.z-atmosphere__stars {
		animation: z-star-breathe 9s var(--z-ease) infinite alternate;
	}

	.z-orbit-point--one {
		animation: z-orbit-pulse 3.8s var(--z-ease) infinite alternate;
	}
}

@keyframes z-atmosphere-drift {
	from {
		background-position: 0 0, 0 0;
	}

	to {
		background-position: 42px 24px, 120px 18px;
	}
}

@keyframes z-star-breathe {
	from {
		opacity: 0.16;
	}

	to {
		opacity: 0.26;
	}
}

@keyframes z-orbit-pulse {
	from {
		box-shadow: 0 0 18px rgba(0, 255, 156, 0.52);
	}

	to {
		box-shadow: 0 0 32px rgba(0, 255, 156, 0.86);
	}
}

@media (max-width: 900px) {
	.z-atmosphere__glow {
		width: 90vw;
		opacity: 0.38;
	}

	.z-atmosphere__dust {
		opacity: 0.18;
	}

	.z-section:not(.z-hero, .zorvan-home-fallback, .zorvan-section-fallback) {
		padding-block: clamp(72px, 16vw, 112px);
	}
}

@media (max-width: 640px) {
	.z-atmosphere__stars {
		opacity: 0.14;
		background-size: 180px 180px, 260px 260px, 340px 340px;
	}

	.z-atmosphere__dust,
	.z-atmosphere__glow--secondary {
		display: none;
	}

	.z-hero__content::before {
		width: 180px;
		margin-block-end: 20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.z-atmosphere__glow,
	.z-atmosphere__stars,
	.z-atmosphere__dust,
	.z-hero__visual,
	.z-time-ring,
	.z-hero-panel {
		transform: none;
	}
}

/* Top fold unification phase. */
.zorvan-home {
	background:
		radial-gradient(circle at var(--z-pointer-x) 4%, rgba(0, 255, 156, 0.14), transparent 32rem),
		radial-gradient(circle at 16% 14%, rgba(198, 161, 91, 0.12), transparent 22rem),
		linear-gradient(180deg, rgba(2, 5, 4, 0.74) 0%, rgba(2, 5, 4, 0.3) 36%, rgba(2, 5, 4, 0.84) 100%);
}

.z-atmosphere {
	inset-block-start: -90px;
}

.z-atmosphere__glow--primary {
	inset-block-start: -190px;
	inset-inline-start: max(-120px, 8vw);
	background:
		radial-gradient(circle, rgba(0, 255, 156, 0.22), rgba(198, 161, 91, 0.06) 38%, transparent 70%);
	opacity: 0.64;
}

.z-atmosphere__glow--secondary {
	inset-block-start: 220px;
	background:
		radial-gradient(circle, rgba(198, 161, 91, 0.16), rgba(0, 255, 156, 0.055) 44%, transparent 72%);
	opacity: 0.42;
}

.z-atmosphere__stars {
	min-height: 980px;
	background-image:
		radial-gradient(circle, rgba(198, 161, 91, 0.54) 0 0.9px, transparent 1.4px),
		radial-gradient(circle, rgba(187, 255, 219, 0.34) 0 0.8px, transparent 1.35px),
		radial-gradient(circle, rgba(0, 255, 156, 0.28) 0 1px, transparent 1.6px);
	background-position:
		9% 12%,
		64% 18%,
		34% 46%;
	background-size:
		172px 172px,
		246px 246px,
		328px 328px;
	opacity: 0.34;
	mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.84) 56%, transparent 100%);
}

.z-atmosphere__dust {
	height: 820px;
	background:
		radial-gradient(ellipse at 50% 16%, rgba(0, 255, 156, 0.16), transparent 43%),
		radial-gradient(ellipse at 70% 20%, rgba(198, 161, 91, 0.1), transparent 30%),
		repeating-linear-gradient(102deg, transparent 0 42px, rgba(198, 161, 91, 0.025) 43px, transparent 44px 142px);
	opacity: 0.34;
}

.z-hero {
	min-height: calc(100svh - 84px);
	padding-block: clamp(56px, 7vw, 108px) clamp(78px, 9vw, 132px);
	background:
		radial-gradient(circle at var(--z-pointer-x) var(--z-pointer-y), rgba(0, 255, 156, 0.18), transparent 33rem),
		radial-gradient(circle at 78% 42%, rgba(198, 161, 91, 0.08), transparent 26rem),
		linear-gradient(180deg, rgba(2, 5, 4, 0.12), rgba(2, 5, 4, 0.68));
}

.z-hero::before {
	mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.86) 68%, transparent 100%);
	background:
		radial-gradient(circle at var(--z-pointer-x) 18%, rgba(0, 255, 156, 0.24), transparent 30rem),
		radial-gradient(circle at 18% 78%, rgba(198, 161, 91, 0.1), transparent 22rem),
		repeating-linear-gradient(90deg, rgba(198, 161, 91, 0.018) 0 1px, transparent 1px 118px),
		linear-gradient(135deg, rgba(0, 255, 156, 0.065), transparent 40%);
}

.z-hero::after {
	height: 120px;
	background:
		linear-gradient(180deg, transparent, rgba(2, 5, 4, 0.86)),
		linear-gradient(90deg, transparent, rgba(0, 255, 156, 0.22), rgba(198, 161, 91, 0.14), transparent);
}

.z-hero__grid {
	grid-template-columns: minmax(0, 0.98fr) minmax(390px, 1.02fr);
	gap: clamp(34px, 6vw, 92px);
}

.z-hero__content {
	max-width: 880px;
	padding-block: 0;
}

.z-hero__content::before {
	width: min(360px, 72vw);
	margin-block-end: 22px;
	background: linear-gradient(90deg, rgba(198, 161, 91, 0.5), rgba(0, 255, 156, 0.54), transparent);
}

.z-hero h1 {
	max-width: 860px;
	font-size: clamp(3.15rem, 6.2vw, 6.65rem);
	line-height: 1.08;
}

.z-hero__lead {
	max-width: 690px;
	margin-block: 24px 28px;
	color: rgba(242, 255, 248, 0.86);
	font-size: clamp(1.04rem, 1.25vw, 1.22rem);
	line-height: 2;
}

.z-hero .z-actions {
	margin-block-start: 8px;
}

.z-hero-trust {
	max-width: 760px;
	margin-block-start: 30px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.z-hero-trust li {
	min-height: 78px;
	border-color: rgba(198, 161, 91, 0.14);
	background:
		linear-gradient(180deg, rgba(242, 255, 248, 0.045), rgba(242, 255, 248, 0.015)),
		radial-gradient(circle at 0% 0%, rgba(0, 255, 156, 0.11), transparent 8rem),
		rgba(4, 13, 9, 0.56);
}

.z-hero__microcopy {
	margin-block-start: 20px;
	color: rgba(147, 168, 155, 0.86);
}

.z-hero__visual {
	min-height: min(640px, 64vw);
}

.z-hero__visual::before {
	inset: 2%;
	border-color: rgba(198, 161, 91, 0.12);
	background:
		radial-gradient(circle, rgba(0, 255, 156, 0.11), transparent 48%),
		repeating-conic-gradient(from 4deg, rgba(198, 161, 91, 0.16) 0deg 0.65deg, transparent 0.65deg 14deg);
	opacity: 0.62;
	transform: scaleY(0.62) rotate(-10deg);
}

.z-hero__constellation {
	opacity: 0.32;
	background-image:
		radial-gradient(circle, rgba(198, 161, 91, 0.48) 0 1px, transparent 1.5px),
		radial-gradient(circle, rgba(0, 255, 156, 0.34) 0 1px, transparent 1.5px);
}

.z-time-ring {
	width: min(540px, 86vw);
	background:
		radial-gradient(circle at 50% 50%, rgba(198, 161, 91, 0.18) 0 1px, transparent 2px),
		repeating-conic-gradient(from 12deg, rgba(198, 161, 91, 0.18) 0deg 0.8deg, transparent 0.8deg 9deg),
		repeating-conic-gradient(from 2deg, rgba(0, 255, 156, 0.17) 0deg 1.1deg, transparent 1.1deg 17deg),
		radial-gradient(circle, rgba(0, 255, 156, 0.09) 0 30%, rgba(8, 26, 18, 0.25) 31% 58%, transparent 59%);
	box-shadow:
		inset 0 0 96px rgba(0, 255, 156, 0.11),
		inset 0 0 0 1px rgba(198, 161, 91, 0.08),
		0 0 92px rgba(0, 255, 156, 0.18),
		0 38px 120px rgba(0, 0, 0, 0.48);
}

.z-time-ring__mark {
	width: min(62%, 330px);
	border-color: rgba(198, 161, 91, 0.32);
	border-radius: 32px;
}

.z-hero-panel {
	inset-inline-end: clamp(0px, 3vw, 22px);
	inset-block-end: 18px;
	width: min(312px, 70vw);
	border-color: rgba(198, 161, 91, 0.2);
	background:
		radial-gradient(circle at 100% 0%, rgba(0, 255, 156, 0.15), transparent 10rem),
		linear-gradient(180deg, rgba(9, 30, 20, 0.82), rgba(2, 5, 4, 0.84));
}

.z-hero-system-map {
	position: absolute;
	inset-inline-start: clamp(0px, 2.2vw, 28px);
	inset-block-end: clamp(20px, 5vw, 70px);
	width: min(330px, 70vw);
	aspect-ratio: 1.14;
	border: 1px solid rgba(0, 255, 156, 0.18);
	border-radius: 30px;
	background:
		radial-gradient(circle at 50% 50%, rgba(0, 255, 156, 0.14), transparent 38%),
		linear-gradient(180deg, rgba(242, 255, 248, 0.055), rgba(242, 255, 248, 0.018)),
		rgba(3, 7, 5, 0.52);
	box-shadow: var(--z-shadow-soft), var(--z-shadow-edge);
	backdrop-filter: blur(16px);
	transform: translate3d(calc(var(--z-drift-x) * 0.12), calc(var(--z-drift-y) * -0.12), 0);
	transition: transform 620ms var(--z-ease), border-color var(--z-duration-base) var(--z-ease);
}

.z-hero-system-map::before,
.z-hero-system-map::after {
	position: absolute;
	inset: 17%;
	content: "";
	border: 1px solid rgba(198, 161, 91, 0.15);
	border-radius: 50%;
	transform: scaleY(0.54) rotate(-17deg);
}

.z-hero-system-map::after {
	inset: 27%;
	border-color: rgba(0, 255, 156, 0.18);
	transform: scaleY(0.62) rotate(28deg);
}

.z-hero-system-map__core,
.z-hero-system-map__node {
	position: absolute;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(0, 255, 156, 0.2);
	border-radius: 999px;
	background: rgba(2, 5, 4, 0.68);
	color: var(--z-text-soft);
	font-family: var(--z-font-en);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	line-height: 1;
	text-transform: uppercase;
	box-shadow: 0 0 22px rgba(0, 255, 156, 0.1);
}

.z-hero-system-map__core {
	inset-block-start: 50%;
	inset-inline-start: 50%;
	width: 82px;
	height: 38px;
	color: var(--z-green-3);
	transform: translate(-50%, -50%);
}

.z-hero-system-map__node {
	min-width: 86px;
	min-height: 32px;
	padding-inline: 12px;
}

.z-hero-system-map__node--site {
	inset-block-start: 18px;
	inset-inline-start: 24px;
}

.z-hero-system-map__node--content {
	inset-block-start: 24px;
	inset-inline-end: 22px;
}

.z-hero-system-map__node--automation {
	inset-block-end: 24px;
	inset-inline-start: 20px;
}

.z-hero-system-map__node--growth {
	inset-block-end: 18px;
	inset-inline-end: 26px;
	border-color: rgba(198, 161, 91, 0.26);
	color: var(--z-gold);
}

@media (max-width: 1100px) {
	.z-hero {
		min-height: auto;
	}

	.z-hero__grid {
		grid-template-columns: 1fr;
	}

	.z-hero__visual {
		min-height: 560px;
	}
}

@media (max-width: 760px) {
	.z-hero {
		padding-block: 48px 76px;
	}

	.z-hero h1 {
		font-size: clamp(2.6rem, 13vw, 4.1rem);
	}

	.z-hero-trust {
		grid-template-columns: 1fr;
	}

	.z-hero__visual {
		min-height: 430px;
	}

	.z-hero-system-map {
		position: relative;
		inset: auto;
		width: min(100%, 330px);
		margin: -24px auto 0;
	}

	.z-hero-panel {
		position: relative;
		inset: auto;
		width: min(100%, 330px);
		margin: 14px auto 0;
	}
}

@media (max-width: 520px) {
	.z-hero__visual {
		min-height: 390px;
	}

	.z-hero-system-map {
		width: min(100%, 300px);
	}

	.z-hero-system-map__node {
		min-width: 74px;
		font-size: 0.64rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.z-hero-system-map {
		transform: none;
	}
}

/* Unified top fold and relevant system visual. */
.zorvan-home {
	background:
		radial-gradient(circle at var(--z-pointer-x) 8%, rgba(0, 255, 156, 0.13), transparent 30rem),
		radial-gradient(ellipse at 14% 16%, rgba(198, 161, 91, 0.09), transparent 25rem),
		linear-gradient(180deg, #020504 0%, #04110b 34%, #020705 68%, #020504 100%);
}

.z-atmosphere {
	inset-block-start: -78px;
}

.z-atmosphere__glow--primary {
	inset-block-start: -220px;
	inset-inline-start: clamp(-140px, 7vw, 96px);
	background: radial-gradient(circle, rgba(0, 255, 156, 0.2), rgba(110, 151, 92, 0.065) 38%, transparent 70%);
	opacity: 0.58;
}

.z-atmosphere__glow--secondary {
	inset-block-start: 180px;
	inset-inline-end: -130px;
	background: radial-gradient(circle, rgba(198, 161, 91, 0.14), rgba(30, 122, 79, 0.052) 46%, transparent 72%);
	opacity: 0.4;
}

.z-atmosphere__stars {
	min-height: 1050px;
	background-image:
		radial-gradient(circle, rgba(232, 210, 154, 0.62) 0 0.8px, transparent 1.35px),
		radial-gradient(circle, rgba(174, 223, 190, 0.38) 0 0.75px, transparent 1.3px),
		radial-gradient(circle, rgba(89, 185, 132, 0.32) 0 0.95px, transparent 1.5px),
		radial-gradient(circle, rgba(201, 178, 111, 0.38) 0 0.65px, transparent 1.2px);
	background-position:
		7% 11%,
		63% 19%,
		31% 48%,
		81% 37%;
	background-size:
		188px 188px,
		257px 257px,
		337px 337px,
		421px 421px;
	mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.78) 60%, transparent 100%);
	opacity: 0.3;
}

.z-atmosphere__dust {
	height: 900px;
	background:
		radial-gradient(ellipse at 54% 17%, rgba(0, 255, 156, 0.135), transparent 41%),
		radial-gradient(ellipse at 76% 24%, rgba(198, 161, 91, 0.075), transparent 27%),
		repeating-linear-gradient(102deg, transparent 0 46px, rgba(198, 161, 91, 0.02) 47px, transparent 48px 158px);
	mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.62) 54%, transparent 100%);
	opacity: 0.27;
}

.z-hero {
	min-height: max(720px, calc(100svh - 76px));
	padding-block: 54px 118px;
	background:
		radial-gradient(circle at var(--z-pointer-x) var(--z-pointer-y), rgba(0, 255, 156, 0.135), transparent 31rem),
		radial-gradient(ellipse at 78% 42%, rgba(198, 161, 91, 0.07), transparent 26rem),
		linear-gradient(180deg, rgba(2, 5, 4, 0.02), rgba(2, 5, 4, 0.5));
}

.z-hero::before {
	mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.88) 72%, transparent 100%);
	background:
		radial-gradient(circle at var(--z-pointer-x) 15%, rgba(0, 255, 156, 0.18), transparent 29rem),
		radial-gradient(circle at 15% 72%, rgba(198, 161, 91, 0.075), transparent 22rem),
		repeating-linear-gradient(90deg, rgba(198, 161, 91, 0.014) 0 1px, transparent 1px 126px),
		linear-gradient(138deg, rgba(0, 255, 156, 0.052), transparent 42%);
}

.z-hero::after {
	height: 190px;
	background:
		linear-gradient(180deg, transparent, #020705 86%),
		radial-gradient(ellipse at 50% 100%, rgba(0, 255, 156, 0.12), transparent 58%);
}

.z-hero__grid {
	grid-template-columns: minmax(0, 1.03fr) minmax(430px, 0.97fr);
	gap: clamp(46px, 6vw, 88px);
}

.z-hero__content {
	position: relative;
	z-index: 2;
	max-width: 780px;
}

.z-hero__content::before {
	display: none;
}

.z-hero .z-eyebrow {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding-inline: 0 18px;
	margin-block-end: 22px;
	border: 0;
	background: none;
	color: rgba(209, 187, 125, 0.92);
	font-size: 0.86rem;
	letter-spacing: 0;
}

.z-hero .z-eyebrow::before {
	width: 30px;
	height: 1px;
	margin-inline-end: 12px;
	content: "";
	background: linear-gradient(90deg, var(--z-gold), var(--z-green));
	box-shadow: 0 0 16px rgba(0, 255, 156, 0.22);
}

.z-hero h1 {
	max-width: 760px;
	font-size: 4.9rem;
	font-weight: 790;
	line-height: 1.14;
}

.z-hero__lead {
	max-width: 670px;
	margin-block: 26px 30px;
	color: rgba(222, 240, 229, 0.86);
	font-size: 1.13rem;
	line-height: 2;
}

.z-hero .z-actions {
	align-items: center;
	margin-block-start: 0;
}

.z-hero .button {
	min-width: 166px;
}

.z-hero-trust {
	display: flex;
	max-width: 740px;
	flex-wrap: wrap;
	gap: 12px 0;
	margin-block-start: 32px;
}

.z-hero-trust li {
	min-height: auto;
	padding: 0 18px;
	border: 0;
	border-inline-start: 1px solid rgba(198, 161, 91, 0.18);
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: rgba(183, 204, 191, 0.84);
	font-size: 0.84rem;
	line-height: 1.8;
}

.z-hero-trust li:first-child {
	padding-inline-start: 0;
	border-inline-start: 0;
}

.z-hero-trust li::before {
	position: static;
	display: inline-block;
	width: 5px;
	margin-inline-end: 9px;
	background: rgba(198, 161, 91, 0.9);
	box-shadow: 0 0 13px rgba(198, 161, 91, 0.35);
	vertical-align: 0.08em;
}

.z-hero__visual {
	min-height: 590px;
	transform: translate3d(var(--z-drift-x), var(--z-drift-y), 0);
	transition: transform 680ms var(--z-ease);
}

.z-hero__visual::before,
.z-hero__constellation,
.z-time-ring,
.z-hero-panel,
.z-hero-system-map {
	display: none;
}

.z-system-visual {
	position: relative;
	display: grid;
	width: min(610px, 100%);
	aspect-ratio: 1.04;
	place-items: center;
	isolation: isolate;
}

.z-system-visual::before {
	position: absolute;
	z-index: -2;
	inset: 4%;
	content: "";
	border-radius: 50%;
	background:
		radial-gradient(circle, rgba(0, 255, 156, 0.13), transparent 42%),
		repeating-conic-gradient(from 5deg, rgba(198, 161, 91, 0.12) 0deg 0.55deg, transparent 0.55deg 13deg);
	filter: drop-shadow(0 0 34px rgba(0, 255, 156, 0.08));
	opacity: 0.68;
	transform: scaleY(0.76) rotate(-8deg);
}

.z-system-visual::after {
	position: absolute;
	z-index: -3;
	inset: 17%;
	content: "";
	border-radius: 50%;
	background: rgba(0, 255, 156, 0.14);
	filter: blur(80px);
	opacity: 0.62;
}

.z-system-visual__orbit {
	position: absolute;
	z-index: -1;
	border: 1px solid rgba(198, 161, 91, 0.2);
	border-radius: 50%;
	pointer-events: none;
}

.z-system-visual__orbit::before,
.z-system-visual__orbit::after {
	position: absolute;
	width: 7px;
	aspect-ratio: 1;
	content: "";
	border-radius: 50%;
	background: var(--z-gold);
	box-shadow: 0 0 20px rgba(198, 161, 91, 0.55);
}

.z-system-visual__orbit::before {
	inset-block-start: 22%;
	inset-inline-start: -3px;
}

.z-system-visual__orbit::after {
	inset-block-end: 17%;
	inset-inline-end: -3px;
	background: var(--z-green-2);
	box-shadow: 0 0 22px rgba(0, 255, 156, 0.48);
}

.z-system-visual__orbit--outer {
	inset: 4% 0;
	transform: rotate(-12deg) scaleY(0.72);
}

.z-system-visual__orbit--inner {
	inset: 12% 8%;
	border-color: rgba(0, 255, 156, 0.18);
	transform: rotate(28deg) scaleY(0.78);
}

.z-system-visual__node {
	position: absolute;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 10px;
	border: 1px solid rgba(198, 161, 91, 0.16);
	border-radius: 999px;
	background: rgba(2, 8, 5, 0.78);
	color: rgba(220, 235, 225, 0.82);
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(10px);
}

.z-system-visual__node::before {
	width: 6px;
	aspect-ratio: 1;
	content: "";
	border-radius: 50%;
	background: var(--z-green-2);
	box-shadow: 0 0 12px rgba(0, 255, 156, 0.48);
}

.z-system-visual__node--website {
	inset-block-start: 9%;
	inset-inline-end: 8%;
}

.z-system-visual__node--content {
	inset-block-start: 26%;
	inset-inline-start: 0;
}

.z-system-visual__node--automation {
	inset-block-end: 21%;
	inset-inline-end: 0;
}

.z-system-visual__node--growth {
	inset-block-end: 7%;
	inset-inline-start: 12%;
	border-color: rgba(198, 161, 91, 0.28);
	color: rgba(229, 206, 145, 0.9);
}

.z-system-visual__node--growth::before {
	background: var(--z-gold);
	box-shadow: 0 0 14px rgba(198, 161, 91, 0.5);
}

.z-system-window {
	position: relative;
	z-index: 2;
	overflow: hidden;
	width: 78%;
	min-height: 390px;
	border: 1px solid rgba(198, 161, 91, 0.2);
	border-radius: 10px;
	background:
		linear-gradient(rgba(0, 255, 156, 0.024) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0, 255, 156, 0.024) 1px, transparent 1px),
		linear-gradient(155deg, rgba(10, 34, 23, 0.94), rgba(2, 7, 5, 0.96));
	background-size: 42px 42px, 42px 42px, 100% 100%;
	box-shadow:
		0 42px 110px rgba(0, 0, 0, 0.58),
		0 0 70px rgba(0, 255, 156, 0.1),
		inset 0 1px 0 rgba(235, 220, 174, 0.1);
	transform: perspective(1200px) rotateX(calc(1deg + var(--z-tilt-y))) rotateY(calc(-2deg + var(--z-tilt-x)));
	transition: transform 680ms var(--z-ease), border-color var(--z-duration-base) var(--z-ease);
}

.z-system-window__toolbar {
	display: grid;
	min-height: 46px;
	align-items: center;
	padding-inline: 15px;
	border-block-end: 1px solid rgba(198, 161, 91, 0.12);
	grid-template-columns: auto 1fr auto;
	gap: 12px;
	background: rgba(2, 8, 5, 0.72);
}

.z-system-window__lights {
	display: flex;
	gap: 5px;
}

.z-system-window__lights i {
	width: 5px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: rgba(198, 161, 91, 0.6);
}

.z-system-window__lights i:nth-child(2) {
	background: rgba(80, 180, 126, 0.58);
}

.z-system-window__lights i:nth-child(3) {
	background: rgba(158, 194, 169, 0.34);
}

.z-system-window__address {
	overflow: hidden;
	color: rgba(151, 173, 159, 0.72);
	font-family: var(--z-font-en);
	font-size: 0.65rem;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.z-system-window__status {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: rgba(179, 222, 195, 0.78);
	font-size: 0.67rem;
}

.z-system-window__status::before {
	width: 5px;
	aspect-ratio: 1;
	content: "";
	border-radius: 50%;
	background: var(--z-green-2);
	box-shadow: 0 0 10px rgba(0, 255, 156, 0.5);
}

.z-system-window__workspace {
	display: grid;
	min-height: 258px;
	padding: 18px;
	grid-template-columns: minmax(0, 1.45fr) minmax(112px, 0.55fr);
	gap: 12px;
}

.z-site-blueprint,
.z-content-engine {
	border: 1px solid rgba(0, 255, 156, 0.1);
	border-radius: 8px;
	background: rgba(3, 12, 8, 0.64);
}

.z-site-blueprint {
	position: relative;
	overflow: hidden;
	padding: 16px;
}

.z-site-blueprint::after {
	position: absolute;
	inset: auto -14% -45% 38%;
	width: 160px;
	aspect-ratio: 1;
	content: "";
	border: 1px solid rgba(198, 161, 91, 0.12);
	border-radius: 50%;
	box-shadow: 0 0 46px rgba(0, 255, 156, 0.08);
}

.z-site-blueprint__brand {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	color: rgba(209, 187, 125, 0.78);
	font-size: 0.65rem;
	font-weight: 700;
}

.z-site-blueprint__brand img {
	width: 54px;
	height: 54px;
	border: 0;
	border-radius: 0;
	object-fit: contain;
	filter: drop-shadow(0 0 14px rgba(0, 255, 156, 0.2));
}

.z-site-blueprint__headline,
.z-site-blueprint__copy {
	display: grid;
	gap: 7px;
}

.z-site-blueprint__headline {
	margin-block-start: 20px;
}

.z-site-blueprint__headline span,
.z-site-blueprint__copy span,
.z-site-blueprint__cta,
.z-site-blueprint__modules span {
	display: block;
	border-radius: 2px;
	background: linear-gradient(90deg, rgba(201, 224, 209, 0.66), rgba(75, 144, 105, 0.18));
}

.z-site-blueprint__headline span {
	width: 82%;
	height: 9px;
}

.z-site-blueprint__headline span:last-child {
	width: 60%;
}

.z-site-blueprint__copy {
	margin-block-start: 15px;
	gap: 5px;
}

.z-site-blueprint__copy span {
	width: 92%;
	height: 3px;
	opacity: 0.45;
}

.z-site-blueprint__copy span:nth-child(2) {
	width: 78%;
}

.z-site-blueprint__copy span:nth-child(3) {
	width: 66%;
}

.z-site-blueprint__cta {
	width: 72px;
	height: 20px;
	margin-block-start: 18px;
	background: linear-gradient(90deg, rgba(0, 255, 156, 0.78), rgba(25, 195, 125, 0.42));
	box-shadow: 0 0 16px rgba(0, 255, 156, 0.12);
}

.z-site-blueprint__modules {
	display: grid;
	margin-block-start: 18px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
}

.z-site-blueprint__modules span {
	height: 38px;
	border: 1px solid rgba(198, 161, 91, 0.1);
	border-radius: 4px;
	background: rgba(11, 36, 24, 0.7);
}

.z-content-engine {
	display: flex;
	min-width: 0;
	flex-direction: column;
	padding: 14px 12px;
}

.z-content-engine p {
	margin: 0;
	color: rgba(209, 187, 125, 0.82);
	font-size: 0.66rem;
	font-weight: 700;
}

.z-content-engine__signal {
	display: flex;
	height: 58px;
	align-items: end;
	gap: 5px;
	margin-block: 20px 18px;
}

.z-content-engine__signal span {
	width: 100%;
	height: 32%;
	border-radius: 2px 2px 0 0;
	background: linear-gradient(180deg, rgba(0, 255, 156, 0.82), rgba(25, 195, 125, 0.16));
	box-shadow: 0 0 12px rgba(0, 255, 156, 0.08);
}

.z-content-engine__signal span:nth-child(2) {
	height: 58%;
	animation-delay: 180ms;
}

.z-content-engine__signal span:nth-child(3) {
	height: 44%;
	animation-delay: 360ms;
}

.z-content-engine__signal span:nth-child(4) {
	height: 82%;
	animation-delay: 540ms;
}

.z-content-engine__signal span:nth-child(5) {
	height: 68%;
	animation-delay: 720ms;
}

.z-content-engine ul {
	display: grid;
	gap: 7px;
	padding: 0;
	margin: auto 0 0;
	color: rgba(171, 195, 180, 0.7);
	font-size: 0.62rem;
	list-style: none;
}

.z-content-engine li {
	position: relative;
	padding-inline-start: 11px;
}

.z-content-engine li::before {
	position: absolute;
	inset-block-start: 0.78em;
	inset-inline-start: 0;
	width: 4px;
	aspect-ratio: 1;
	content: "";
	border-radius: 50%;
	background: rgba(198, 161, 91, 0.72);
}

.z-system-pipeline {
	position: relative;
	display: grid;
	padding: 14px 18px 16px;
	margin: 0;
	border-block-start: 1px solid rgba(198, 161, 91, 0.11);
	grid-template-columns: repeat(4, minmax(0, 1fr));
	list-style: none;
}

.z-system-pipeline::before {
	position: absolute;
	inset-block-start: 21px;
	inset-inline: 12.5%;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, rgba(0, 255, 156, 0.52), rgba(198, 161, 91, 0.34));
}

.z-system-pipeline li {
	position: relative;
	z-index: 1;
	display: grid;
	justify-items: center;
	gap: 6px;
}

.z-system-pipeline span {
	display: grid;
	width: 16px;
	aspect-ratio: 1;
	place-items: center;
	border: 1px solid rgba(198, 161, 91, 0.32);
	border-radius: 50%;
	background: #04110b;
	color: transparent;
	font-size: 0;
}

.z-system-pipeline li:last-child span {
	border-color: rgba(0, 255, 156, 0.56);
	background: var(--z-green-2);
	box-shadow: 0 0 18px rgba(0, 255, 156, 0.34);
}

.z-system-pipeline strong {
	color: rgba(177, 199, 184, 0.76);
	font-size: 0.62rem;
	font-weight: 650;
}

.zorvan-home > .z-section:not(.z-hero, .zorvan-home-fallback, .zorvan-section-fallback) {
	margin-block-start: -1px;
	padding-block: clamp(90px, 9vw, 146px);
}

.zorvan-home > .z-section:not(.z-hero, .zorvan-home-fallback, .zorvan-section-fallback)::before {
	inset-block-start: -120px;
	inset-inline: 0;
	height: 260px;
	background: radial-gradient(ellipse at 50% 50%, rgba(0, 255, 156, 0.055), transparent 64%);
	opacity: 0.74;
}

.z-hero + .z-problem {
	padding-block-start: clamp(88px, 8vw, 128px);
	background:
		linear-gradient(180deg, #020705 0%, rgba(4, 17, 11, 0.72) 42%, rgba(2, 7, 5, 0.2) 100%),
		radial-gradient(ellipse at 50% 0%, rgba(0, 255, 156, 0.08), transparent 48%);
}

.z-system,
.z-process,
.z-automation,
.z-faq {
	background:
		radial-gradient(ellipse at 74% 20%, rgba(0, 255, 156, 0.035), transparent 36rem),
		linear-gradient(180deg, rgba(2, 7, 5, 0.12), rgba(4, 17, 11, 0.26), rgba(2, 7, 5, 0.12));
}

@media (prefers-reduced-motion: no-preference) {
	.z-system-visual__orbit--outer {
		animation: z-system-orbit-outer 44s linear infinite;
	}

	.z-system-visual__orbit--inner {
		animation: z-system-orbit-inner 32s linear infinite reverse;
	}

	.z-content-engine__signal span {
		animation: z-system-signal 4.8s var(--z-ease) infinite alternate;
		animation-delay: 0ms;
	}
}

@keyframes z-system-orbit-outer {
	from {
		transform: rotate(-12deg) scaleY(0.72);
	}

	to {
		transform: rotate(348deg) scaleY(0.72);
	}
}

@keyframes z-system-orbit-inner {
	from {
		transform: rotate(28deg) scaleY(0.78);
	}

	to {
		transform: rotate(388deg) scaleY(0.78);
	}
}

@keyframes z-system-signal {
	from {
		filter: brightness(0.8);
		transform: scaleY(0.82);
		transform-origin: bottom;
	}

	to {
		filter: brightness(1.12);
		transform: scaleY(1);
		transform-origin: bottom;
	}
}

@media (max-width: 1180px) {
	.z-hero__grid {
		grid-template-columns: minmax(0, 1fr) minmax(390px, 0.86fr);
		gap: 38px;
	}

	.z-hero h1 {
		font-size: 4.15rem;
	}
}

@media (max-width: 1020px) {
	.z-hero {
		min-height: auto;
		padding-block: 68px 108px;
	}

	.z-hero__grid {
		grid-template-columns: 1fr;
	}

	.z-hero__content {
		max-width: 840px;
	}

	.z-hero__visual {
		min-height: auto;
	}

	.z-system-visual {
		width: min(640px, 100%);
		margin-inline: auto;
	}
}

@media (max-width: 720px) {
	.z-atmosphere__stars {
		background-size: 216px 216px, 294px 294px, 382px 382px, 468px 468px;
		opacity: 0.24;
	}

	.z-hero {
		padding-block: 42px 88px;
	}

	.z-hero h1 {
		font-size: 3.2rem;
		line-height: 1.18;
	}

	.z-hero__lead {
		font-size: 1.02rem;
	}

	.z-hero .z-actions {
		align-items: stretch;
	}

	.z-hero .button {
		width: auto;
		min-width: 150px;
		flex: 1 1 150px;
	}

	.z-hero-trust {
		display: grid;
		gap: 9px;
	}

	.z-hero-trust li,
	.z-hero-trust li:first-child {
		padding-inline-start: 0;
		border-inline-start: 0;
	}

	.z-system-visual__node {
		font-size: 0.66rem;
	}

	.z-system-window {
		width: 80%;
		min-height: 340px;
	}

	.z-system-window__workspace {
		min-height: 218px;
		padding: 12px;
		grid-template-columns: minmax(0, 1.45fr) minmax(96px, 0.55fr);
	}

	.z-site-blueprint {
		padding: 12px;
	}

	.z-site-blueprint__brand img {
		width: 44px;
		height: 44px;
	}
}

@media (max-width: 520px) {
	.z-hero h1 {
		font-size: 2.55rem;
	}

	.z-hero .z-eyebrow {
		font-size: 0.78rem;
	}

	.z-system-visual {
		width: min(390px, 108%);
		margin-inline: -4%;
	}

	.z-system-visual__node {
		padding: 5px 8px;
		font-size: 0.61rem;
	}

	.z-system-visual__node--content {
		inset-inline-start: 1%;
	}

	.z-system-visual__node--automation {
		inset-inline-end: 1%;
	}

	.z-system-window {
		width: 82%;
		min-height: 306px;
	}

	.z-system-window__toolbar {
		min-height: 40px;
		padding-inline: 10px;
		grid-template-columns: auto 1fr;
	}

	.z-system-window__status {
		display: none;
	}

	.z-system-window__workspace {
		min-height: 198px;
		grid-template-columns: 1fr 82px;
		gap: 8px;
	}

	.z-site-blueprint__brand span {
		display: none;
	}

	.z-site-blueprint__headline {
		margin-block-start: 14px;
	}

	.z-site-blueprint__modules {
		margin-block-start: 14px;
	}

	.z-site-blueprint__modules span {
		height: 30px;
	}

	.z-content-engine {
		padding: 10px 8px;
	}

	.z-content-engine__signal {
		height: 42px;
		gap: 3px;
		margin-block: 14px;
	}

	.z-content-engine ul {
		font-size: 0.54rem;
	}

	.z-system-pipeline {
		padding-inline: 10px;
	}

	.z-system-pipeline strong {
		font-size: 0.55rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.z-hero__visual,
	.z-system-window {
		animation: none;
		transform: none;
	}

	.z-system-visual__orbit,
	.z-content-engine__signal span {
		animation: none;
	}

	.z-system-visual__orbit--outer {
		transform: rotate(-12deg) scaleY(0.72);
	}

	.z-system-visual__orbit--inner {
		transform: rotate(28deg) scaleY(0.78);
	}
}

/* Design system correction: minimal atmospheric hero. */
.zorvan-home {
	background:
		radial-gradient(circle at var(--z-pointer-x) 12%, rgba(38, 142, 94, 0.09), transparent 29rem),
		linear-gradient(180deg, #020504 0%, #031009 34%, #020805 68%, #020504 100%);
}

.z-atmosphere {
	inset-block-start: -72px;
}

.z-atmosphere__glow {
	filter: blur(26px);
	transition: transform 900ms var(--z-ease);
}

.z-atmosphere__glow--primary {
	inset-block-start: -250px;
	inset-inline-start: 12%;
	width: min(56vw, 700px);
	background: radial-gradient(circle, rgba(36, 171, 109, 0.14), rgba(49, 112, 75, 0.04) 42%, transparent 72%);
	opacity: 0.5;
}

.z-atmosphere__glow--secondary {
	inset-block-start: 210px;
	inset-inline-end: -120px;
	width: min(42vw, 540px);
	background: radial-gradient(circle, rgba(210, 178, 105, 0.085), rgba(55, 126, 84, 0.03) 48%, transparent 74%);
	opacity: 0.34;
}

.z-atmosphere__stars {
	min-height: 920px;
	background-image:
		radial-gradient(circle, rgba(210, 178, 105, 0.62) 0 0.65px, transparent 1.15px),
		radial-gradient(circle, rgba(120, 255, 190, 0.36) 0 0.7px, transparent 1.2px),
		radial-gradient(circle, rgba(159, 190, 141, 0.32) 0 0.55px, transparent 1.05px),
		radial-gradient(circle, rgba(210, 178, 105, 0.32) 0 0.5px, transparent 1px);
	background-position:
		8% 13%,
		66% 24%,
		28% 54%,
		84% 42%;
	background-size:
		226px 226px,
		314px 314px,
		398px 398px,
		486px 486px;
	mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.72) 64%, transparent 100%);
	opacity: 0.3;
	transform: translate3d(var(--z-drift-x), var(--z-drift-y), 0);
	transition: transform 900ms var(--z-ease);
}

.z-atmosphere__dust {
	height: 820px;
	background:
		radial-gradient(ellipse at 52% 18%, rgba(43, 164, 105, 0.08), transparent 43%),
		radial-gradient(ellipse at 76% 26%, rgba(210, 178, 105, 0.045), transparent 28%);
	mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.5) 58%, transparent 100%);
	opacity: 0.3;
	transform: none;
}

.z-hero {
	display: flex;
	min-height: clamp(600px, calc(100svh - 72px), 760px);
	align-items: center;
	padding-block: clamp(64px, 8vh, 88px) clamp(80px, 10vh, 112px);
	text-align: center;
	background:
		radial-gradient(circle at var(--z-pointer-x) var(--z-pointer-y), rgba(67, 223, 162, 0.075), transparent 27rem),
		linear-gradient(180deg, rgba(2, 5, 4, 0.02), rgba(2, 8, 5, 0.38));
}

.z-hero::before {
	mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.82) 70%, transparent 100%);
	background:
		radial-gradient(circle at 50% 28%, rgba(42, 154, 99, 0.075), transparent 25rem),
		linear-gradient(90deg, transparent, rgba(210, 178, 105, 0.012), transparent);
}

.z-hero::after {
	height: 150px;
	background: linear-gradient(180deg, transparent, #020805 92%);
}

.z-hero__inner {
	position: relative;
	z-index: 2;
	display: block;
}

.z-hero__content {
	max-width: 900px;
	padding: 0;
	margin-inline: auto;
}

.z-hero__content::before {
	display: none;
}

.z-hero .z-eyebrow {
	display: inline-flex;
	min-height: auto;
	justify-content: center;
	padding: 0;
	margin-block-end: 20px;
	border: 0;
	background: transparent;
	color: rgba(210, 178, 105, 0.86);
	font-size: 0.75rem;
	letter-spacing: 0;
}

.z-hero .z-eyebrow::before {
	width: 20px;
	margin-inline-end: 8px;
	background: linear-gradient(90deg, rgba(210, 178, 105, 0.76), rgba(67, 223, 162, 0.52));
	box-shadow: none;
}

.z-hero h1 {
	max-width: 860px;
	margin: 0 auto;
	font-size: clamp(2.7rem, 5.4vw, 4.65rem);
	font-weight: 780;
	line-height: 1.18;
}

.z-hero__lead {
	max-width: 700px;
	margin: 24px auto 28px;
	color: rgba(207, 226, 215, 0.84);
	font-size: clamp(1rem, 1.3vw, 1.14rem);
	line-height: 2;
}

.z-hero .z-actions {
	justify-content: center;
	gap: 12px;
	margin-block-start: 0;
}

.z-hero .button {
	width: auto;
	min-width: 152px;
}

.z-hero-trust {
	display: flex;
	max-width: 780px;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px 0;
	margin: 28px auto 0;
}

.z-hero-trust li,
.z-hero-trust li:first-child {
	min-height: auto;
	padding: 0 16px;
	border: 0;
	border-inline-start: 1px solid rgba(210, 178, 105, 0.14);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: rgba(145, 165, 154, 0.82);
	font-size: 0.8rem;
	line-height: 1.7;
}

.z-hero-trust li:first-child {
	border-inline-start: 0;
}

.z-hero-trust li::before {
	display: none;
}

.z-hero__time-field {
	position: absolute;
	z-index: 0;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	transform: translate3d(var(--z-drift-x), var(--z-drift-y), 0);
	transition: transform 1000ms var(--z-ease);
}

.z-hero__orbit {
	position: absolute;
	inset-block-start: 48%;
	inset-inline-start: 50%;
	border: 1px solid rgba(210, 178, 105, 0.09);
	border-radius: 50%;
}

.z-hero__orbit--outer {
	width: min(920px, 84vw);
	aspect-ratio: 1;
	transform: translate(-50%, -50%) rotate(-8deg) scaleY(0.35);
}

.z-hero__orbit--inner {
	width: min(600px, 62vw);
	aspect-ratio: 1;
	border-color: rgba(120, 255, 190, 0.065);
	transform: translate(-50%, -50%) rotate(19deg) scaleY(0.42);
}

.z-hero__axis {
	position: absolute;
	inset-block-start: 16%;
	inset-inline-start: 50%;
	width: 1px;
	height: 58%;
	background: linear-gradient(180deg, transparent, rgba(210, 178, 105, 0.12), rgba(67, 223, 162, 0.08), transparent);
}

.z-hero__point {
	position: absolute;
	width: 4px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: rgba(210, 178, 105, 0.8);
	box-shadow: 0 0 12px rgba(210, 178, 105, 0.26);
}

.z-hero__point--one {
	inset-block-start: 29%;
	inset-inline-start: 18%;
}

.z-hero__point--two {
	inset-block-start: 34%;
	inset-inline-end: 17%;
	background: rgba(120, 255, 190, 0.62);
	box-shadow: 0 0 12px rgba(67, 223, 162, 0.22);
}

.z-hero__point--three {
	inset-block-end: 22%;
	inset-inline-start: 52%;
	width: 3px;
}

.zorvan-home > .z-section:not(.z-hero, .zorvan-home-fallback, .zorvan-section-fallback) {
	margin-block-start: 0;
	padding-block: var(--z-section-y);
}

.zorvan-home > .z-section:not(.z-hero, .zorvan-home-fallback, .zorvan-section-fallback)::before,
.z-section__header::after {
	display: none;
}

.z-hero + .z-problem {
	padding-block-start: clamp(80px, 8vw, 112px);
	background:
		radial-gradient(ellipse at 50% 0%, rgba(39, 133, 87, 0.055), transparent 48%),
		linear-gradient(180deg, #020805 0%, rgba(4, 16, 10, 0.5) 54%, rgba(2, 8, 5, 0.1) 100%);
}

.z-problem .z-split {
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
	gap: clamp(48px, 6vw, 72px);
}

.problem-grid {
	gap: 8px;
}

.problem-card {
	display: grid;
	min-height: auto;
	padding: 22px 24px;
	border-color: rgba(99, 221, 159, 0.09);
	border-radius: var(--z-radius-md);
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 4px 16px;
	background: rgba(6, 21, 14, 0.52);
	box-shadow: none;
}

.problem-card span {
	grid-row: 1 / 3;
	margin: 3px 0 0;
	color: rgba(210, 178, 105, 0.7);
	font-size: 0.72rem;
}

.problem-card h3 {
	font-size: 1.12rem;
	line-height: 1.55;
}

.problem-card p {
	margin-block-start: 4px;
	line-height: 1.8;
}

.system-orbit {
	display: none;
}

.system-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.system-card {
	min-height: 208px;
	padding: 24px;
	border-color: rgba(99, 221, 159, 0.09);
	border-radius: var(--z-radius-md);
	background: rgba(6, 21, 14, 0.52);
	box-shadow: none;
	backdrop-filter: blur(10px);
}

.system-card__title {
	margin-block-end: 24px !important;
	color: rgba(210, 178, 105, 0.72) !important;
	font-size: 0.72rem !important;
	letter-spacing: 0.08em;
}

.system-card h3 {
	font-size: 1.18rem;
}

.problem-card,
.system-card,
.service-card,
.portfolio-card,
.package-card,
.faq-item,
.automation-flow__item {
	border-color: rgba(99, 221, 159, 0.09);
	background:
		linear-gradient(180deg, rgba(235, 247, 240, 0.025), transparent),
		rgba(6, 21, 14, 0.52);
	box-shadow: none;
}

.problem-card,
.system-card,
.service-card,
.portfolio-card,
.package-card {
	transition:
		border-color var(--z-duration-base) var(--z-ease),
		box-shadow var(--z-duration-base) var(--z-ease),
		transform var(--z-duration-base) var(--z-ease);
}

.problem-card:hover,
.system-card:hover,
.service-card:hover,
.portfolio-card:hover,
.package-card:hover {
	border-color: rgba(99, 221, 159, 0.2);
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.18);
	transform: translateY(-2px);
}

.package-card--growth {
	border-color: rgba(99, 221, 159, 0.22);
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22), 0 0 28px rgba(67, 223, 162, 0.055);
}

.z-system,
.z-services,
.z-process,
.z-portfolio-preview,
.z-automation,
.z-packages,
.z-faq {
	background:
		radial-gradient(ellipse at 72% 18%, rgba(42, 130, 86, 0.025), transparent 34rem),
		linear-gradient(180deg, rgba(2, 8, 5, 0.08), rgba(4, 16, 10, 0.18), rgba(2, 8, 5, 0.08));
}

@media (prefers-reduced-motion: no-preference) {
	.z-atmosphere__stars {
		animation: z-minimal-stars 12s var(--z-ease) infinite alternate;
	}

	.z-atmosphere__dust {
		animation: none;
	}

	.z-hero__point {
		animation: z-minimal-point 5.5s var(--z-ease) infinite alternate;
	}

	.z-hero__point--two {
		animation-delay: 1.7s;
	}

	.z-hero__point--three {
		animation-delay: 3.1s;
	}
}

@keyframes z-minimal-stars {
	from {
		opacity: 0.25;
	}

	to {
		opacity: 0.32;
	}
}

@keyframes z-minimal-point {
	from {
		opacity: 0.42;
	}

	to {
		opacity: 0.9;
	}
}

@media (max-width: 960px) {
	.z-problem .z-split {
		grid-template-columns: 1fr;
		gap: 40px;
	}

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

@media (max-width: 720px) {
	.z-atmosphere__glow--secondary,
	.z-atmosphere__dust {
		display: none;
	}

	.z-atmosphere__stars {
		background-size: 286px 286px, 382px 382px, 468px 468px, 560px 560px;
		opacity: 0.22;
		animation: none;
	}

	.z-hero {
		min-height: auto;
		padding-block: 64px 88px;
	}

	.z-hero h1 {
		font-size: clamp(2.45rem, 11vw, 3.35rem);
		line-height: 1.22;
	}

	.z-hero__lead {
		font-size: 1rem;
		line-height: 1.95;
	}

	.z-hero .z-actions {
		align-items: stretch;
	}

	.z-hero .button {
		width: 100%;
		min-width: 0;
	}

	.z-hero-trust {
		display: grid;
		gap: 8px;
	}

	.z-hero-trust li,
	.z-hero-trust li:first-child {
		padding: 0;
		border: 0;
	}

	.z-hero__orbit--outer {
		width: 112vw;
	}

	.z-hero__orbit--inner {
		width: 78vw;
	}

	.z-hero__axis {
		opacity: 0.55;
	}

	.problem-card {
		padding: 20px;
	}
}

@media (max-width: 600px) {
	.system-grid {
		grid-template-columns: 1fr;
	}

	.system-card {
		min-height: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.z-atmosphere__stars,
	.z-hero__time-field,
	.z-hero__point {
		animation: none;
		transform: none;
	}
}

/* Benchmark-informed agency UI system v2. */
.z-hero .z-eyebrow {
	font-family: var(--z-font-ui);
	font-weight: 500;
}

.z-hero h1 {
	max-width: 980px;
}

.z-hero__lead {
	max-width: 760px;
}

.z-section__header h2 {
	max-width: 760px;
}

.z-section__header--center h2 {
	margin-inline: auto;
}

.z-problem .z-section__header {
	position: sticky;
	inset-block-start: 112px;
}

.problem-card {
	align-items: start;
}

.problem-card span {
	display: grid;
	width: 28px;
	aspect-ratio: 1;
	place-items: center;
	border: 1px solid rgba(210, 178, 105, 0.18);
	border-radius: 50%;
	background: rgba(210, 178, 105, 0.035);
}

.z-system .z-section__header {
	margin-block-end: 48px;
}

.system-card {
	position: relative;
	overflow: hidden;
}

.system-card::after {
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	width: 2px;
	content: "";
	background: linear-gradient(180deg, transparent, rgba(67, 223, 162, 0.34), transparent);
	opacity: 0.55;
}

.system-card:nth-child(2)::after,
.system-card:nth-child(4)::after {
	background: linear-gradient(180deg, transparent, rgba(210, 178, 105, 0.3), transparent);
}

.system-card p:last-child {
	line-height: 1.85;
}

.z-services .service-grid {
	gap: 16px;
}

.z-services .service-card {
	display: grid;
	min-height: 360px;
	align-content: start;
	padding: 32px;
}

.service-card__kicker {
	display: grid;
	width: 32px;
	aspect-ratio: 1;
	place-items: center;
	margin-block-end: 28px;
	border: 1px solid rgba(210, 178, 105, 0.2);
	border-radius: 50%;
	background: rgba(210, 178, 105, 0.035);
	color: rgba(210, 178, 105, 0.82);
	font-size: 0.68rem;
	letter-spacing: 0;
}

.service-card h3 {
	font-size: clamp(1.45rem, 2vw, 1.85rem);
}

.service-card > p:not(.service-card__kicker, .service-card__outcome) {
	max-width: 540px;
	line-height: 1.9;
}

.service-card__outcome {
	padding-block: 16px;
	margin-block: 22px 0 !important;
	border-block: 1px solid rgba(99, 221, 159, 0.08);
	color: rgba(207, 226, 215, 0.9) !important;
	font-size: 0.9rem !important;
	line-height: 1.8;
}

.service-card__list {
	margin-block-start: 18px;
}

.service-card__list li::before {
	width: 5px;
	height: 5px;
	background: rgba(67, 223, 162, 0.72);
	box-shadow: none;
}

.z-process .process-list {
	gap: 0;
	border-block: 1px solid rgba(99, 221, 159, 0.08);
}

.z-process .process-list::before {
	display: none;
}

.z-process .process-list li {
	min-height: 232px;
	padding: 30px 24px;
	border: 0;
	border-inline-end: 1px solid rgba(99, 221, 159, 0.08);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
}

.z-process .process-list li:last-child {
	border-inline-end: 0;
}

.z-process .process-list li::after {
	inset-block-start: 34px;
	inset-inline-end: 24px;
	width: 5px;
	background: rgba(67, 223, 162, 0.72);
	box-shadow: 0 0 12px rgba(67, 223, 162, 0.18);
}

.z-process .process-list span {
	margin-block-end: 32px;
	color: rgba(210, 178, 105, 0.7);
	font-size: 0.72rem;
}

.z-process .process-list strong {
	font-family: var(--z-font-fa-heading);
	font-size: 1.2rem;
}

.z-process .process-list p {
	margin-block-start: 14px;
	line-height: 1.85;
}

.portfolio-grid {
	gap: 16px;
}

.portfolio-card {
	grid-template-rows: 156px 1fr;
}

.portfolio-card__visual {
	border-block-end-color: rgba(99, 221, 159, 0.08);
	background:
		radial-gradient(circle at 76% 26%, rgba(67, 223, 162, 0.08), transparent 9rem),
		linear-gradient(145deg, rgba(8, 30, 19, 0.82), rgba(2, 8, 5, 0.94));
}

.portfolio-card:nth-child(2) .portfolio-card__visual {
	background:
		radial-gradient(circle at 24% 72%, rgba(210, 178, 105, 0.07), transparent 9rem),
		linear-gradient(145deg, rgba(11, 28, 19, 0.84), rgba(2, 8, 5, 0.94));
}

.portfolio-card:nth-child(3) .portfolio-card__visual {
	background:
		radial-gradient(circle at 68% 42%, rgba(94, 166, 125, 0.07), transparent 9rem),
		linear-gradient(145deg, rgba(7, 26, 17, 0.84), rgba(2, 8, 5, 0.94));
}

.portfolio-card__orbit {
	inset: 28px;
	border-color: rgba(210, 178, 105, 0.1);
	opacity: 0.68;
}

.portfolio-card__screen {
	inset-inline: 22%;
	inset-block-start: 38px;
	height: 82px;
	border-color: rgba(99, 221, 159, 0.14);
	border-radius: 6px;
	background:
		linear-gradient(rgba(207, 226, 215, 0.08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(207, 226, 215, 0.08) 1px, transparent 1px),
		rgba(4, 17, 11, 0.78);
	background-size: 100% 22px, 44px 100%, 100% 100%;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}

.portfolio-card__screen::before {
	position: absolute;
	inset-block-start: 11px;
	inset-inline-start: 12px;
	width: 42%;
	height: 4px;
	content: "";
	border-radius: 2px;
	background: rgba(67, 223, 162, 0.34);
	box-shadow: 0 15px 0 rgba(207, 226, 215, 0.08), 0 25px 0 rgba(207, 226, 215, 0.055);
}

.portfolio-card__body {
	padding: 26px;
}

.portfolio-card__kicker {
	margin-block-end: 14px;
	font-size: 0.68rem !important;
}

.portfolio-card h3 {
	font-family: var(--z-font-fa-heading);
	font-size: 1.35rem;
}

.portfolio-card__sector {
	min-height: 52px;
	line-height: 1.75;
}

.portfolio-card__meta {
	margin-block: 20px;
}

.portfolio-card__meta dt {
	font-size: 0.84rem;
}

.portfolio-card__meta dd {
	line-height: 1.75;
}

.z-automation__grid {
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
}

.automation-flow {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.automation-flow::before {
	display: none;
}

.automation-flow__item {
	min-height: 76px;
	padding: 16px 18px;
	grid-template-columns: 36px 1fr;
	gap: 12px;
}

.automation-flow__item span {
	display: grid;
	width: 28px;
	aspect-ratio: 1;
	place-items: center;
	margin: 0;
	border: 1px solid rgba(210, 178, 105, 0.16);
	border-radius: 50%;
	font-size: 0.66rem;
}

.automation-flow__item strong {
	font-family: var(--z-font-ui);
	font-size: 0.92rem;
	font-weight: 500;
}

.package-grid {
	align-items: stretch;
	gap: 16px;
}

.package-card {
	padding: 32px;
}

.package-card__label {
	min-height: 44px;
	margin-block-end: 14px !important;
	line-height: 1.7;
}

.package-card h3 {
	font-size: clamp(2rem, 3vw, 2.7rem);
}

.package-card > p:not(.package-card__label, .package-card__note) {
	min-height: 84px;
	line-height: 1.85;
}

.package-card ul {
	padding-block: 20px;
	margin-block: 18px 22px;
	border-block: 1px solid rgba(99, 221, 159, 0.08);
}

.package-card .button {
	width: 100%;
}

.faq-list {
	gap: 0;
	border-block-start: 1px solid rgba(99, 221, 159, 0.1);
}

.faq-item {
	border: 0;
	border-block-end: 1px solid rgba(99, 221, 159, 0.1);
	border-radius: 0;
	background: transparent;
}

.faq-item[open] {
	background: rgba(67, 223, 162, 0.025);
}

.faq-item summary {
	min-height: 72px;
	padding-inline: 8px;
	font-family: var(--z-font-ui);
	font-weight: 500;
}

.faq-item summary::after {
	width: 24px;
	height: 24px;
	border-color: rgba(99, 221, 159, 0.16);
	line-height: 22px;
}

.faq-item p {
	max-width: 680px;
	padding: 0 8px 24px;
	line-height: 1.95;
}

.z-cta {
	max-width: 1040px;
	padding: clamp(48px, 7vw, 80px);
	border-color: rgba(99, 221, 159, 0.14);
	border-radius: var(--z-radius-lg);
	background:
		radial-gradient(circle at 50% 0%, rgba(67, 223, 162, 0.11), transparent 24rem),
		linear-gradient(180deg, rgba(8, 28, 18, 0.84), rgba(3, 11, 7, 0.9));
	box-shadow: 0 30px 78px rgba(0, 0, 0, 0.28);
}

.z-cta::after {
	opacity: 0.12;
}

.z-cta h2 {
	max-width: 760px;
	margin-inline: auto;
}

@media (max-width: 1040px) {
	.z-process .process-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		border-block-end: 0;
	}

	.z-process .process-list li {
		min-height: 190px;
		border-block-end: 1px solid rgba(99, 221, 159, 0.08);
	}

	.portfolio-card__sector,
	.package-card__label,
	.package-card > p:not(.package-card__label, .package-card__note) {
		min-height: auto;
	}
}

@media (max-width: 760px) {
	.z-problem .z-section__header {
		position: static;
	}

	.z-services .service-card,
	.package-card {
		padding: 24px;
	}

	.z-services .service-card {
		min-height: auto;
	}

	.z-process .process-list,
	.automation-flow {
		grid-template-columns: 1fr;
	}

	.z-process .process-list li {
		min-height: auto;
		border-inline-end: 0;
	}

	.z-automation__grid {
		grid-template-columns: 1fr;
	}
}

/* Market-ready conversion and section differentiation. */
.z-hero__audience {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	max-width: 760px;
	padding-block: 8px;
	padding-inline: 12px;
	margin: 0 auto 24px;
	border-block: 1px solid rgba(210, 178, 105, 0.1);
	color: rgba(207, 226, 215, 0.78);
	font-family: var(--z-font-ui);
	font-size: 0.82rem;
	line-height: 1.7;
}

.z-hero__audience span {
	color: rgba(210, 178, 105, 0.82);
	font-weight: 700;
}

.z-hero-trust {
	gap: 8px;
}

.z-hero-trust li,
.z-hero-trust li:first-child {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border: 1px solid rgba(99, 221, 159, 0.09);
	border-radius: var(--z-radius-sm);
	background: rgba(6, 21, 14, 0.46);
	color: rgba(178, 199, 187, 0.86);
}

.z-hero-trust li::before {
	display: block;
	width: 5px;
	aspect-ratio: 1;
	content: "";
	border-radius: 50%;
	background: rgba(67, 223, 162, 0.72);
	box-shadow: 0 0 10px rgba(67, 223, 162, 0.16);
}

.z-problem {
	background:
		radial-gradient(ellipse at 82% 18%, rgba(210, 178, 105, 0.055), transparent 28rem),
		linear-gradient(180deg, #020805 0%, rgba(7, 18, 12, 0.58) 52%, rgba(2, 8, 5, 0.16) 100%) !important;
}

.z-business-signals {
	display: grid;
	padding: 0;
	margin: 24px 0 28px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	list-style: none;
}

.z-business-signals li {
	position: relative;
	padding: 12px 32px 12px 14px;
	border: 1px solid rgba(210, 178, 105, 0.09);
	border-radius: var(--z-radius-sm);
	background: rgba(210, 178, 105, 0.025);
	color: rgba(207, 226, 215, 0.82);
	font-size: 0.82rem;
	line-height: 1.7;
}

.z-business-signals li::before {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: 14px;
	width: 6px;
	aspect-ratio: 1;
	content: "";
	border: 1px solid rgba(210, 178, 105, 0.48);
	border-radius: 50%;
	transform: translateY(-50%);
}

.problem-card {
	border-inline-start: 2px solid rgba(210, 178, 105, 0.2);
	background:
		linear-gradient(90deg, rgba(210, 178, 105, 0.035), transparent 36%),
		rgba(7, 18, 12, 0.6);
}

.z-system {
	background:
		linear-gradient(rgba(99, 221, 159, 0.018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(99, 221, 159, 0.018) 1px, transparent 1px),
		radial-gradient(ellipse at 50% 42%, rgba(67, 223, 162, 0.045), transparent 32rem),
		#030b07 !important;
	background-size: 96px 96px, 96px 96px, 100% 100%, 100% 100% !important;
}

.system-grid {
	position: relative;
}

.system-grid::before {
	position: absolute;
	inset-block-start: 28px;
	inset-inline: 8%;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, transparent, rgba(210, 178, 105, 0.16), rgba(67, 223, 162, 0.2), transparent);
}

.system-card {
	padding-block-start: 34px;
}

.system-card__title {
	position: relative;
	z-index: 1;
	display: inline-flex;
	padding-inline-end: 10px;
	background: #04100a;
}

.z-services {
	background:
		radial-gradient(ellipse at 14% 22%, rgba(67, 223, 162, 0.035), transparent 30rem),
		linear-gradient(180deg, rgba(2, 8, 5, 0.12), rgba(5, 17, 11, 0.32), rgba(2, 8, 5, 0.12)) !important;
}

.z-services .service-card:first-child {
	border-color: rgba(67, 223, 162, 0.17);
	background:
		radial-gradient(circle at 88% 12%, rgba(67, 223, 162, 0.07), transparent 16rem),
		rgba(7, 24, 16, 0.7);
}

.z-services .service-card:nth-child(2) {
	border-color: rgba(210, 178, 105, 0.12);
}

.service-card__outcome span,
.service-card__list-label,
.service-card__fit span {
	display: block;
	margin-block-end: 6px;
	color: rgba(210, 178, 105, 0.72);
	font-size: 0.68rem;
	font-weight: 700;
	line-height: 1.4;
}

.service-card__list-label {
	margin-block: 18px 0;
}

.service-card__list {
	margin-block-start: 10px;
}

.service-card__fit {
	padding-block-start: 18px;
	margin-block: auto 0 !important;
	border-block-start: 1px solid rgba(99, 221, 159, 0.08);
}

.service-card__fit strong {
	display: block;
	color: rgba(207, 226, 215, 0.86);
	font-size: 0.84rem;
	font-weight: 500;
	line-height: 1.8;
}

.z-process {
	background:
		linear-gradient(90deg, rgba(210, 178, 105, 0.018) 1px, transparent 1px),
		linear-gradient(180deg, rgba(5, 15, 10, 0.58), rgba(2, 8, 5, 0.2)) !important;
	background-size: 120px 100%, 100% 100% !important;
}

.z-portfolio-preview {
	background:
		radial-gradient(ellipse at 50% 0%, rgba(210, 178, 105, 0.045), transparent 32rem),
		linear-gradient(180deg, rgba(5, 15, 10, 0.2), rgba(8, 24, 16, 0.5), rgba(3, 10, 6, 0.2)) !important;
}

.portfolio-card__visual-tag {
	position: absolute;
	z-index: 3;
	inset-block-start: 14px;
	inset-inline-start: 14px;
	padding: 5px 8px;
	border: 1px solid rgba(210, 178, 105, 0.14);
	border-radius: 4px;
	background: rgba(2, 8, 5, 0.72);
	color: rgba(210, 178, 105, 0.72);
	font-family: var(--z-font-en);
	font-size: 0.58rem;
	font-weight: 700;
	letter-spacing: 0.08em;
}

.portfolio-card__components {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.portfolio-card__components li {
	padding: 4px 7px;
	border: 1px solid rgba(99, 221, 159, 0.09);
	border-radius: 4px;
	background: rgba(67, 223, 162, 0.025);
	color: rgba(178, 199, 187, 0.8);
	font-size: 0.72rem;
}

.z-automation {
	background:
		radial-gradient(ellipse at 76% 42%, rgba(67, 223, 162, 0.07), transparent 30rem),
		linear-gradient(180deg, rgba(2, 8, 5, 0.18), rgba(5, 19, 12, 0.54), rgba(2, 8, 5, 0.18)) !important;
}

.automation-flow__item:nth-child(even) {
	border-color: rgba(210, 178, 105, 0.1);
}

.z-packages {
	background:
		radial-gradient(ellipse at 50% 18%, rgba(210, 178, 105, 0.04), transparent 28rem),
		linear-gradient(180deg, rgba(3, 10, 6, 0.3), rgba(2, 7, 4, 0.74), rgba(3, 10, 6, 0.3)) !important;
}

.package-card {
	position: relative;
}

.package-card__recommended {
	display: inline-flex;
	align-self: flex-start;
	padding: 5px 8px;
	margin: 0 0 12px !important;
	border: 1px solid rgba(67, 223, 162, 0.18);
	border-radius: 4px;
	background: rgba(67, 223, 162, 0.055);
	color: rgba(183, 245, 218, 0.86) !important;
	font-size: 0.68rem !important;
	font-weight: 700;
}

.package-card--growth {
	border-color: rgba(67, 223, 162, 0.26);
	background:
		radial-gradient(circle at 50% 0%, rgba(67, 223, 162, 0.08), transparent 18rem),
		linear-gradient(180deg, rgba(8, 29, 19, 0.82), rgba(4, 14, 9, 0.86));
}

.package-card--growth .button {
	border-color: rgba(67, 223, 162, 0.22);
	background: rgba(67, 223, 162, 0.09);
}

.z-faq {
	background:
		linear-gradient(180deg, rgba(2, 8, 5, 0.08), rgba(6, 18, 12, 0.34), rgba(2, 8, 5, 0.08)) !important;
}

.z-cta-section {
	background:
		radial-gradient(ellipse at 50% 100%, rgba(67, 223, 162, 0.055), transparent 34rem),
		#020704;
}

.z-cta__note {
	max-width: 600px !important;
	margin-block: 16px 0 !important;
	color: rgba(145, 165, 154, 0.76) !important;
	font-size: 0.78rem;
}

@media (max-width: 960px) {
	.system-grid::before {
		display: none;
	}

	.z-automation__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	.z-hero__audience {
		display: grid;
		gap: 4px;
	}

	.z-hero-trust li,
	.z-hero-trust li:first-child {
		justify-content: flex-start;
	}

	.z-business-signals {
		grid-template-columns: 1fr;
	}

	.service-card__fit {
		margin-block-start: 20px !important;
	}
}