/*
 * Pillar Delta — white edition
 *
 * Loaded after the existing page styles so the original layouts, type,
 * spacing, motion, and interaction rules remain unchanged. Only the neutral
 * palette and light-mode rendering surfaces are replaced here.
 */
:root {
	color-scheme: light;
	--bg:             #FFFFFF;
	--text:           #1D1D1F;
	--text-secondary: #6E6E73;
	--surface:        #F5F5F7;
	--surface-raised: #E8E8ED;
	--border:         #D2D2D7;
	--border-strong:  #A1A1A6;
	--accent:         #0066CC;
	--good:           #248A3D;
	--bad:            #D70015;
}

body {
	background: var(--bg);
	color: var(--text);
}

/* Hero statement: the first line stays fixed while the second line cycles. */
.hero-headline-fixed,
.hero-headline-rotator {
	display: block;
}

.hero-headline-rotator {
	position: relative;
	color: var(--text-secondary);
}

.hero-headline-sizer {
	display: block;
	visibility: hidden;
}

.hero-headline-phrase {
	position: absolute;
	inset: 0;
	opacity: 0;
	will-change: opacity;
}

.hero-headline-phrase:nth-of-type(2),
.hero-headline-rotator[data-rotating-enhanced] .hero-headline-phrase.is-active {
	opacity: 1;
}

.hero-headline-rotator[data-rotating-enhanced] .hero-headline-phrase {
	opacity: 0;
}

::selection {
	background: var(--accent);
	color: #FFFFFF;
}

.glow {
	background: rgba(210, 210, 215, 0.58);
}

nav,
nav.pd-nav {
	background: rgba(255, 255, 255, 0.72);
}

nav.scrolled,
nav.pd-nav.scrolled {
	background: rgba(255, 255, 255, 0.88);
}

.nav-logo img {
	filter: brightness(0);
}

.btn-primary {
	background: var(--text);
	color: #FFFFFF;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
}

.btn-primary:hover {
	background: #000000;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}

.btn-primary::after {
	background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.14), transparent);
}

.btn-secondary {
	background: var(--surface-raised);
	color: var(--text);
	border-color: var(--border-strong);
}

.btn-secondary:hover {
	background: #DCDCE1;
	border-color: #86868B;
}

.seg button.on {
	background: var(--text);
	color: #FFFFFF;
}

.card-fx::before {
	background: radial-gradient(280px circle at var(--mx, 50%) var(--my, 50%), rgba(0, 0, 0, 0.055), transparent 65%);
}

.card-fx::after {
	background: linear-gradient(
		90deg,
		transparent 8%,
		rgba(0, 0, 0, 0.09) 38%,
		rgba(0, 0, 0, 0.025) 58%,
		transparent 84%
	) top / 100% 1px no-repeat;
}

/* Homepage cards and project links */
.pillar,
.project-link {
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0.018), transparent 28%),
		#FAFAFC;
	border-color: #DEDEE3;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
}

@media (max-width: 768px) {
	.pillar,
	.project-link {
		background:
			linear-gradient(180deg, rgba(0, 0, 0, 0.018), transparent 28%),
			#FAFAFC;
		border-color: #DEDEE3;
		box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
	}
}

.pillar:hover,
.project-link:hover {
	border-color: #B8B8BE;
	box-shadow: 0 16px 38px rgba(0, 0, 0, 0.10);
}

.project-link:hover {
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0.026), transparent 40%),
		#F5F5F7;
}

.mission blockquote .mw {
	color: #A1A1A6;
}

/* ZeroTrace: fine perimeter shimmer on the white-edition homepage only. */
@property --zerotrace-shimmer-angle {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}

.product-showcase::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	padding: 1px;
	border-radius: inherit;
	background: conic-gradient(
		from var(--zerotrace-shimmer-angle),
		transparent 0deg,
		transparent 250deg,
		rgba(175, 205, 255, 0.08) 282deg,
		rgba(213, 229, 255, 0.48) 310deg,
		rgba(255, 255, 255, 0.98) 326deg,
		rgba(198, 220, 255, 0.34) 342deg,
		transparent 360deg
	);
	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	mask-composite: exclude;
	filter: drop-shadow(0 0 5px rgba(197, 220, 255, 0.42));
	pointer-events: none;
	animation: zerotrace-border-shimmer 7s linear infinite;
}

@keyframes zerotrace-border-shimmer {
	to { --zerotrace-shimmer-angle: 360deg; }
}

.product-showcase-wordmark {
	display: inline-block;
	color: #F5F5F7;
	background: linear-gradient(
		108deg,
		#F5F5F7 0%,
		#F5F5F7 38%,
		#AFC9EE 46%,
		#FFFFFF 50%,
		#C6DCFA 54%,
		#F5F5F7 62%,
		#F5F5F7 100%
	);
	background-position: 130% 50%;
	background-size: 250% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: zerotrace-wordmark-shimmer 7s ease-in-out infinite;
}

@keyframes zerotrace-wordmark-shimmer {
	0%, 16% {
		background-position: 130% 50%;
		filter: drop-shadow(0 0 0 rgba(190, 216, 255, 0));
	}
	50% {
		filter: drop-shadow(0 0 9px rgba(190, 216, 255, 0.28));
	}
	84%, 100% {
		background-position: -30% 50%;
		filter: drop-shadow(0 0 0 rgba(190, 216, 255, 0));
	}
}

/* Axiom / VibeScience product carousel — white-edition homepage only. */
@property --axiom-showcase-angle {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}

.product-showcase--paired {
	margin-bottom: var(--space-3);
}

.axiom-showcase {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	width: calc(100% - (var(--space-3) * 2));
	max-width: 1056px;
	margin: 0 auto var(--space-15);
	padding: var(--space-12) 0;
	border: 1px solid #29292D;
	border-radius: 40px;
	background: #000000;
	color: #F5F5F7;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.055),
		inset 0 -36px 90px rgba(255, 255, 255, 0.018),
		0 28px 90px rgba(0, 0, 0, 0.42);
}

.axiom-showcase::before {
	content: "";
	position: absolute;
	top: -34%;
	right: -18%;
	width: min(64vw, 700px);
	aspect-ratio: 1;
	border: 1px solid rgba(255, 255, 255, 0.055);
	border-radius: 50%;
	box-shadow:
		0 0 0 42px rgba(255, 255, 255, 0.02),
		0 0 0 92px rgba(255, 255, 255, 0.012);
	z-index: -1;
	pointer-events: none;
}

.axiom-showcase::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 5;
	padding: 1px;
	border-radius: inherit;
	background: conic-gradient(
		from var(--axiom-showcase-angle),
		transparent 0deg,
		transparent 250deg,
		rgba(175, 205, 255, 0.08) 282deg,
		rgba(213, 229, 255, 0.48) 310deg,
		rgba(255, 255, 255, 0.92) 326deg,
		rgba(198, 220, 255, 0.34) 342deg,
		transparent 360deg
	);
	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	mask-composite: exclude;
	filter: drop-shadow(0 0 5px rgba(197, 220, 255, 0.42));
	pointer-events: none;
	animation: axiom-showcase-border 8s linear infinite;
}

@keyframes axiom-showcase-border {
	to { --axiom-showcase-angle: 360deg; }
}

.axiom-showcase-shell {
	position: relative;
	z-index: 1;
}

.axiom-showcase-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: var(--space-4);
}

.axiom-showcase-copy {
	max-width: 860px;
}

.axiom-showcase-kicker {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: var(--space-2);
	color: #86868B;
	font-family: var(--font-mono);
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.axiom-showcase-kicker span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #F5F5F7;
	box-shadow: 13px 0 0 rgba(245, 245, 247, 0.28);
	margin-right: 13px;
}

.axiom-showcase h2 {
	max-width: 900px;
	font-size: clamp(42px, 6vw, 68px);
	line-height: 1.02;
	font-weight: 800;
	letter-spacing: -0.058em;
	color: #F5F5F7;
}

.axiom-showcase h2 span {
	display: block;
	margin-top: .08em;
	color: #86868B;
	background: none;
	-webkit-text-fill-color: currentColor;
	animation: none;
}

.axiom-showcase-lede {
	max-width: 720px;
	margin-top: var(--space-3);
	color: #86868B;
	font-size: clamp(18px, 2vw, 22px);
	line-height: 1.55;
	font-weight: 500;
}

.axiom-showcase-punchline {
	margin-top: var(--space-3);
	color: #DADADF;
	font-size: clamp(19px, 2.2vw, 25px);
	line-height: 1.35;
	font-weight: 650;
	letter-spacing: -.02em;
}

.axiom-showcase-punchline strong {
	display: block;
	color: #F5F5F7;
	font-weight: 750;
}

.axiom-showcase-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 50px;
	margin-top: var(--space-3);
	padding: 0 22px;
	border: 1px solid #F5F5F7;
	border-radius: var(--radius-pill);
	background: #F5F5F7;
	color: #111113;
	font-size: 15px;
	line-height: 20px;
	font-weight: 650;
	text-decoration: none;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.34);
	transition: transform .3s var(--ease-out), background-color .3s ease, box-shadow .3s ease;
}

.axiom-showcase-cta:hover {
	transform: translateY(-2px);
	background: #FFFFFF;
	box-shadow: 0 15px 34px rgba(41, 151, 255, 0.18);
}

.axiom-slider-controls {
	display: flex;
	gap: 8px;
	padding-bottom: 2px;
}

.axiom-slider-controls button {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border: 1px solid #34343A;
	border-radius: 50%;
	background: rgba(17, 17, 20, 0.82);
	color: #DADADF;
	font-size: 19px;
	cursor: pointer;
	transition: border-color .25s ease, background-color .25s ease, transform .25s var(--ease-out);
}

.axiom-slider-controls button:hover {
	transform: translateY(-2px);
	border-color: #5A5A63;
	background: #17171B;
}

.axiom-slider-controls button:focus-visible,
.axiom-slider:focus-visible,
.axiom-slider-dots button:focus-visible {
	outline: 2px solid #64B5FF;
	outline-offset: 3px;
}

.axiom-slider {
	--axiom-slide-duration: 6.5s;
	position: relative;
	margin-top: var(--space-6);
	overflow: hidden;
	border: 1px solid #26262B;
	border-radius: 24px;
	background: rgba(8, 8, 10, 0.88);
	box-shadow: 0 22px 68px rgba(0, 0, 0, 0.42);
}

.axiom-slider-viewport {
	position: relative;
	min-height: 420px;
}

.axiom-slide {
	position: absolute;
	inset: 0;
	display: grid;
	grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
	align-items: stretch;
	opacity: 0;
	transform: translateX(6%) scale(.985);
	pointer-events: none;
	transition: opacity .62s ease, transform .72s var(--ease-out);
}

.axiom-slide.is-active {
	z-index: 1;
	opacity: 1;
	transform: none;
	pointer-events: auto;
}

.axiom-slide-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(30px, 4.5vw, 54px);
	border-right: 1px solid #26262B;
}

.axiom-slide-copy > p:first-child {
	color: #64B5FF;
	font-family: var(--font-mono);
	font-size: 10px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: .12em;
}

.axiom-slide-copy > p:first-child span {
	margin-right: 9px;
	color: #5D5D64;
}

.axiom-slide-copy h3 {
	margin-top: 17px;
	color: #F5F5F7;
	font-size: clamp(27px, 3.3vw, 39px);
	line-height: 1.08;
	letter-spacing: -.04em;
}

.axiom-slide-copy > p:last-child {
	margin-top: 17px;
	color: #96969C;
	font-size: 15px;
	line-height: 1.63;
	font-weight: 500;
}

.axiom-slide-visual {
	position: relative;
	min-width: 0;
	overflow: hidden;
}

.axiom-device-visual {
	display: grid;
	place-items: center;
	padding: 30px;
	background:
		radial-gradient(circle at center, rgba(41, 151, 255, 0.08), transparent 56%),
		#070709;
}

.axiom-device-visual img {
	width: min(100%, 530px);
	filter: drop-shadow(0 22px 23px rgba(0,0,0,.19));
}

/* Reveal runs only while the slide is shown; no fill mode, so the
   resting state stays visible even if the animation never plays. */
.axiom-slide.is-active .axiom-device-visual img {
	animation: axiom-device-reveal 1.15s var(--ease-out);
}

@keyframes axiom-device-reveal {
	from {
		opacity: 0;
		transform: scale(.985);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.axiom-graph-visual {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 22px;
	background:
		radial-gradient(circle at 50% 42%, rgba(41,151,255,.1), transparent 48%),
		#070709;
}

.axiom-graph-topbar {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	min-height: 28px;
	padding-bottom: 10px;
	border-bottom: 1px solid #242429;
	color: #6E6E73;
	font-family: var(--font-mono);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .09em;
}

.axiom-graph-topbar > span {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #B9B9BF;
}

.axiom-graph-topbar > span i {
	display: block;
	width: 2px;
	height: 8px;
	background: #30D158;
	box-shadow: 0 0 7px rgba(48, 209, 88, .72);
}

.axiom-graph-topbar > strong {
	color: #5F5F66;
	font-size: inherit;
	font-weight: 700;
}

.axiom-graph-topbar > b {
	justify-self: end;
	color: #30D158;
	font-size: inherit;
	font-weight: 700;
}

.axiom-evidence-flow {
	display: grid;
	grid-template-rows: auto 14px auto 14px auto;
	align-content: center;
	flex: 1;
	min-height: 0;
}

.axiom-evidence-card {
	position: relative;
	z-index: 1;
	padding: 10px 12px;
	border: 1px solid #2D2D33;
	border-radius: 10px;
	background: rgba(14, 14, 17, .96);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
	overflow: hidden;
}

.axiom-evidence-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, transparent 25%, rgba(100,181,255,.09) 50%, transparent 75%);
	transform: translateX(-130%);
	pointer-events: none;
}

.axiom-slide.is-active .axiom-evidence-card::after {
	animation: axiom-evidence-scan 5.6s ease-in-out infinite;
}

.axiom-evidence-card header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 4px;
	color: #64B5FF;
	font-family: var(--font-mono);
	font-size: 7px;
	line-height: 11px;
	font-weight: 700;
	letter-spacing: .08em;
}

.axiom-evidence-card header b {
	color: #6E6E73;
	font-size: inherit;
	font-weight: 700;
}

.axiom-evidence-card > strong {
	display: block;
	color: #ECECEF;
	font-size: 10px;
	line-height: 14px;
	font-weight: 650;
}

.axiom-evidence-card > small {
	display: block;
	margin-top: 2px;
	color: #66666C;
	font-family: var(--font-mono);
	font-size: 7px;
	line-height: 11px;
}

.evidence-hypothesis,
.evidence-result {
	width: min(84%, 400px);
	justify-self: center;
}

.evidence-result {
	border-color: rgba(48, 209, 88, .42);
	background: linear-gradient(135deg, rgba(48, 209, 88, .08), transparent 55%), #0E0E11;
}

.evidence-result header b { color: #30D158; }

.axiom-evidence-inputs {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.axiom-evidence-inputs::before {
	content: "";
	position: absolute;
	top: -7px;
	left: 25%;
	right: 25%;
	height: 1px;
	background: #313138;
}

.axiom-evidence-inputs .axiom-evidence-card::before {
	content: "";
	position: absolute;
	top: -8px;
	left: 50%;
	width: 1px;
	height: 8px;
	background: #313138;
}

.axiom-evidence-connector {
	position: relative;
	justify-self: center;
	width: 1px;
	height: 14px;
	background: #28282E;
	overflow: hidden;
}

.axiom-evidence-connector i {
	position: absolute;
	inset: 0;
	width: 1px;
	height: 100%;
	background: linear-gradient(to bottom, #64B5FF, #30D158);
	box-shadow: 0 0 5px rgba(41, 151, 255, .7);
	transform: scaleY(0);
	transform-origin: top;
}

.axiom-slide.is-active .axiom-evidence-connector i {
	animation: axiom-provenance-trace 2.4s var(--ease-out) infinite;
}

.axiom-slide.is-active .connector-result i { animation-delay: 1.15s; }

.axiom-confidence {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-top: 7px;
}

.axiom-confidence > span {
	flex: 1;
	height: 3px;
	border-radius: 99px;
	background: #222227;
	overflow: hidden;
}

.axiom-confidence > span i {
	display: block;
	width: 84%;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #2997FF, #30D158);
	transform-origin: left;
}

.axiom-slide.is-active .axiom-confidence > span i {
	animation: axiom-confidence-rise 5.6s var(--ease-out) infinite;
}

.axiom-confidence > b {
	color: #9A9AA0;
	font-family: var(--font-mono);
	font-size: 7px;
	line-height: 10px;
	font-weight: 700;
	white-space: nowrap;
}

.axiom-evidence-update {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 26px;
	padding-top: 9px;
	border-top: 1px solid #242429;
	color: #77777E;
	font-family: var(--font-mono);
	font-size: 7px;
	line-height: 10px;
}

.axiom-evidence-update::before {
	content: "";
	display: block;
	width: 12px;
	height: 1px;
	background: linear-gradient(90deg, #2997FF, #30D158);
	box-shadow: 0 0 6px rgba(48, 209, 88, .55);
	flex: 0 0 auto;
}

.axiom-evidence-update time {
	margin-left: auto;
	color: #30D158;
	font-size: inherit;
	white-space: nowrap;
}

@keyframes axiom-evidence-scan {
	0%, 12% { transform: translateX(-130%); }
	40%, 100% { transform: translateX(130%); }
}

@keyframes axiom-provenance-trace {
	0%, 16% { transform: scaleY(0); opacity: 0; }
	26% { opacity: 1; }
	62%, 78% { transform: scaleY(1); opacity: 1; }
	100% { transform: scaleY(1); opacity: 0; }
}

@keyframes axiom-confidence-rise {
	0%, 24% { transform: scaleX(.72); opacity: .55; }
	52%, 100% { transform: scaleX(1); opacity: 1; }
}

.axiom-agents-visual {
	display: grid;
	align-content: center;
	gap: 10px;
	padding: 34px;
	background: #070709;
}

.axiom-agents-visual > div {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 15px;
	border: 1px solid #29292F;
	border-radius: 13px;
	background: #0E0E11;
	animation: axiom-agent-arrive .7s var(--ease-out) both;
}
.axiom-agents-visual > div:nth-child(2) { animation-delay: .12s; }
.axiom-agents-visual > div:nth-child(3) { animation-delay: .24s; }
@keyframes axiom-agent-arrive {
	from { opacity: 0; transform: translateX(18px); }
	to { opacity: 1; transform: none; }
}

.axiom-agents-visual i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid #35353D;
	border-radius: 9px;
	color: #64B5FF;
	font-family: var(--font-mono);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
}
.axiom-agents-visual strong { display: block; color: #ECECEF; font-size: 12px; }
.axiom-agents-visual small { display: block; margin-top: 3px; color: #6E6E73; font-size: 9px; }
.axiom-agents-visual > div > b { color: #96969C; font-family: var(--font-mono); font-size: 9px; font-weight: 600; }
.axiom-agents-visual > p { display: flex; align-items: center; gap: 9px; margin-top: 6px; padding-top: 14px; border-top: 1px solid #242429; color: #96969C; font-family: var(--font-mono); font-size: 9px; }
.axiom-agents-visual > p span { width: 7px; height: 7px; border-radius: 50%; background: #30D158; box-shadow: 0 0 9px #30D158; }
.axiom-agents-visual time { margin-left: auto; color: #30D158; }

.axiom-slider-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 50px;
	padding: 0 18px;
	border-top: 1px solid #26262B;
}

.axiom-slider-dots { display: flex; align-items: center; gap: 8px; }
.axiom-slider-dots button { width: 7px; height: 7px; border: 0; border-radius: 99px; background: #3B3B42; cursor: pointer; transition: width .35s var(--ease-out), background-color .3s ease; }
.axiom-slider-dots button.is-active { width: 26px; background: linear-gradient(90deg, #2997FF, #72E2A0); }
.axiom-slider-footer > p { color: #66666C; font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.axiom-slider-footer > p span { color: #DADADF; }
.axiom-slider-progress {
	height: 2px;
	overflow: hidden;
	background: #17171B;
}
.axiom-slider-progress span {
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #2997FF, #72E2A0);
	transform: translateZ(0) scaleX(0);
	transform-origin: left center;
	will-change: transform;
}
.axiom-slider.is-running .axiom-slider-progress span { animation: axiom-slider-timer var(--axiom-slide-duration) linear forwards; }
@keyframes axiom-slider-timer {
	from { transform: translateZ(0) scaleX(0); }
	to { transform: translateZ(0) scaleX(1); }
}

@media (prefers-reduced-motion: reduce) {
	.hero-headline-phrase {
		opacity: 0;
	}

	.hero-headline-phrase[data-rotating-final],
	.hero-headline-rotator[data-rotating-enhanced] .hero-headline-phrase[data-rotating-final] {
		opacity: 1;
	}

	.product-showcase::after {
		animation: none;
		background: rgba(255, 255, 255, 0.5);
		filter: none;
	}

	.product-showcase-wordmark,
	.axiom-showcase h2 span {
		animation: none;
		background: none;
		-webkit-text-fill-color: currentColor;
		filter: none;
	}

	.axiom-showcase::after,
	.axiom-slide.is-active .axiom-device-visual img,
	.axiom-evidence-card::after,
	.axiom-evidence-connector i,
	.axiom-confidence > span i,
	.axiom-agents-visual > div,
	.axiom-slider-progress span {
		animation: none;
	}
}

@media (max-width: 768px) {
	.product-showcase--paired { margin-bottom: var(--space-3); }
	.axiom-showcase {
		margin-bottom: var(--space-12);
		padding: var(--space-8) 0;
		border-radius: 28px;
	}
	.axiom-showcase-header { grid-template-columns: 1fr; align-items: start; }
	.axiom-slider-controls { justify-content: flex-end; }
	.axiom-slider { margin-top: var(--space-4); }
	.axiom-slider-viewport { min-height: 0; }
	.axiom-slide {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
	}
	.axiom-slide.is-active { position: relative; }
	.axiom-slide-copy { border-right: 0; border-bottom: 1px solid #26262B; }
	.axiom-device-visual,
	.axiom-graph-visual { min-height: 330px; }
	.axiom-device-visual { padding: 20px; }
	.axiom-agents-visual { padding: 20px; }
}

@media (max-width: 480px) {
	.axiom-showcase h2 { font-size: clamp(36px, 11.5vw, 48px); }
	.axiom-device-visual,
	.axiom-graph-visual { min-height: 300px; }
	.axiom-graph-visual { gap: 10px; padding: 16px; }
	.axiom-graph-topbar { grid-template-columns: 1fr auto; }
	.axiom-graph-topbar > strong { display: none; }
	.evidence-hypothesis,
	.evidence-result { width: 94%; }
	.axiom-evidence-card { padding: 9px 10px; }
	.axiom-evidence-update span {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.axiom-agents-visual > div { grid-template-columns: auto minmax(0, 1fr); }
	.axiom-agents-visual > div > b { grid-column: 2; }
}

/* Shared research and assessment surfaces */
.viewer-canvas-wrap,
.stat-grid,
.mono-chip,
.formula,
.pipe-step .num,
.claim-box,
#breathingContainer,
#stabilityCanvas {
	background: #FFFFFF;
}

.pipe-step:hover .num {
	background: var(--text);
	color: #FFFFFF;
	border-color: var(--text);
}

.theorem-card .watermark {
	color: rgba(0, 0, 0, 0.045);
}

.meter {
	background: rgba(0, 0, 0, 0.08);
}