:root {
	--color-bg: #060b12;
	--color-bg-soft: #0a1320;
	--color-bg-panel: #101c2b;
	--color-bg-panel-strong: #132538;
	--color-surface: #ffffff;
	--color-surface-muted: #f4f7fb;
	--color-surface-subtle: #eef3f8;
	--color-text: #eef4fb;
	--color-text-strong: #0c1726;
	--color-text-muted: #9fb0c3;
	--color-text-soft: #5c6d82;
	--color-border: rgba(160, 214, 198, 0.14);
	--color-border-strong: rgba(160, 214, 198, 0.28);
	--color-accent: #58e0bf;
	--color-accent-strong: #2fd4ad;
	--color-accent-soft: rgba(88, 224, 191, 0.14);
	--color-accent-contrast: #041b16;
	--color-shadow: rgba(2, 10, 20, 0.42);

	--font-sans: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--font-display: var(--font-sans);

	--text-xs: 0.75rem;
	--text-sm: 0.9375rem;
	--text-base: 1rem;
	--text-md: 1.125rem;
	--text-lg: 1.25rem;
	--text-xl: 1.5rem;
	--text-2xl: clamp(1.875rem, 1.5rem + 1.4vw, 2.75rem);
	--text-3xl: clamp(2.625rem, 2.1rem + 2.4vw, 4.75rem);
	--text-4xl: clamp(3.125rem, 2.55rem + 3.25vw, 6rem);

	--leading-tight: 1.02;
	--leading-snug: 1.14;
	--leading-normal: 1.65;

	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-8: 2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--space-14: 3.5rem;
	--space-16: 4rem;
	--space-20: 5rem;
	--space-24: 6rem;
	--space-28: 7rem;
	--space-32: 8rem;

	--radius-sm: 0.875rem;
	--radius-md: 1.125rem;
	--radius-lg: 1.5rem;
	--radius-xl: 2rem;
	--radius-2xl: 2.5rem;
	--radius-pill: 999px;

	--shadow-sm: 0 18px 40px -28px var(--color-shadow);
	--shadow-md: 0 32px 64px -36px rgba(2, 10, 20, 0.58);
	--shadow-lg: 0 48px 100px -44px rgba(2, 10, 20, 0.7);

	--site-max-width: 76rem;
	--site-wide-width: 82rem;
	--site-reading-width: 43rem;
	--site-header-offset: 6.5rem;

	--transition-base: 180ms ease;
}

@media (max-width: 64rem) {
	:root {
		--site-header-offset: 5.5rem;
	}
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: var(--font-sans);
	font-size: var(--text-base);
	line-height: var(--leading-normal);
	background:
		radial-gradient(circle at top center, rgba(88, 224, 191, 0.14), transparent 28%),
		radial-gradient(circle at 20% 0, rgba(81, 154, 255, 0.12), transparent 34%),
		linear-gradient(180deg, #050912 0%, var(--color-bg) 28%, #07111d 100%);
	color: var(--color-text);
	min-height: 100vh;
}

body.admin-bar .site-header {
	top: 32px;
}

@media (max-width: 48.875rem) {
	body.admin-bar .site-header {
		top: 46px;
	}
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover,

a:focus-visible {
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

button,
input,
textarea,
select {
	font: inherit;
}

.site-shell {
	min-height: 100vh;
}

.site-main {
	overflow: clip;
}

.site-container {
	width: min(calc(100% - 2rem), var(--site-max-width));
	margin-inline: auto;
}

.site-reading-width {
	max-width: var(--site-reading-width);
}

.page-section {
	padding-block: var(--space-24);
}

.page-section--hero {
	padding-top: calc(var(--site-header-offset) + var(--space-20));
	padding-bottom: var(--space-24);
}

.page-section--light {
	background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-muted) 100%);
	color: var(--color-text-strong);
}

.stack-lg > * + * {
	margin-top: var(--space-12);
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus {
	clip: auto;
	width: auto;
	height: auto;
	margin: var(--space-4);
	padding: var(--space-3) var(--space-4);
	background: var(--color-accent);
	color: var(--color-accent-contrast);
	border-radius: var(--radius-pill);
	z-index: 999;
}

.site-header {
	position: fixed;
	inset: 0 0 auto;
	z-index: 100;
	padding-top: var(--space-5);
}

.site-header__inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-6);
	padding: 0.9rem 1rem 0.9rem 1.2rem;
	background: rgba(0, 0, 0, 0.9);
	backdrop-filter: blur(18px);
	border: 1px solid rgba(90, 112, 106, 0.3);
	border-radius: 1rem;
	box-shadow: var(--shadow-sm);
}

.site-branding {
	min-width: 0;
}

.site-branding__link {
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	min-width: 0;
}

.site-branding__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	flex: 0 0 auto;
	border-radius: 0.65rem;
	background:
		radial-gradient(circle at 30% 35%, rgba(88, 224, 191, 0.95), rgba(88, 224, 191, 0.4) 45%, transparent 46%),
		radial-gradient(circle at 68% 68%, rgba(88, 224, 191, 0.95), rgba(88, 224, 191, 0.2) 38%, transparent 39%),
		linear-gradient(180deg, rgba(88, 224, 191, 0.18) 0%, rgba(88, 224, 191, 0.08) 100%);
	border: 1px solid rgba(88, 224, 191, 0.24);
}

.site-branding__logo-image {
	max-height: 2rem;
	width: auto;
}

.site-branding__glyph {
	display: block;
	width: 100%;
	height: 100%;
}

.site-branding__wordmark {
	display: inline-flex;
	align-items: center;
	min-width: 0;
}

.site-branding__eyebrow,
.section-tag,
.feature-card__kicker {
	font-size: var(--text-xs);
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.site-branding__eyebrow,
.section-tag,
.feature-card__kicker {
	color: var(--color-accent);
}

.site-branding__title {
	font-size: 0.95rem;
	font-weight: 700;
	line-height: var(--leading-snug);
	color: var(--color-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: -0.04em;
}

.site-header__toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	background: rgba(16, 28, 43, 0.9);
	color: var(--color-text);
	cursor: pointer;
}

.site-header__toggle-bar,
.site-header__toggle-bar::before,
.site-header__toggle-bar::after {
	display: block;
	width: 1.125rem;
	height: 2px;
	background: currentColor;
	border-radius: 999px;
	transition: transform var(--transition-base), opacity var(--transition-base), background-color var(--transition-base);
	content: "";
}

.site-header__toggle-bar::before {
	transform: translateY(-0.35rem);
}

.site-header__toggle-bar::after {
	transform: translateY(0.25rem);
}

.site-nav {
	display: flex;
	align-items: center;
	gap: 0.9rem;
}

.site-nav__list,
.site-footer__menu,
.hero-highlights,
.site-footer__meta-list,
.site-footer__legal {
	display: flex;
	gap: var(--space-3);
	padding: 0;
	margin: 0;
	list-style: none;
}

.site-nav__list {
	align-items: center;
	flex-wrap: wrap;
	gap: 0.25rem;
}

.site-nav__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.55rem 0.8rem;
	border-radius: 0.75rem;
	font-size: 0.92rem;
	font-weight: 500;
	color: rgba(243, 240, 245, 0.92);
	transition: color var(--transition-base), background-color var(--transition-base), transform var(--transition-base);
}

.site-nav__link:hover,
.site-nav__link:focus-visible,
.current-menu-item > .site-nav__link,
.current_page_item > .site-nav__link {
	background: rgba(255, 255, 255, 0.08);
	color: var(--color-text);
}

.site-nav__actions {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	padding-left: 0.35rem;
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	padding: 0.9rem 1.5rem;
	border: 1px solid transparent;
	border-radius: var(--radius-pill);
	background: #00a89a;
	color: #021513;
	font-size: var(--text-sm);
	font-weight: 600;
	line-height: 1;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05), inset 0 -2px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.13);
	transition: transform var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base);
}

.button:hover,
.button:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(0, 168, 154, 0.24), inset 0 -2px 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.13);
}

.button--ghost {
	background: rgba(255, 255, 255, 0.02);
	border-color: var(--color-border-strong);
	box-shadow: none;
	color: var(--color-text);
}

.button--ghost:hover,
.button--ghost:focus-visible {
	background: rgba(255, 255, 255, 0.05);
	border-color: var(--color-accent);
}

.button--small {
	padding: 0.82rem 1.25rem;
}

.hero-grid,
.cta-card,
.site-footer__grid {
	display: grid;
	gap: var(--space-8);
}

.hero-grid {
	grid-template-columns: minmax(0, 1.08fr) minmax(20rem, 0.92fr);
	align-items: center;
	gap: var(--space-10);
}

.hero-copy {
	max-width: 40rem;
}

.section-tag--accent {
	color: var(--color-accent);
}

.hero-title,
.section-heading h2,
.cta-card h2,
.page-card__title,
.entry-card__title,
.site-footer__title {
	margin: 0;
	font-family: var(--font-display);
	font-weight: 700;
	line-height: var(--leading-tight);
}

.hero-title {
	font-size: var(--text-4xl);
	max-width: 12ch;
	margin-top: var(--space-5);
	letter-spacing: -0.04em;
}

.hero-text,
.section-heading p,
.cta-card p,
.site-footer__text,
.entry-content,
.page-card__content,
.stat-card__meta,
.hero-highlights,
.site-footer__bottom {
	color: var(--color-text-muted);
}

.hero-text {
	font-size: var(--text-md);
	max-width: 38rem;
	margin: var(--space-6) 0 0;
}

.hero-actions,
.cta-card__actions,
.site-footer__cta-row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
	margin-top: var(--space-8);
}

.hero-highlights {
	flex-wrap: wrap;
	gap: var(--space-4);
	margin-top: var(--space-8);
}

.hero-highlights li {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	padding: 0.7rem 0.95rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: var(--radius-pill);
	background: rgba(255, 255, 255, 0.03);
	font-size: var(--text-sm);
	color: var(--color-text);
}

.hero-highlights li::before {
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--color-accent);
	box-shadow: 0 0 0 0.35rem rgba(88, 224, 191, 0.12);
}

.surface-panel,
.content-card {
	border: 1px solid var(--color-border);
	border-radius: var(--radius-2xl);
	box-shadow: var(--shadow-md);
}

.surface-panel {
	background: linear-gradient(180deg, rgba(19, 37, 56, 0.92) 0%, rgba(10, 19, 32, 0.98) 100%);
}

.hero-panel {
	padding: var(--space-6);
}

.hero-panel__chrome {
	display: flex;
	gap: var(--space-2);
}

.hero-panel__chrome span {
	width: 0.72rem;
	height: 0.72rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.16);
}

.hero-panel__body {
	display: grid;
	gap: var(--space-5);
	margin-top: var(--space-6);
}

.hero-panel__metrics,
.feature-grid {
	display: grid;
	gap: var(--space-5);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.stat-card,
.feature-card,
.page-card,
.entry-card {
	padding: var(--space-6);
	background: rgba(255, 255, 255, 0.04);
}

.stat-card {
	border-radius: calc(var(--radius-2xl) - 0.5rem);
}

.stat-card--highlight {
	background: linear-gradient(180deg, rgba(88, 224, 191, 0.2) 0%, rgba(88, 224, 191, 0.08) 100%);
	border: 1px solid rgba(88, 224, 191, 0.2);
}

.stat-card__label {
	margin: 0;
	font-size: var(--text-xs);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--color-accent);
}

.stat-card__value {
	margin: var(--space-3) 0 0;
	font-size: var(--text-2xl);
	font-weight: 700;
	line-height: var(--leading-snug);
	color: var(--color-text);
}

.stat-card__meta {
	margin: var(--space-3) 0 0;
	font-size: var(--text-sm);
}

.section-heading {
	max-width: 44rem;
}

.section-heading--centered {
	text-align: center;
	margin-inline: auto;
}

.section-heading h2,
.cta-card h2 {
	font-size: var(--text-3xl);
	color: inherit;
	margin-top: var(--space-4);
	letter-spacing: -0.03em;
}

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

.content-card {
	background: var(--color-surface);
	color: var(--color-text-strong);
}

.feature-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100%;
}

.feature-card h3,
.site-footer__heading {
	margin: var(--space-3) 0 0;
	font-size: var(--text-xl);
	line-height: var(--leading-snug);
}

.feature-card p,
.page-card__content,
.entry-content,
.site-footer__menu a,
.site-footer__bottom,
.site-footer__meta-list {
	color: var(--color-text-soft);
}

.cta-section {
	padding-top: 0;
	padding-bottom: var(--space-24);
}

.cta-card {
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	padding: var(--space-10);
}

.cta-card__copy {
	max-width: 40rem;
}

.page-card,
.entry-card {
	padding: var(--space-10);
}

.page-card__header,
.entry-card__header {
	margin-bottom: var(--space-6);
}

.page-card__title,
.entry-card__title {
	font-size: var(--text-2xl);
	color: var(--color-text-strong);
	margin-top: var(--space-3);
}

.entry-content > :first-child,
.page-card__content > :first-child {
	margin-top: 0;
}

.entry-content > :last-child,
.page-card__content > :last-child {
	margin-bottom: 0;
}

.site-footer {
	padding: var(--space-20) 0 var(--space-8);
}

.site-footer__panel {
	padding: var(--space-10) 0 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.site-footer__grid {
	grid-template-columns: minmax(0, 1.05fr) repeat(3, minmax(0, 0.85fr));
	gap: var(--space-10);
}

.site-footer__brand {
	max-width: 23rem;
}

.site-footer__brand-link {
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
}

.site-footer__brand-mark {
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0.7rem;
	background:
		radial-gradient(circle at 30% 35%, rgba(88, 224, 191, 0.95), rgba(88, 224, 191, 0.42) 45%, transparent 46%),
		radial-gradient(circle at 68% 68%, rgba(88, 224, 191, 0.95), rgba(88, 224, 191, 0.2) 38%, transparent 39%),
		linear-gradient(180deg, rgba(88, 224, 191, 0.18) 0%, rgba(88, 224, 191, 0.08) 100%);
	border: 1px solid rgba(88, 224, 191, 0.24);
	flex: 0 0 auto;
}

.site-footer__brand-name {
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: -0.04em;
	color: var(--color-text);
}

.site-footer__column {
	display: grid;
	align-content: start;
	gap: var(--space-4);
}

.site-footer__column--contact {
	max-width: 17rem;
}

.site-footer__menu {
	display: grid;
	gap: 0.65rem;
}

.site-footer__address {
	display: grid;
	gap: 0.1rem;
	font-style: normal;
	font-size: var(--text-sm);
	line-height: 1.8;
	color: var(--color-text-soft);
}

.site-footer__address strong {
	color: var(--color-text);
	font-weight: 600;
}

.site-footer__menu a,
.site-footer__legal a {
	transition: color var(--transition-base);
}

.site-footer__menu a:hover,
.site-footer__menu a:focus-visible,
.site-footer__legal a:hover,
.site-footer__legal a:focus-visible {
	color: var(--color-text);
}

.site-footer__meta-list {
	flex-direction: column;
	gap: var(--space-3);
	margin-top: var(--space-2);
	font-size: var(--text-sm);
}

.site-footer__meta-list li {
	position: relative;
	padding-left: 1rem;
}

.site-footer__meta-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.6em;
	width: 0.35rem;
	height: 0.35rem;
	border-radius: 50%;
	background: var(--color-accent);
}

.site-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	padding-top: var(--space-8);
	margin-top: var(--space-8);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	font-size: var(--text-sm);
}

.site-footer__legal {
	align-items: center;
}

.entry-content a,
.page-card__content a {
	color: #0f7c68;
	text-decoration: underline;
}

.entry-content a:hover,
.entry-content a:focus-visible,
.page-card__content a:hover,
.page-card__content a:focus-visible {
	color: #0a5d4e;
}

@media (max-width: 72rem) {
	.site-header__inner {
		padding-right: 0.9rem;
	}

	.site-nav {
		gap: var(--space-4);
	}

	.site-nav__actions {
		padding-left: 0;
	}

	.hero-grid,
	.feature-grid,
	.cta-card,
	.site-footer__grid {
		grid-template-columns: 1fr;
	}

	.cta-card__actions {
		justify-content: flex-start;
	}
}

@media (max-width: 64rem) {
	.page-section {
		padding-block: var(--space-20);
	}

	.site-header__toggle {
		display: inline-flex;
	}

	.site-nav {
		position: absolute;
		top: calc(100% + var(--space-3));
		left: 0;
		right: 0;
		display: none;
		flex-direction: column;
		align-items: stretch;
		padding: var(--space-4);
		background: rgba(0, 0, 0, 0.96);
		border: 1px solid rgba(90, 112, 106, 0.3);
		border-radius: var(--radius-lg);
		box-shadow: var(--shadow-md);
	}

	.site-header__inner.is-open .site-nav {
		display: flex;
	}

	.site-header__inner.is-open .site-header__toggle-bar {
		background: transparent;
	}

	.site-header__inner.is-open .site-header__toggle-bar::before {
		transform: translateY(0) rotate(45deg);
	}

	.site-header__inner.is-open .site-header__toggle-bar::after {
		transform: translateY(-2px) rotate(-45deg);
	}

	.site-nav__list,
	.site-nav__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.site-nav__actions {
		gap: var(--space-4);
		padding-left: 0;
	}

	.site-nav__link,
	.site-nav .button {
		justify-content: center;
		text-align: center;
	}

	.hero-title {
		max-width: 100%;
	}

	.site-footer__panel {
		padding-top: var(--space-8);
	}

	.site-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 40rem) {
	.site-container {
		width: min(calc(100% - 1.25rem), var(--site-max-width));
	}

	.page-section--hero {
		padding-top: calc(var(--site-header-offset) + var(--space-14));
	}

	.hero-title {
		font-size: var(--text-3xl);
	}

	.hero-text {
		font-size: var(--text-base);
	}

	.hero-panel,
	.stat-card,
	.feature-card,
	.page-card,
	.entry-card,
	.cta-card,
	.site-footer__panel {
		padding: var(--space-5);
	}

	.section-heading h2,
	.cta-card h2,
	.page-card__title,
	.entry-card__title,
	.site-footer__title {
		font-size: var(--text-2xl);
	}

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

	.site-footer__legal {
		flex-direction: column;
		align-items: flex-start;
	}

	.hero-highlights {
		flex-direction: column;
	}

	.site-footer__brand-link,
	.site-branding__link {
		gap: 0.65rem;
	}
}

.homepage-hero__grid {
	align-items: stretch;
}

.homepage-hero__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.homepage-hero__visual {
	position: relative;
	overflow: hidden;
}

.homepage-hero__visual::after {
	content: "";
	position: absolute;
	inset: auto -10% -20% auto;
	width: 14rem;
	height: 14rem;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(88, 224, 191, 0.18) 0%, rgba(88, 224, 191, 0) 72%);
	pointer-events: none;
}

.homepage-hero__board {
	display: grid;
	gap: var(--space-5);
	margin-top: var(--space-6);
}

.homepage-hero__screen {
	padding: var(--space-6);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: calc(var(--radius-2xl) - 0.5rem);
	background: linear-gradient(180deg, rgba(7, 17, 29, 0.96) 0%, rgba(9, 22, 35, 0.92) 100%);
}

.homepage-hero__screen-header,
.homepage-hero__ring-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
}

.homepage-pricing__card-header {
	display: grid;
	gap: var(--space-3);
}

.homepage-hero__screen-title,
.homepage-proof__card h3,
.homepage-industries__card h3,
.homepage-pricing__card h3,
.homepage-features-spotlight__panel strong {
	font-weight: 700;
	line-height: var(--leading-snug);
}

.homepage-hero__screen-pill,
.homepage-pricing__eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.35rem 0.75rem;
	border-radius: var(--radius-pill);
	background: rgba(88, 224, 191, 0.12);
	color: var(--color-accent);
	font-size: var(--text-xs);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.homepage-hero__chart {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: end;
	gap: var(--space-3);
	height: 11rem;
	margin-top: var(--space-6);
}

.homepage-hero__chart span {
	border-radius: var(--radius-pill) var(--radius-pill) 0 0;
	background: linear-gradient(180deg, rgba(88, 224, 191, 0.95) 0%, rgba(20, 55, 67, 0.55) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.homepage-hero__chart span:nth-child(1) { height: 42%; }
.homepage-hero__chart span:nth-child(2) { height: 68%; }
.homepage-hero__chart span:nth-child(3) { height: 57%; }
.homepage-hero__chart span:nth-child(4) { height: 84%; }
.homepage-hero__chart span:nth-child(5) { height: 64%; }

.homepage-hero__ring-row {
	margin-top: var(--space-6);
	align-items: center;
}

.homepage-hero__ring {
	width: 5.5rem;
	height: 5.5rem;
	flex: 0 0 auto;
	border-radius: 50%;
	background:
		radial-gradient(circle at center, rgba(9, 22, 35, 0.98) 0 43%, transparent 45%),
		conic-gradient(from 0deg, var(--color-accent) 0 68%, rgba(255, 255, 255, 0.08) 68% 100%);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.homepage-hero__screen-copy p,
.homepage-proof__card p,
.homepage-industries__card p,
.homepage-pricing__price,
.homepage-faq__answer p,
.homepage-features-spotlight__content p,
.homepage-features-spotlight__panel span {
	margin: 0;
	color: var(--color-text-muted);
}

.homepage-hero__screen-copy strong {
	display: block;
	margin-bottom: var(--space-2);
}

.homepage-hero__stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-4);
}

.homepage-hero__stat-card,
.homepage-pricing__card,
.homepage-faq__item,
.homepage-industries__card {
	border: 1px solid var(--color-border);
	border-radius: calc(var(--radius-2xl) - 0.5rem);
}

.homepage-hero__stat-card {
	padding: var(--space-4);
	background: rgba(255, 255, 255, 0.04);
}

.homepage-hero__stat-label {
	margin: 0;
	font-size: var(--text-xs);
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--color-text-muted);
}

.homepage-hero__stat-value {
	margin: var(--space-2) 0 0;
	font-size: var(--text-lg);
	font-weight: 700;
	color: var(--color-text);
}

.homepage-logo-strip {
	padding-top: 0;
}

.homepage-logo-strip__title {
	margin: 0;
	text-align: center;
	font-size: var(--text-sm);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--color-text-muted);
}

.homepage-logo-strip__list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-4);
	padding: 0;
	margin: var(--space-8) 0 0;
	list-style: none;
}

.homepage-logo-strip__item {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 4.5rem;
	padding: var(--space-4);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: var(--radius-lg);
	background: rgba(255, 255, 255, 0.03);
	color: var(--color-text);
	font-size: var(--text-sm);
	font-weight: 600;
	text-align: center;
}

.homepage-features-spotlight__grid,
.homepage-proof__spotlight {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: var(--space-10);
	align-items: center;
}

.homepage-features-spotlight__media {
	overflow: hidden;
}

.homepage-features-spotlight__canvas {
	position: relative;
	min-height: 31rem;
	padding: var(--space-8);
	border-radius: calc(var(--radius-2xl) - 0.5rem);
	background:
		linear-gradient(145deg, rgba(226, 255, 246, 0.9) 0%, rgba(242, 247, 252, 0.9) 55%, rgba(210, 237, 231, 0.82) 100%),
		radial-gradient(circle at top right, rgba(88, 224, 191, 0.2), transparent 35%);
}

.homepage-features-spotlight__window {
	position: absolute;
	inset: 15% 12% auto auto;
	width: 56%;
	height: 48%;
	border-radius: var(--radius-xl);
	background: linear-gradient(180deg, rgba(8, 20, 31, 0.95) 0%, rgba(19, 37, 56, 0.96) 100%);
	box-shadow: 0 30px 70px -40px rgba(5, 16, 29, 0.6);
}

.homepage-features-spotlight__window::before,
.homepage-features-spotlight__window::after {
	content: "";
	position: absolute;
	left: 12%;
	right: 12%;
	height: 0.7rem;
	border-radius: var(--radius-pill);
	background: rgba(88, 224, 191, 0.16);
}

.homepage-features-spotlight__window::before { top: 18%; }
.homepage-features-spotlight__window::after { top: 32%; width: 54%; }

.homepage-features-spotlight__panel {
	position: absolute;
	display: grid;
	gap: var(--space-2);
	max-width: 16rem;
	padding: var(--space-5);
	border-radius: var(--radius-lg);
	box-shadow: 0 30px 60px -42px rgba(5, 16, 29, 0.4);
}

.homepage-features-spotlight__panel--primary {
	left: 8%;
	bottom: 15%;
	background: #fff;
}

.homepage-features-spotlight__panel--secondary {
	right: 6%;
	bottom: 8%;
	background: linear-gradient(180deg, rgba(13, 29, 44, 0.96) 0%, rgba(10, 20, 32, 0.96) 100%);
	color: var(--color-text);
}

.homepage-features-spotlight__content h2,
.homepage-proof__spotlight-copy h3,
.homepage-pricing__card h3,
.homepage-industries__card h3 {
	margin: var(--space-4) 0 0;
	font-size: var(--text-2xl);
	letter-spacing: -0.03em;
}

.homepage-features-spotlight__content > p {
	margin-top: var(--space-4);
	max-width: 34rem;
	color: var(--color-text-soft);
}

.homepage-features-spotlight__list,
.homepage-pricing__features {
	padding: 0;
	margin: var(--space-8) 0 0;
	list-style: none;
}

.homepage-features-spotlight__list-item,
.homepage-pricing__features li {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--space-4);
	align-items: start;
	padding: var(--space-4) 0;
	border-top: 1px solid rgba(12, 23, 38, 0.1);
}

.homepage-features-spotlight__number {
	font-size: var(--text-xs);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #0f7c68;
}

.homepage-features-spotlight__item-title {
	font-weight: 600;
	color: var(--color-text-strong);
}

.homepage-features-spotlight .button {
	margin-top: var(--space-8);
}

.homepage-industries {
	padding-top: 0;
}

.homepage-industries__grid,
.homepage-proof__grid,
.homepage-pricing__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-5);
}

.homepage-industries__card {
	overflow: hidden;
	transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}

.homepage-industries__card:hover,
.homepage-industries__card:focus-within {
	transform: translateY(-2px);
	box-shadow: var(--shadow-sm);
	border-color: rgba(15, 124, 104, 0.22);
}

.homepage-industries__link {
	display: grid;
	gap: var(--space-5);
	padding: var(--space-5);
	min-height: 100%;
}

.homepage-industries__art {
	min-height: 12rem;
	border-radius: var(--radius-lg);
	background: linear-gradient(145deg, rgba(233, 239, 245, 0.92), rgba(214, 223, 232, 0.95));
	position: relative;
	overflow: hidden;
}

.homepage-industries__art::before,
.homepage-industries__art::after {
	content: "";
	position: absolute;
	border-radius: var(--radius-lg);
}

.homepage-industries__card--theme-park .homepage-industries__art {
	background: linear-gradient(160deg, #f7e7d3 0%, #d4b082 100%);
}

.homepage-industries__card--theme-park .homepage-industries__art::before {
	inset: auto 12% 12% 12%;
	height: 44%;
	background: linear-gradient(180deg, rgba(94, 56, 24, 0.25), rgba(94, 56, 24, 0.5));
	clip-path: polygon(0 100%, 12% 58%, 21% 78%, 34% 28%, 48% 73%, 61% 44%, 72% 63%, 84% 20%, 100% 100%);
}

.homepage-industries__card--theme-park .homepage-industries__art::after {
	inset: 16% auto auto 14%;
	width: 40%;
	height: 34%;
	background: linear-gradient(180deg, rgba(255,255,255,0.4), rgba(255,255,255,0));
	clip-path: polygon(50% 0, 61% 33%, 98% 35%, 69% 57%, 79% 91%, 50% 70%, 21% 91%, 31% 57%, 2% 35%, 39% 33%);
}

.homepage-industries__card--zoo .homepage-industries__art {
	background: linear-gradient(160deg, #dcefcf 0%, #9dbf7a 100%);
}

.homepage-industries__card--zoo .homepage-industries__art::before {
	inset: auto 16% 18% 16%;
	height: 30%;
	background: rgba(39, 76, 33, 0.32);
	border-radius: 45% 55% 50% 50% / 55% 45% 55% 45%;
}

.homepage-industries__card--zoo .homepage-industries__art::after {
	inset: 18% 22% auto auto;
	width: 24%;
	height: 24%;
	background: rgba(255, 255, 255, 0.32);
	border-radius: 50%;
}

.homepage-industries__card--museum .homepage-industries__art {
	background: linear-gradient(160deg, #e9dfd6 0%, #baa089 100%);
}

.homepage-industries__card--museum .homepage-industries__art::before {
	inset: auto 18% 14% 18%;
	height: 48%;
	background: rgba(70, 51, 36, 0.28);
	clip-path: polygon(50% 0, 100% 22%, 100% 32%, 88% 32%, 88% 100%, 72% 100%, 72% 42%, 60% 42%, 60% 100%, 40% 100%, 40% 42%, 28% 42%, 28% 100%, 12% 100%, 12% 32%, 0 32%, 0 22%);
}

.homepage-industries__card--museum .homepage-industries__art::after {
	inset: 14% 18% auto 18%;
	height: 0.9rem;
	background: rgba(255, 255, 255, 0.3);
}

.homepage-industries__card--pool .homepage-industries__art {
	background: linear-gradient(160deg, #d5f2fb 0%, #6bbbd2 100%);
}

.homepage-industries__card--pool .homepage-industries__art::before {
	inset: auto 10% 18% 10%;
	height: 26%;
	background: repeating-linear-gradient(180deg, rgba(255,255,255,0.45), rgba(255,255,255,0.45) 10px, rgba(55, 128, 156, 0.18) 10px, rgba(55, 128, 156, 0.18) 20px);
}

.homepage-industries__card--pool .homepage-industries__art::after {
	inset: 14% auto auto 16%;
	width: 46%;
	height: 0.8rem;
	background: rgba(255, 255, 255, 0.4);
	border-radius: var(--radius-pill);
}

.homepage-proof {
	background:
		radial-gradient(circle at top center, rgba(88, 224, 191, 0.1), transparent 24%),
		linear-gradient(180deg, rgba(5, 9, 18, 0) 0%, rgba(6, 11, 18, 0.15) 100%);
}

.homepage-proof__heading h2 {
	max-width: 18ch;
	margin-inline: auto;
}

.homepage-proof__spotlight {
	padding: var(--space-10);
}

.homepage-proof__spotlight-copy p {
	margin-top: var(--space-4);
	max-width: 34rem;
}

.homepage-proof__spotlight-copy .button {
	margin-top: var(--space-8);
}

.homepage-proof__spotlight-visual {
	position: relative;
	min-height: 21rem;
}

.homepage-proof__spotlight-orbit,
.homepage-proof__spotlight-core,
.homepage-proof__spotlight-mini {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.homepage-proof__spotlight-orbit {
	border: 1px solid rgba(88, 224, 191, 0.18);
}

.homepage-proof__spotlight-orbit--one {
	width: 14rem;
	height: 14rem;
}

.homepage-proof__spotlight-orbit--two {
	width: 9rem;
	height: 9rem;
}

.homepage-proof__spotlight-core {
	width: 5rem;
	height: 5rem;
	background: radial-gradient(circle at 35% 35%, #7effdc 0%, var(--color-accent) 42%, #0f7c68 100%);
	box-shadow: 0 0 0 1rem rgba(88, 224, 191, 0.08), 0 32px 60px -32px rgba(47, 212, 173, 0.55);
}

.homepage-proof__spotlight-mini {
	width: 2.5rem;
	height: 2.5rem;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.homepage-proof__spotlight-mini--a { transform: translate(-220%, -40%); }
.homepage-proof__spotlight-mini--b { transform: translate(130%, -160%); }
.homepage-proof__spotlight-mini--c { transform: translate(170%, 95%); }

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

.homepage-proof__card {
	height: 100%;
}

.homepage-proof__card h3 {
	margin: 0;
	font-size: var(--text-lg);
	color: var(--color-text);
}

.homepage-proof__card p {
	margin-top: var(--space-3);
}

.homepage-pricing__grid {
	align-items: stretch;
}

.homepage-pricing__card {
	display: flex;
	flex-direction: column;
	gap: var(--space-8);
	padding: var(--space-8);
	background: #fff;
	color: var(--color-text-strong);
	box-shadow: var(--shadow-sm);
}

.homepage-pricing__card--highlight {
	background: linear-gradient(180deg, rgba(12, 27, 40, 0.98) 0%, rgba(7, 16, 27, 0.98) 100%);
	color: var(--color-text);
	border-color: rgba(88, 224, 191, 0.22);
	box-shadow: var(--shadow-md);
}

.homepage-pricing__card--highlight .homepage-pricing__price,
.homepage-pricing__card--highlight .homepage-pricing__features li,
.homepage-pricing__card--highlight .homepage-pricing__eyebrow {
	color: var(--color-text);
}

.homepage-pricing__price {
	margin-top: var(--space-3);
	font-size: var(--text-lg);
	font-weight: 600;
}

.homepage-pricing__features {
	margin-top: 0;
	flex: 1 1 auto;
}

.homepage-pricing__features li {
	position: relative;
	grid-template-columns: 1fr;
	padding: 0 0 0 1.5rem;
	border-top: 0;
	color: var(--color-text-soft);
}

.homepage-pricing__features li + li {
	margin-top: var(--space-4);
}

.homepage-pricing__features li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.7em;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--color-accent);
	box-shadow: 0 0 0 0.3rem rgba(88, 224, 191, 0.12);
}

.homepage-faq__list {
	display: grid;
	gap: var(--space-4);
	max-width: 52rem;
	margin: 0 auto;
}

.homepage-faq__item {
	background: rgba(255, 255, 255, 0.03);
	overflow: hidden;
}

.homepage-faq__item summary {
	position: relative;
	padding: var(--space-5) var(--space-6);
	padding-right: calc(var(--space-6) + 2rem);
	list-style: none;
	font-weight: 600;
	cursor: pointer;
}

.homepage-faq__item summary::-webkit-details-marker {
	display: none;
}

.homepage-faq__item summary::after {
	content: "+";
	position: absolute;
	right: var(--space-6);
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.4rem;
	line-height: 1;
	color: var(--color-accent);
	transition: transform var(--transition-base);
}

.homepage-faq__item[open] summary::after {
	transform: translateY(-50%) rotate(45deg);
}

.homepage-faq__answer {
	padding: 0 var(--space-6) var(--space-5);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.homepage-faq__answer p {
	margin-top: var(--space-4);
}

.homepage-final-cta__card {
	grid-template-columns: minmax(0, 1fr) auto;
	background:
		radial-gradient(circle at center, rgba(88, 224, 191, 0.12), transparent 36%),
		linear-gradient(180deg, rgba(9, 18, 29, 0.98) 0%, rgba(4, 10, 18, 0.98) 100%);
}

@media (max-width: 72rem) {
	.homepage-features-spotlight__grid,
	.homepage-proof__spotlight,
	.homepage-final-cta__card,
	.homepage-logo-strip__list,
	.homepage-industries__grid,
	.homepage-proof__grid,
	.homepage-pricing__grid {
		grid-template-columns: 1fr;
	}

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

@media (max-width: 64rem) {
	.homepage-hero__stats {
		grid-template-columns: 1fr 1fr;
	}

	.homepage-features-spotlight__canvas,
	.homepage-proof__spotlight {
		padding: var(--space-6);
	}

	.homepage-features-spotlight__window {
		position: relative;
		inset: auto;
		width: 100%;
		height: 14rem;
	}

	.homepage-features-spotlight__panel {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		margin-top: var(--space-5);
		max-width: none;
	}

	.homepage-proof__spotlight-visual {
		min-height: 15rem;
	}
}

@media (max-width: 40rem) {
	.homepage-hero__stats,
	.homepage-logo-strip__list {
		grid-template-columns: 1fr;
	}

	.homepage-logo-strip__item,
	.homepage-pricing__card,
	.homepage-industries__link,
	.homepage-faq__item summary,
	.homepage-faq__answer {
		padding-left: var(--space-5);
		padding-right: var(--space-5);
	}

	.homepage-faq__item summary::after {
		right: var(--space-5);
	}

	.homepage-proof__spotlight,
	.homepage-pricing__card {
		padding: var(--space-5);
	}
}

.marketing-hero__title {
	max-width: 13ch;
}

.marketing-hero__title--compact {
	max-width: 18ch;
}

.marketing-hero__text {
	max-width: 42rem;
}

.marketing-hero__lead {
	margin: var(--space-5) 0 0;
	color: var(--color-text);
	font-size: var(--text-sm);
	max-width: 42rem;
}

.marketing-hero__panel {
	height: 100%;
}

.marketing-capability-stack,
.marketing-metric-grid {
	display: grid;
	gap: var(--space-4);
}

.marketing-capability-card h2,
.marketing-industry-mini-card__title {
	margin: 0;
	font-size: var(--text-lg);
	line-height: var(--leading-snug);
	color: var(--color-text);
}

.marketing-industry-mini-card {
	display: block;
	border-radius: calc(var(--radius-2xl) - 0.5rem);
	transition: transform var(--transition-base), border-color var(--transition-base), background-color var(--transition-base);
}

.marketing-industry-mini-card:hover,
.marketing-industry-mini-card:focus-visible {
	transform: translateY(-2px);
	border-color: rgba(88, 224, 191, 0.32);
	background: rgba(255, 255, 255, 0.06);
}

.marketing-section {
	position: relative;
}

.marketing-two-column,
.contact-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-8);
}

.marketing-copy-card {
	padding: var(--space-8);
}

.marketing-copy-card--light {
	box-shadow: var(--shadow-sm);
}

.marketing-bullet-list {
	display: grid;
	gap: var(--space-4);
	padding: 0;
	margin: var(--space-8) 0 0;
	list-style: none;
	color: var(--color-text-muted);
}

.marketing-bullet-list li {
	position: relative;
	padding-left: 1.5rem;
}

.marketing-bullet-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.72em;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--color-accent);
	box-shadow: 0 0 0 0.3rem rgba(88, 224, 191, 0.12);
}

.marketing-bullet-list--dark {
	color: var(--color-text-soft);
}

.marketing-feature-grid {
	margin-top: var(--space-12);
}

.marketing-feature-card {
	height: 100%;
}

.marketing-feature-card a {
	display: block;
	height: 100%;
}

.marketing-process {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-6);
	padding: 0;
	margin: var(--space-12) 0 0;
	list-style: none;
}

.marketing-process__item {
	padding: var(--space-7);
}

.marketing-process__index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: rgba(88, 224, 191, 0.12);
	color: var(--color-accent);
	font-size: var(--text-sm);
	font-weight: 700;
	letter-spacing: 0.08em;
}

.marketing-process__item h3 {
	margin: var(--space-5) 0 0;
	font-size: var(--text-lg);
}

.marketing-process__item p {
	margin: var(--space-3) 0 0;
	color: var(--color-text-muted);
}

.industry-overview-grid .content-card,
.blog-archive-grid .content-card,
.contact-card,
.contact-aside,
.legal-content {
	height: 100%;
}

.blog-archive-section {
	padding-top: var(--space-16);
}

.blog-archive-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-6);
}

.blog-archive-grid--compact {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.post-card {
	padding: 0;
	overflow: hidden;
}

.post-card__inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: var(--space-7);
}

.post-card__title {
	margin: var(--space-3) 0 0;
	font-size: var(--text-xl);
	line-height: var(--leading-snug);
	color: var(--color-text-strong);
}

.post-card__excerpt {
	margin: var(--space-4) 0 0;
	color: var(--color-text-soft);
	flex: 1 1 auto;
}

.post-card__link {
	margin-top: var(--space-6);
	font-weight: 600;
	color: #0f7c68;
}

.post-meta {
	margin: 0;
	font-size: var(--text-xs);
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--color-accent);
}

.post-meta--single {
	margin-top: var(--space-5);
}

.blog-pagination {
	margin-top: var(--space-10);
}

.blog-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
}

.blog-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	height: 2.75rem;
	padding: 0 var(--space-4);
	border-radius: var(--radius-pill);
	background: rgba(255, 255, 255, 0.08);
	color: var(--color-text);
}

.blog-pagination .current {
	background: var(--color-accent);
	color: var(--color-accent-contrast);
}

.single-post-card {
	margin-top: var(--space-8);
}

.single-post-content {
	color: var(--color-text-soft);
}

.single-post-content h2,
.single-post-content h3,
.single-post-content h4 {
	margin-top: var(--space-8);
	color: var(--color-text-strong);
	line-height: var(--leading-snug);
}

.single-post-content p,
.single-post-content ul,
.single-post-content ol,
.legal-content__body p,
.legal-content__body ul,
.legal-content__body ol {
	margin-top: var(--space-4);
}

.single-post-content blockquote {
	margin: var(--space-8) 0;
	padding-left: var(--space-6);
	border-left: 4px solid rgba(88, 224, 191, 0.35);
	color: var(--color-text-strong);
	font-size: var(--text-md);
}

.legal-content__body h2,
.legal-content__body h3,
.legal-content__body h4 {
	margin-top: var(--space-8);
	color: var(--color-text-strong);
}

.marketing-contact-stat .stat-card__value {
	font-size: var(--text-lg);
}

@media (max-width: 72rem) {
	.marketing-process,
	.blog-archive-grid,
	.blog-archive-grid--compact,
	.marketing-two-column,
	.contact-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 40rem) {
	.marketing-copy-card,
	.marketing-process__item,
	.post-card__inner {
		padding: var(--space-5);
	}
}