:root {
	--atc-atmosphere-base: #020607;
	--atc-atmosphere-deep: #041012;
	--atc-atmosphere-black: #010304;
	--atc-atmosphere-accent: #00c9a7;
	--atc-atmosphere-cyan: #48e4ed;
	--atc-atmosphere-blue: #176b87;
	--atc-atmosphere-image-opacity: 0.68;
	--atc-atmosphere-grid-opacity: 0.08;
	--atc-atmosphere-node-opacity: 0.38;
	--atc-atmosphere-glow-opacity: 0.28;
	--atc-atmosphere-grid-size: 76px;
	--atc-atmosphere-micro-size: 18px;
	--atc-surface-transparent: rgba(4, 13, 15, 0.68);
	--atc-surface-default: rgba(4, 13, 15, 0.84);
	--atc-surface-strong: rgba(3, 10, 12, 0.94);
	--atc-border-atmosphere: rgba(92, 235, 218, 0.12);
	--atc-border-atmosphere-active: rgba(92, 235, 218, 0.24);
	--atc-atmosphere-radius: 24px;
}

html {
	min-height: 100%;
	background: var(--atc-atmosphere-base);
}

body.atc-atmosphere-enabled {
	position: relative;
	min-height: 100vh;
	isolation: isolate;
	overflow-x: clip;
	background-color: transparent !important;
}

/* Only outer canvases become transparent; content surfaces keep their own paint. */
body.atc-atmosphere-enabled > .wp-site-blocks,
body.atc-atmosphere-enabled > #page,
body.atc-atmosphere-enabled > .site,
body.atc-atmosphere-enabled .site-content,
body.atc-atmosphere-enabled .content-area,
body.atc-atmosphere-enabled .entry-content,
body.atc-atmosphere-enabled .wp-block-post-content,
body.atc-atmosphere-enabled.at-footer-engine-active .wp-site-blocks,
body.atc-atmosphere-enabled.at-footer-engine-active #page,
body.atc-atmosphere-enabled.at-footer-engine-active .site,
body.atc-atmosphere-enabled.at-footer-engine-active .site-content,
body.atc-atmosphere-enabled.at-footer-engine-active main,
body.atc-atmosphere-enabled.at-footer-engine-active .content-area {
	background-color: transparent !important;
}

.atc-ai-atmosphere,
.atc-ai-atmosphere * {
	box-sizing: border-box;
}

.atc-ai-atmosphere {
	position: fixed;
	inset: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	contain: strict;
	pointer-events: none;
	user-select: none;
}

.atc-ai-atmosphere > span,
.atc-ai-atmosphere > span::before,
.atc-ai-atmosphere > span::after {
	position: absolute;
	display: block;
	content: "";
	pointer-events: none;
}

.atc-ai-atmosphere > span {
	inset: 0;
}

.atc-ai-atmosphere__base {
	background:
		radial-gradient(ellipse at 50% -12%, rgba(13, 72, 75, 0.24) 0%, transparent 46%),
		radial-gradient(ellipse at 4% 56%, rgba(12, 62, 72, 0.16) 0%, transparent 38%),
		radial-gradient(ellipse at 96% 62%, rgba(0, 201, 167, 0.11) 0%, transparent 38%),
		linear-gradient(152deg, #010405 0%, var(--atc-atmosphere-deep) 46%, #02090c 68%, var(--atc-atmosphere-black) 100%);
}

.atc-ai-atmosphere__image {
	inset: -3%;
	background-image: var(--atc-atmosphere-source-image);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	opacity: var(--atc-atmosphere-image-opacity);
	-webkit-mask-image: linear-gradient(90deg, #000 0%, #000 16%, rgba(0, 0, 0, 0.78) 38%, rgba(0, 0, 0, 0.78) 62%, #000 84%, #000 100%);
	mask-image: linear-gradient(90deg, #000 0%, #000 16%, rgba(0, 0, 0, 0.78) 38%, rgba(0, 0, 0, 0.78) 62%, #000 84%, #000 100%);
}

@supports (background-image: image-set(url("data:image/gif;base64,R0lGODlhAQABAAAAACw=") 1x)) {
	.atc-ai-atmosphere__image {
		background-image: var(--atc-atmosphere-desktop-image, var(--atc-atmosphere-source-image));
	}
}

.atc-ai-atmosphere__aurora {
	inset: -8%;
	background:
		radial-gradient(ellipse at 16% 22%, rgba(72, 228, 237, 0.08) 0%, transparent 29%),
		radial-gradient(ellipse at 82% 32%, rgba(0, 201, 167, 0.13) 0%, transparent 31%),
		radial-gradient(ellipse at 50% 104%, rgba(23, 107, 135, 0.14) 0%, transparent 42%);
	opacity: var(--atc-atmosphere-glow-opacity);
}

.atc-ai-atmosphere__grid {
	background-image:
		linear-gradient(rgba(72, 228, 237, 0.15) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0, 201, 167, 0.13) 1px, transparent 1px);
	background-position: center top;
	background-size: var(--atc-atmosphere-grid-size) var(--atc-atmosphere-grid-size);
	opacity: var(--atc-atmosphere-grid-opacity);
	-webkit-mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.58) 55%, #000 100%);
	mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.58) 55%, #000 100%);
}

.atc-ai-atmosphere__micro-grid {
	background-image:
		radial-gradient(circle, rgba(72, 228, 237, 0.28) 0 0.7px, transparent 0.9px),
		linear-gradient(90deg, rgba(0, 201, 167, 0.06) 1px, transparent 1px);
	background-size: var(--atc-atmosphere-micro-size) var(--atc-atmosphere-micro-size), calc(var(--atc-atmosphere-micro-size) * 4) calc(var(--atc-atmosphere-micro-size) * 4);
	opacity: 0.065;
	-webkit-mask-image: linear-gradient(90deg, #000 0%, transparent 28%, transparent 72%, #000 100%);
	mask-image: linear-gradient(90deg, #000 0%, transparent 28%, transparent 72%, #000 100%);
}

.atc-ai-atmosphere__circuits {
	background:
		linear-gradient(90deg, transparent 0 5%, rgba(72, 228, 237, 0.24) 5% calc(5% + 1px), transparent calc(5% + 1px)) 0 18% / 310px 170px repeat-y,
		linear-gradient(180deg, transparent 0 34%, rgba(0, 201, 167, 0.22) 34% calc(34% + 1px), transparent calc(34% + 1px)) 0 0 / 270px 210px repeat-y,
		linear-gradient(270deg, transparent 0 7%, rgba(72, 228, 237, 0.2) 7% calc(7% + 1px), transparent calc(7% + 1px)) 100% 6% / 330px 190px repeat-y,
		linear-gradient(0deg, transparent 0 61%, rgba(0, 201, 167, 0.2) 61% calc(61% + 1px), transparent calc(61% + 1px)) 100% 0 / 280px 230px repeat-y;
	opacity: 0.18;
	-webkit-mask-image: linear-gradient(90deg, #000 0%, #000 11%, transparent 28%, transparent 72%, #000 89%, #000 100%);
	mask-image: linear-gradient(90deg, #000 0%, #000 11%, transparent 28%, transparent 72%, #000 89%, #000 100%);
}

.atc-ai-atmosphere__circuits::before,
.atc-ai-atmosphere__circuits::after {
	top: 12%;
	bottom: 8%;
	width: min(18vw, 250px);
	border-block: 1px solid rgba(72, 228, 237, 0.1);
	background:
		radial-gradient(circle, rgba(72, 228, 237, 0.65) 0 1.2px, transparent 1.7px) 0 0 / 58px 74px,
		repeating-linear-gradient(90deg, rgba(0, 201, 167, 0.12) 0 1px, transparent 1px 42px);
	opacity: 0.5;
}

.atc-ai-atmosphere__circuits::before {
	left: 0;
	border-right: 1px solid rgba(0, 201, 167, 0.14);
	clip-path: polygon(0 0, 82% 0, 100% 8%, 76% 16%, 100% 27%, 72% 39%, 96% 51%, 70% 64%, 100% 77%, 78% 88%, 92% 100%, 0 100%);
}

.atc-ai-atmosphere__circuits::after {
	right: 0;
	border-left: 1px solid rgba(0, 201, 167, 0.14);
	clip-path: polygon(18% 0, 100% 0, 100% 100%, 8% 100%, 22% 88%, 0 76%, 30% 64%, 4% 51%, 28% 39%, 0 26%, 24% 15%, 0 7%);
}

.atc-ai-atmosphere__nodes {
	background:
		radial-gradient(circle at 5% 18%, rgba(72, 228, 237, 0.82) 0 1px, transparent 2px),
		radial-gradient(circle at 11% 43%, rgba(0, 201, 167, 0.78) 0 1.3px, transparent 2.2px),
		radial-gradient(circle at 7% 78%, rgba(72, 228, 237, 0.68) 0 1px, transparent 2px),
		radial-gradient(circle at 18% 91%, rgba(0, 201, 167, 0.72) 0 1.2px, transparent 2px),
		radial-gradient(circle at 94% 13%, rgba(0, 201, 167, 0.84) 0 1px, transparent 2px),
		radial-gradient(circle at 88% 36%, rgba(72, 228, 237, 0.72) 0 1.4px, transparent 2.3px),
		radial-gradient(circle at 96% 69%, rgba(0, 201, 167, 0.78) 0 1.2px, transparent 2.2px),
		radial-gradient(circle at 84% 88%, rgba(72, 228, 237, 0.68) 0 1px, transparent 2px);
	opacity: var(--atc-atmosphere-node-opacity);
}

.atc-ai-atmosphere__nodes::before,
.atc-ai-atmosphere__nodes::after {
	top: 20%;
	width: 18%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(72, 228, 237, 0.5), transparent);
	opacity: 0.4;
}

.atc-ai-atmosphere__nodes::before {
	left: 0;
	transform: rotate(24deg);
}

.atc-ai-atmosphere__nodes::after {
	right: 0;
	top: 73%;
	transform: rotate(-20deg);
}

.atc-ai-atmosphere__vignette {
	background:
		linear-gradient(180deg, rgba(1, 3, 4, 0.32) 0%, transparent 14%, transparent 76%, rgba(1, 3, 4, 0.52) 100%),
		radial-gradient(ellipse at center, transparent 42%, rgba(1, 3, 4, 0.18) 70%, rgba(1, 3, 4, 0.62) 100%);
	box-shadow: inset 0 0 140px rgba(0, 0, 0, 0.42);
}

.atc-ai-atmosphere__readability-veil {
	background:
		linear-gradient(90deg, rgba(1, 4, 6, 0.04) 0%, rgba(2, 8, 10, 0.14) 28%, rgba(2, 8, 10, 0.22) 50%, rgba(2, 8, 10, 0.14) 72%, rgba(1, 4, 6, 0.04) 100%),
		linear-gradient(180deg, rgba(2, 6, 8, 0.06), transparent 42%, rgba(1, 4, 6, 0.2));
}

body.atc-atmosphere-intensity-calm {
	--atc-atmosphere-grid-opacity: 0.065;
	--atc-atmosphere-node-opacity: 0.3;
	--atc-atmosphere-glow-opacity: 0.22;
}

body.atc-atmosphere-intensity-rich {
	--atc-atmosphere-grid-opacity: 0.1;
	--atc-atmosphere-node-opacity: 0.42;
	--atc-atmosphere-glow-opacity: 0.32;
}

body.atc-atmosphere-context-tools .atc-ai-atmosphere__circuits,
body.atc-atmosphere-context-tool-detail .atc-ai-atmosphere__circuits {
	opacity: 0.27;
}

body.atc-atmosphere-context-tools .atc-ai-atmosphere__micro-grid,
body.atc-atmosphere-context-tool-detail .atc-ai-atmosphere__micro-grid {
	opacity: 0.09;
}

body.atc-atmosphere-context-news .atc-ai-atmosphere__grid,
body.atc-atmosphere-context-investment .atc-ai-atmosphere__grid {
	background-size: 68px 52px;
}

body.atc-atmosphere-context-contact .atc-ai-atmosphere__aurora {
	background:
		radial-gradient(ellipse at 50% 32%, rgba(0, 201, 167, 0.19), transparent 34%),
		radial-gradient(ellipse at 12% 76%, rgba(72, 228, 237, 0.08), transparent 30%),
		radial-gradient(ellipse at 88% 74%, rgba(23, 107, 135, 0.12), transparent 32%);
}

body.atc-atmosphere-context-article .atc-ai-atmosphere__readability-veil,
body.atc-atmosphere-context-reviews .atc-ai-atmosphere__readability-veil,
body.atc-atmosphere-context-comparisons .atc-ai-atmosphere__readability-veil,
body.atc-atmosphere-context-guides .atc-ai-atmosphere__readability-veil {
	background:
		linear-gradient(90deg, rgba(1, 4, 6, 0.06) 0%, rgba(2, 7, 10, 0.3) 24%, rgba(2, 7, 10, 0.46) 36%, rgba(2, 7, 10, 0.46) 64%, rgba(2, 7, 10, 0.3) 76%, rgba(1, 4, 6, 0.06) 100%),
		linear-gradient(180deg, rgba(2, 6, 8, 0.12), transparent 34%, rgba(1, 4, 6, 0.24));
}

body.atc-atmosphere-context-article .atc-ai-atmosphere__circuits,
body.atc-atmosphere-context-reviews .atc-ai-atmosphere__circuits,
body.atc-atmosphere-context-comparisons .atc-ai-atmosphere__circuits,
body.atc-atmosphere-context-guides .atc-ai-atmosphere__circuits {
	opacity: 0.1;
}

body.atc-atmosphere-context-forum .atc-ai-atmosphere__readability-veil {
	background: linear-gradient(90deg, rgba(1, 4, 6, 0.06), rgba(2, 8, 10, 0.42) 28% 72%, rgba(1, 4, 6, 0.06));
}

/* Blend existing engine canvases while preserving their cards and controls. */
body.atc-atmosphere-enabled .atc-home-command-center::before {
	background:
		radial-gradient(circle at 64% 4%, rgba(0, 201, 167, 0.13), transparent 34rem),
		radial-gradient(circle at 10% 8%, rgba(110, 231, 216, 0.07), transparent 24rem),
		linear-gradient(180deg, rgba(2, 28, 33, 0.48), rgba(2, 24, 30, 0.62));
}

body.atc-atmosphere-enabled .atc-ai-tools-hub::before,
body.atc-atmosphere-enabled .atc-contact-page::before {
	background:
		radial-gradient(circle at 70% 5%, rgba(0, 201, 167, 0.12), transparent 32rem),
		radial-gradient(circle at 12% 8%, rgba(124, 248, 231, 0.06), transparent 24rem),
		linear-gradient(180deg, rgba(2, 28, 33, 0.44), rgba(2, 24, 30, 0.62));
}

body.atc-atmosphere-enabled .at-header-engine {
	background: linear-gradient(180deg, rgba(2, 7, 14, 0.78) 0%, rgba(2, 8, 13, 0.28) 72%, transparent 100%) !important;
}

body.atc-atmosphere-enabled .at-footer-engine {
	background:
		linear-gradient(180deg, rgba(2, 7, 17, 0.5) 0%, rgba(2, 7, 17, 0.82) 18%, rgba(2, 7, 17, 0.94) 100%);
	border-top-color: var(--atc-border-atmosphere);
}

body.atc-atmosphere-enabled.atc-article-layout-active {
	background: transparent !important;
}

body.atc-atmosphere-enabled .atc-article-experience {
	background:
		linear-gradient(rgba(60, 177, 165, 0.018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(60, 177, 165, 0.018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(2, 9, 20, 0.36), rgba(4, 18, 28, 0.66) 22% 78%, rgba(2, 9, 20, 0.36));
	background-size: 76px 76px, 76px 76px, auto;
}

body.atc-atmosphere-enabled.arti-comparison-command-page,
body.atc-atmosphere-enabled .arti-comparison-command-page,
body.atc-atmosphere-enabled.arti-trends-comparison-page {
	background:
		linear-gradient(rgba(0, 201, 167, 0.018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0, 201, 167, 0.018) 1px, transparent 1px),
		linear-gradient(180deg, rgba(3, 20, 24, 0.36), rgba(2, 11, 18, 0.62));
	background-size: 48px 48px, 48px 48px, auto;
}

@keyframes atc-atmosphere-image-drift {
	0%, 100% { transform: translate3d(-4px, -3px, 0) scale(1.025); }
	50% { transform: translate3d(7px, 5px, 0) scale(1.04); }
}

@keyframes atc-atmosphere-aurora-breathe {
	0%, 100% { transform: translate3d(0, 0, 0) scale(1.01); opacity: 0.72; }
	50% { transform: translate3d(-5px, 4px, 0) scale(1.025); opacity: 1; }
}

@keyframes atc-atmosphere-grid-drift {
	0%, 100% { transform: translate3d(0, 0, 0); }
	50% { transform: translate3d(6px, 4px, 0); }
}

@keyframes atc-atmosphere-node-pulse {
	0%, 100% { opacity: 0.62; }
	50% { opacity: 1; }
}

@media (min-width: 1025px) {
	body.atc-atmosphere-motion-enabled .atc-ai-atmosphere__image {
		animation: atc-atmosphere-image-drift 64s ease-in-out infinite;
	}

	body.atc-atmosphere-motion-enabled .atc-ai-atmosphere__aurora {
		animation: atc-atmosphere-aurora-breathe 28s ease-in-out infinite;
	}

	body.atc-atmosphere-motion-enabled .atc-ai-atmosphere__grid {
		animation: atc-atmosphere-grid-drift 78s linear infinite;
	}

	body.atc-atmosphere-motion-enabled .atc-ai-atmosphere__nodes {
		animation: atc-atmosphere-node-pulse 22s ease-in-out infinite;
	}
}

@media (max-width: 1024px) {
	:root {
		--atc-atmosphere-grid-size: 56px;
		--atc-atmosphere-micro-size: 16px;
	}

	.atc-ai-atmosphere__image {
		background-position: 56% top;
		opacity: var(--atc-atmosphere-image-opacity);
	}

	@supports (background-image: image-set(url("data:image/gif;base64,R0lGODlhAQABAAAAACw=") 1x)) {
		.atc-ai-atmosphere__image {
			background-image: var(--atc-atmosphere-tablet-image, var(--atc-atmosphere-source-image));
		}
	}

	.atc-ai-atmosphere__circuits {
		opacity: 0.1;
	}

	.atc-ai-atmosphere__nodes {
		opacity: var(--atc-atmosphere-node-opacity);
	}

	body.atc-atmosphere-intensity-calm .atc-ai-atmosphere__nodes {
		opacity: 0.06;
	}

	body.atc-atmosphere-intensity-rich .atc-ai-atmosphere__nodes {
		opacity: 0.15;
	}

	body.atc-atmosphere-motion-enabled .atc-ai-atmosphere__aurora {
		animation: atc-atmosphere-aurora-breathe 36s ease-in-out infinite;
	}
}

@media (max-width: 767px) {
	:root {
		--atc-atmosphere-grid-size: 42px;
		--atc-atmosphere-micro-size: 14px;
	}

	body.atc-atmosphere-enabled {
		overflow-x: hidden;
	}

	.atc-ai-atmosphere__image {
		inset: -1%;
		background-position: 64% top;
		opacity: var(--atc-atmosphere-image-opacity);
		-webkit-mask-image: linear-gradient(90deg, #000, rgba(0, 0, 0, 0.78) 36% 64%, #000);
		mask-image: linear-gradient(90deg, #000, rgba(0, 0, 0, 0.78) 36% 64%, #000);
	}

	@supports (background-image: image-set(url("data:image/gif;base64,R0lGODlhAQABAAAAACw=") 1x)) {
		.atc-ai-atmosphere__image {
			background-image: var(--atc-atmosphere-mobile-image, var(--atc-atmosphere-source-image));
		}
	}

	.atc-ai-atmosphere__circuits,
	.atc-ai-atmosphere__nodes::before,
	.atc-ai-atmosphere__nodes::after {
		display: none;
	}

	.atc-ai-atmosphere__micro-grid {
		opacity: 0.035;
	}

	.atc-ai-atmosphere__aurora {
		opacity: var(--atc-atmosphere-glow-opacity);
	}

	.atc-ai-atmosphere__vignette {
		box-shadow: inset 0 0 72px rgba(0, 0, 0, 0.48);
	}

	.atc-ai-atmosphere__readability-veil {
		background: linear-gradient(90deg, rgba(1, 4, 6, 0.06), rgba(2, 8, 10, 0.28) 18% 82%, rgba(1, 4, 6, 0.06));
	}

	body.atc-atmosphere-context-article .atc-ai-atmosphere__readability-veil,
	body.atc-atmosphere-context-reviews .atc-ai-atmosphere__readability-veil,
	body.atc-atmosphere-context-comparisons .atc-ai-atmosphere__readability-veil,
	body.atc-atmosphere-context-guides .atc-ai-atmosphere__readability-veil {
		background: linear-gradient(90deg, rgba(1, 4, 6, 0.08), rgba(2, 8, 10, 0.5) 18% 82%, rgba(1, 4, 6, 0.08));
	}

	body.atc-atmosphere-context-forum .atc-ai-atmosphere__readability-veil {
		background: linear-gradient(90deg, rgba(1, 4, 6, 0.08), rgba(2, 8, 10, 0.44) 18% 82%, rgba(1, 4, 6, 0.08));
	}

	body.atc-atmosphere-motion-enabled .atc-ai-atmosphere__image,
	body.atc-atmosphere-motion-enabled .atc-ai-atmosphere__aurora,
	body.atc-atmosphere-motion-enabled .atc-ai-atmosphere__grid,
	body.atc-atmosphere-motion-enabled .atc-ai-atmosphere__nodes {
		animation: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.atc-ai-atmosphere,
	.atc-ai-atmosphere * {
		animation: none !important;
		transition: none !important;
	}
}

@media (forced-colors: active) {
	.atc-ai-atmosphere {
		display: none !important;
	}

	body.atc-atmosphere-enabled {
		background: Canvas !important;
		color: CanvasText;
		forced-color-adjust: auto;
	}
}

@media print {
	.atc-ai-atmosphere {
		display: none !important;
	}

	body.atc-atmosphere-enabled {
		background: #fff !important;
	}
}