.atc-about-page,
.atc-about-page * {
	box-sizing: border-box;
}

body.atc-about-engine-page .entry-header,
body.atc-about-engine-page header.page-header,
body.atc-about-engine-page .page-header,
body.atc-about-engine-page .entry-title,
body.atc-about-engine-page .wp-block-post-title {
	display: none !important;
}

.atc-about-page {
	--atc-about-bg: #02191f;
	--atc-about-panel: rgba(7, 34, 40, 0.78);
	--atc-about-card: rgba(5, 27, 33, 0.72);
	--atc-about-border: rgba(150, 226, 219, 0.18);
	--atc-about-border-strong: rgba(0, 201, 167, 0.38);
	--atc-about-text: #f4fffc;
	--atc-about-soft: #d7eeee;
	--atc-about-muted: #9cb8bd;
	--atc-about-accent: #00c9a7;
	--atc-about-accent-2: #77ffe9;
	position: relative;
	isolation: isolate;
	width: 100%;
	padding: clamp(22px, 3vw, 46px) 0 58px;
	color: var(--atc-about-text);
	background:
		radial-gradient(circle at 76% 0%, rgba(0, 201, 167, 0.16), transparent 34rem),
		radial-gradient(circle at 7% 18%, rgba(119, 255, 233, 0.08), transparent 28rem),
		linear-gradient(180deg, rgba(2, 31, 37, 0.18), rgba(2, 25, 31, 0.68));
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	text-rendering: optimizeLegibility;
	overflow-x: clip;
}

.atc-about-page::before,
.atc-about-page::after {
	content: "";
	position: absolute;
	inset: 0 -8vw -90px;
	z-index: -1;
	pointer-events: none;
}

.atc-about-page::before {
	background: linear-gradient(180deg, rgba(2, 31, 37, 0.82), rgba(1, 18, 24, 0.92));
}

.atc-about-page::after {
	opacity: 0.26;
	background:
		radial-gradient(circle, rgba(119, 255, 233, 0.12) 0 1px, transparent 1px),
		linear-gradient(90deg, rgba(0, 201, 167, 0.045) 1px, transparent 1px),
		linear-gradient(180deg, rgba(0, 201, 167, 0.035) 1px, transparent 1px);
	background-size: 78px 78px, 96px 96px, 96px 96px;
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 88%, transparent 100%);
	mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 88%, transparent 100%);
}

.atc-about-shell {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 24px;
	width: min(1180px, calc(100vw - 32px));
	margin-inline: auto;
}

.atc-about-page a {
	color: inherit;
	text-decoration: none;
}

.atc-about-page a:focus-visible,
.atc-about-page button:focus-visible {
	outline: 2px solid var(--atc-about-accent-2);
	outline-offset: 4px;
}

.atc-about-hero,
.atc-about-pillar-strip,
.atc-about-section,
.atc-about-split,
.atc-about-final-cta {
	position: relative;
	overflow: hidden;
	border: 1px solid var(--atc-about-border);
	border-radius: 28px;
	background:
		linear-gradient(135deg, rgba(11, 43, 49, 0.80), rgba(4, 22, 28, 0.76)),
		radial-gradient(circle at 82% 10%, rgba(0, 201, 167, 0.14), transparent 24rem);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 24px 70px rgba(0, 0, 0, 0.18);
}

.atc-about-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
	align-items: center;
	min-height: 390px;
	padding: clamp(34px, 4.2vw, 58px);
}

.atc-about-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0.52;
	background:
		linear-gradient(90deg, rgba(119, 255, 233, 0.06) 1px, transparent 1px),
		linear-gradient(180deg, rgba(119, 255, 233, 0.04) 1px, transparent 1px),
		radial-gradient(circle at 75% 48%, rgba(0, 201, 167, 0.22), transparent 24rem);
	background-size: 80px 80px, 80px 80px, auto;
	pointer-events: none;
}

.atc-about-hero__copy,
.atc-about-pillar-strip,
.atc-about-split > *,
.atc-about-final-cta > * {
	position: relative;
	z-index: 1;
}

.atc-about-hero__copy {
	max-width: 760px;
}

.atc-about-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	margin: 0 0 14px;
	padding: 7px 12px;
	border: 1px solid rgba(0, 201, 167, 0.38);
	border-radius: 999px;
	background: rgba(0, 201, 167, 0.10);
	color: var(--atc-about-accent-2);
	font-size: 0.76rem;
	font-weight: 850;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.atc-about-eyebrow::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: var(--atc-about-accent);
	box-shadow: 0 0 18px rgba(0, 201, 167, 0.8);
}

.atc-about-hero h1,
.atc-about-section h2,
.atc-about-split h2,
.atc-about-final-cta h2 {
	margin: 0;
	color: #ffffff;
	font-size: clamp(2.25rem, 4.6vw, 4.35rem);
	font-weight: 900;
	line-height: 0.98;
	letter-spacing: 0;
	text-wrap: balance;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.36);
}

.atc-about-section h2,
.atc-about-split h2,
.atc-about-final-cta h2 {
	font-size: clamp(2rem, 3.2vw, 3.2rem);
	line-height: 1.05;
}

.atc-about-hero p,
.atc-about-section__head p,
.atc-about-split p,
.atc-about-final-cta p {
	max-width: 760px;
	margin: 16px 0 0;
	color: var(--atc-about-soft);
	font-size: clamp(1rem, 1.35vw, 1.18rem);
	line-height: 1.75;
}

.atc-about-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 24px;
}

.atc-about-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 12px 20px;
	border: 1px solid rgba(119, 255, 233, 0.34);
	border-radius: 12px;
	font-size: 0.95rem;
	font-weight: 850;
	line-height: 1;
	transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.atc-about-button:hover,
.atc-about-button:focus-visible {
	transform: translateY(-2px);
	border-color: rgba(119, 255, 233, 0.72);
}

.atc-about-button--primary {
	color: #00231f !important;
	background: linear-gradient(135deg, #00c9a7, #7fffee);
	box-shadow: 0 18px 42px rgba(0, 201, 167, 0.18);
}

.atc-about-button--secondary {
	color: var(--atc-about-accent-2);
	background: rgba(2, 18, 24, 0.44);
}

.atc-about-pillar-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	padding: 16px;
}

.atc-about-pillar-strip article,
.atc-about-card,
.atc-about-proof-list article,
.atc-about-two-cards article {
	border: 1px solid rgba(150, 226, 219, 0.15);
	border-radius: 16px;
	background: rgba(3, 22, 28, 0.58);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.atc-about-pillar-strip article {
	display: grid;
	align-content: start;
	min-height: 142px;
	padding: 20px;
}

.atc-about-pillar-strip span,
.atc-about-card span {
	display: inline-block;
	margin-bottom: 8px;
	color: var(--atc-about-accent-2);
	font-size: 0.75rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.atc-about-pillar-strip h2,
.atc-about-card h3,
.atc-about-two-cards h3 {
	margin: 0;
	color: #ffffff;
	font-size: 1.18rem;
	line-height: 1.18;
}

.atc-about-pillar-strip p,
.atc-about-card p,
.atc-about-proof-list span,
.atc-about-two-cards p {
	margin: 8px 0 0;
	color: rgba(235, 251, 255, 0.76);
	font-size: 0.95rem;
	line-height: 1.58;
}

.atc-about-section {
	padding: clamp(26px, 3.4vw, 44px);
}

.atc-about-section__head {
	max-width: 820px;
	margin-bottom: 22px;
}

.atc-about-card-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.atc-about-provides .atc-about-card-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.atc-about-editorial .atc-about-card-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.atc-about-card {
	padding: 20px;
	transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.atc-about-card:hover {
	transform: translateY(-3px);
	border-color: rgba(0, 201, 167, 0.44);
	background: rgba(2, 27, 33, 0.72);
}

.atc-about-split {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr);
	gap: clamp(22px, 4vw, 48px);
	align-items: center;
	padding: clamp(28px, 4vw, 54px);
}

.atc-about-proof-list,
.atc-about-two-cards {
	display: grid;
	gap: 12px;
}

.atc-about-proof-list article,
.atc-about-two-cards article {
	padding: 18px;
}

.atc-about-proof-list strong {
	display: block;
	color: var(--atc-about-accent-2);
	font-size: 1rem;
	line-height: 1.25;
}

.atc-about-final-cta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 22px;
	align-items: center;
	padding: clamp(28px, 4vw, 46px);
	background:
		radial-gradient(circle at 92% 50%, rgba(0, 201, 167, 0.18), transparent 28rem),
		linear-gradient(135deg, rgba(0, 201, 167, 0.13), rgba(4, 22, 28, 0.82));
}

.atc-about-page .atc-value-section,
.atc-about-page .atc-advantage-flow,
.atc-about-page .atc-why-section {
	margin: 0;
}

@media (max-width: 1080px) {
	.atc-about-pillar-strip {
		grid-template-columns: 1fr;
	}

	.atc-about-pillar-strip article {
		min-height: 0;
	}

	.atc-about-card-grid,
	.atc-about-provides .atc-about-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 860px) {
	.atc-about-hero,
	.atc-about-split,
	.atc-about-final-cta {
		grid-template-columns: 1fr;
	}

	.atc-about-final-cta .atc-about-actions {
		margin-top: 0;
	}
}

@media (max-width: 640px) {
	.atc-about-shell {
		width: min(100% - 24px, 1180px);
		gap: 18px;
	}

	.atc-about-hero,
	.atc-about-pillar-strip,
	.atc-about-section,
	.atc-about-split,
	.atc-about-final-cta {
		border-radius: 22px;
		padding: 24px;
	}

	.atc-about-card-grid,
	.atc-about-provides .atc-about-card-grid,
	.atc-about-editorial .atc-about-card-grid {
		grid-template-columns: 1fr;
	}

	.atc-about-actions,
	.atc-about-button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.atc-about-card,
	.atc-about-button {
		transition: none;
	}

	.atc-about-card:hover,
	.atc-about-button:hover,
	.atc-about-button:focus-visible {
		transform: none;
	}
}