html[data-blue-style] body {
	background: transparent;
	color: var(--brain-text);
}
body {
	padding-bottom: 78px;
}
body::before {
	opacity: 1;
}
main,
body > footer {
	position: relative;
	z-index: 2;
}
[data-brand-mode="inherit"]
	[data-brain-section]:not([data-brand-background="true"]) {
	background: transparent;
}
.mast {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 80;
	width: 100%;
	max-width: none;
	height: 78px;
	padding: 0 30px;
	background: color-mix(in srgb, var(--blue-bg) 88%, transparent);
	backdrop-filter: blur(18px);
	border-top: 1px solid color-mix(in srgb, var(--blue-text) 13%, transparent);
}
.mast .brand {
	font-family: "Cormorant Garamond", serif;
	font-size: 14px;
	letter-spacing: 0.16em;
	flex-direction: row;
	gap: 8px;
	font-weight: 400;
}
.mast .brand img {
	margin-right: 10px;
}
.mast .brand span {
	font: inherit;
	margin: 0;
	letter-spacing: inherit;
}
.mast nav {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.06em;
	gap: 34px;
}
.mast .nav-contact {
	color: var(--blue-secondary);
	border: 0;
	padding: 0;
}
.mast a:hover {
	color: var(--blue-secondary);
}
#brand-theme {
	position: fixed;
	top: 18px;
	right: 22px;
	z-index: 90;
	border: 0;
	background: none;
	color: var(--blue-text);
	width: 40px;
	height: 40px;
	display: grid;
	place-items: center;
	cursor: pointer;
}
#brand-theme svg {
	width: 18px;
	height: 18px;
}
.hero[data-brain-section] {
	min-height: calc(100svh - 78px);
	padding-top: 48px;
}
.hero-copy {
	padding-top: 22px;
}
.edition {
	color: var(--blue-secondary);
}
.hero .button,
.offer .button {
	background: none !important;
	border: 0;
	border-bottom: 1px solid var(--blue-secondary);
	color: var(--blue-secondary) !important;
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
}
.hero .button:hover,
.offer .button:hover {
	gap: 60px;
}
.hero-foot,
.story[data-brain-section],
.offer[data-brain-section],
body > footer {
	border-color: color-mix(in srgb, var(--brain-text) 18%, transparent);
}
.story-tabs {
	border-color: color-mix(in srgb, var(--brain-text) 20%, transparent);
}
.story-tabs button[aria-selected="true"] {
	color: var(--blue-secondary);
	border-color: var(--blue-secondary);
}
.atlas-section[data-brain-section] {
	background: transparent;
	padding-top: 64px;
}
.atlas-heading {
	color: var(--brain-text);
}
.atlas-heading p,
.demo-stamp {
	color: var(--brain-muted) !important;
}
.demo-stamp strong {
	color: var(--brain-text) !important;
}
.demo-shell {
	display: block;
	border: 1px solid color-mix(in srgb, var(--blue-text) 20%, transparent);
	max-width: 1440px;
}
.atlas-view {
	background: #031321;
	min-height: 0;
}
.atlas-top {
	display: none;
}
#atlas-frame {
	display: block;
	width: 100%;
	height: 760px;
	border: 0;
	background: #031321;
	color-scheme: dark;
}
.graph-hint {
	color: #b9cbd6;
	margin: 0;
	padding: 12px;
}
.knowledge-list {
	color: #b9cbd6;
}
.demo-panel {
	display: grid;
	grid-template-columns: minmax(250px, 1fr) minmax(0, 1.6fr);
	gap: 0 55px;
	padding: 36px 40px;
	background: color-mix(in srgb, var(--blue-bg) 93%, transparent);
	color: var(--blue-text);
}
.panel-label {
	grid-column: 1;
	grid-row: 1;
}
.questions {
	grid-column: 1;
	grid-row: 2;
}
.scenario {
	grid-column: 1;
	grid-row: 3;
}
#answer {
	grid-column: 2;
	grid-row: 1 / 4;
}
#node-detail {
	grid-column: 2;
	grid-row: 4;
}
.demo-note {
	grid-column: 1 / -1;
	color: var(--blue-muted);
}
.questions button,
.questions button[aria-pressed="true"],
.scenario select,
#node-detail button,
.source-links button {
	color: var(--blue-text);
}
.questions,
.questions button,
.scenario select,
.check,
.source-links button,
.demo-note,
#node-detail {
	border-color: color-mix(in srgb, var(--blue-text) 24%, transparent);
}
.questions button[aria-pressed="true"]::before {
	background: var(--blue-secondary);
}
.source-links button:hover {
	background: color-mix(in srgb, var(--blue-text) 10%, transparent);
}
.check[data-state="no"] b {
	color: var(--blue-secondary);
}
:root[data-blue-theme="dark"] .check[data-state="unknown"] b {
	color: #e8ce9b;
}
#node-detail .tag {
	color: var(--blue-secondary);
}
.proof-grid article,
.offer li,
.technical {
	border-color: color-mix(in srgb, var(--brain-text) 22%, transparent);
}
@media (max-width: 720px) {
	body {
		padding-bottom: 70px;
	}
	.mast {
		height: 70px;
		padding: 0 16px;
	}
	.mast .brand {
		font-size: 10px;
		letter-spacing: 0.08em;
		gap: 5px;
	}
	.mast .brand img {
		width: 20px;
		height: 20px;
		margin-right: 3px;
	}
	.mast .brand span {
		display: none;
	}
	.mast nav {
		position: static;
		transform: none;
		margin-left: auto;
		gap: 19px;
		font-size: 10px;
		letter-spacing: 0.02em;
	}
	.mast nav > a:first-child {
		display: inline;
	}
	.mast nav > a:nth-child(2) {
		border: 0;
	}
	.mast .nav-contact {
		display: none;
	}
	#brand-theme {
		top: 12px;
		right: 12px;
	}
	.hero[data-brain-section] {
		min-height: 0;
		padding-top: 36px;
	}
	.hero-copy {
		padding-top: 10px;
	}
	.atlas-section[data-brain-section] {
		padding-top: 42px;
	}
	#atlas-frame {
		height: 620px;
	}
	.demo-panel {
		display: block;
		padding: 27px 22px;
	}
	.scenario {
		margin: 23px 0;
	}
	#answer {
		margin-top: 28px;
	}
	#node-detail {
		margin-top: 20px;
	}
	.atlas-heading {
		padding: 0 22px;
	}
	.mast .brand {
		color: var(--blue-text);
	}
}

:root[data-brand-mode="custom"] {
	background: var(--brain-bg) !important;
}
:root[data-brand-mode="custom"] .blue-texture,
:root[data-brand-mode="custom"] .blue-stars,
:root[data-brand-mode="custom"] .blue-grain {
	display: none;
}