.reveal {
	background:
		radial-gradient(circle at 20% 20%, rgba(90, 120, 255, 0.18), transparent 28rem),
		radial-gradient(circle at 80% 10%, rgba(180, 90, 255, 0.14), transparent 26rem),
		linear-gradient(135deg, #05070f 0%, #0b1020 46%, #050816 100%);
}

.reveal::before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background: radial-gradient(circle at 50% 40%, rgba(180, 205, 255, 0.08), transparent 36rem);
}

.reveal .slides {
	z-index: 1;
}

.star-field {
	position: fixed;
	inset: -8vh -8vw;
	pointer-events: none;
	z-index: 0;
	overflow: hidden;
	animation: star-field-drift 70s linear infinite alternate;
	will-change: transform;
}

.star {
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	background: rgba(255, 255, 255, var(--alpha));
	box-shadow: 0 0 var(--glow) rgba(150, 190, 255, var(--glow-alpha));
	animation: star-twinkle var(--twinkle-speed) ease-in-out infinite alternate;
	animation-delay: var(--twinkle-delay);
	will-change: opacity, transform;
}

.intro-slide {
	display: grid !important;
	place-items: center;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 0 !important;
}

.intro-start {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 2;
	padding: 0.9rem 1.35rem;
	border: 1px solid rgba(190, 220, 255, 0.45);
	border-radius: 999px;
	background:
		linear-gradient(135deg, rgba(120, 160, 255, 0.32), rgba(190, 95, 255, 0.22)),
		rgba(8, 12, 28, 0.76);
	box-shadow:
		0 0 1.6rem rgba(110, 170, 255, 0.32),
		inset 0 0 1rem rgba(255, 255, 255, 0.07);
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-size: 0.48em;
	letter-spacing: 0.02em;
	transform: translate(-50%, -50%);
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, opacity 500ms ease;
}

.intro-start:hover,
.intro-start:focus-visible {
	border-color: rgba(230, 245, 255, 0.85);
	box-shadow:
		0 0 2.4rem rgba(110, 190, 255, 0.48),
		0 0 4.4rem rgba(170, 90, 255, 0.22),
		inset 0 0 1rem rgba(255, 255, 255, 0.1);
	transform: translate(-50%, calc(-50% - 2px)) scale(1.02);
}

.intro-title {
	position: fixed;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: clamp(1.2rem, 3vh, 2rem);
	padding: clamp(1rem, 3vh, 2rem) 2rem;
	opacity: 0;
	pointer-events: none;
	transform: translateY(clamp(-3.5rem, -5vh, -2rem));
}

.intro-title h1,
.intro-title h2 {
	margin: 0;
	text-shadow: 0 0 1.8rem rgba(120, 190, 255, 0.28);
}

.intro-title h1 {
	font-size: clamp(2.8rem, 7.2vw, 5.4rem);
	letter-spacing: -0.03em;
	text-transform: none;
}

.intro-title h1,
.intro-title h2 {
	display: flex;
	justify-content: center;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.28em;
}

.title-piece,
.subtitle-piece {
	display: inline-block;
	opacity: 0;
	will-change: transform, opacity, filter;
}

.title-piece {
	background: linear-gradient(110deg, #ffffff 0%, #aee7ff 24%, #8f9bff 48%, #e19cff 70%, #ffe2a8 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter: blur(1.4rem);
	text-shadow: 0 0 2.4rem rgba(130, 190, 255, 0.34);
	transform: translate3d(var(--x), var(--y), 0) rotate(var(--r)) scale(1.45);
}

.subtitle-piece {
	filter: blur(0.7rem);
	transform: translateY(1.6rem) scale(0.92);
}

.subtitle-piece--hanging {
	position: relative;
	transform-origin: 18% -0.35em;
}

.subtitle-piece--hanging::before {
	content: none;
}

.intro-title h2 {
	font-size: clamp(1.5rem, 3vw, 2.5rem);
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(218, 232, 255, 0.86);
}

.intro-slide--started .intro-start {
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, calc(-50% - 0.6rem)) scale(0.96);
}

.intro-slide--started .intro-title {
	opacity: 1;
}

.intro-slide--started .title-piece {
	animation: title-assemble 1100ms cubic-bezier(0.16, 0.84, 0.2, 1) var(--delay) forwards;
}

.intro-slide--started .subtitle-piece {
	animation: subtitle-reveal 900ms ease var(--delay) forwards;
}

.intro-slide--started .subtitle-piece--hanging {
	animation:
		subtitle-reveal 900ms ease var(--delay) forwards,
		huss-hang-settle 900ms ease-out 2600ms forwards,
		huss-hang-slow 3600ms ease-in-out 3500ms infinite alternate;
}

.intro-slide--started .subtitle-piece--hanging::before {
	animation: none;
}

.intro-cards {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: clamp(0.8rem, 1.6vw, 1.35rem);
	margin-top: clamp(1.2rem, 3vh, 2.25rem);
	flex-wrap: nowrap;
}

.intro-card {
	position: relative;
	z-index: 2;
	margin: 0;
	width: 6.5rem;
	padding: 0.3rem 0.3rem 0.4rem;
	display: grid;
	justify-items: center;
	gap: 0.25rem;
	border: 1px solid rgba(190, 220, 255, 0.32);
	border-radius: 0.5rem;
	background:
		linear-gradient(160deg, rgba(120, 160, 255, 0.16), rgba(190, 95, 255, 0.1)),
		rgba(8, 12, 28, 0.55);
	box-shadow:
		0 0 0.7rem rgba(110, 170, 255, 0.22),
		inset 0 0 0.4rem rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(6px);
	opacity: 0;
	filter: blur(1.2rem);
	transform: translate3d(var(--x), var(--y), 0) rotate(var(--r)) scale(1.3);
	will-change: transform, opacity, filter;
}

.intro-card-img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 0.3rem;
	box-shadow: 0 0 0.4rem rgba(90, 130, 255, 0.25);
}

.intro-card-title {
	font-size: 0.62rem;
	font-weight: 400;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: rgba(218, 232, 255, 0.86);
	text-align: center;
	text-shadow: 0 0 0.6rem rgba(120, 190, 255, 0.28);
}

.intro-slide--started .intro-card {
	animation: card-assemble 1100ms cubic-bezier(0.16, 0.84, 0.2, 1) var(--delay) forwards;
}

.earth-slide {
	position: relative;
	display: grid !important;
	place-items: center;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
}

.earth-canvas {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.websites-slide .earth-canvas {
	opacity: 0.16;
}

.websites-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 82vh;
	text-align: center;
}

.reveal .websites-question {
	position: absolute;
	top: 6vh;
	left: 50%;
	box-sizing: border-box;
	width: min(88%, 52rem);
	max-width: none;
	margin: 0;
	padding: 0.95rem 1.2rem 1.05rem;
	padding-right: clamp(7rem, 11vw, 11rem);
	border: 1px solid rgba(180, 215, 255, 0.16);
	border-radius: 1.3rem;
	overflow: visible;
	background: rgba(5, 8, 18, 0.22);
	color: #fff;
	-webkit-text-fill-color: currentColor;
	box-shadow:
		0 0 2.6rem rgba(90, 140, 255, 0.12),
		inset 0 0 1.6rem rgba(255, 255, 255, 0.035);
	backdrop-filter: blur(8px);
	font-size: clamp(1.25rem, 3.2vw, 2.45rem);
	font-weight: 760;
	letter-spacing: -0.025em;
	line-height: 1.14;
	text-transform: none !important;
	text-shadow: none;
	transform: translateX(-50%);
}

.websites-question-text {
	background: linear-gradient(110deg, #ffffff 0%, #aee7ff 24%, #8f9bff 48%, #e19cff 70%, #ffe2a8 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

.websites-random-number {
	margin-top: clamp(3.5rem, 9vh, 5.5rem);
	font-size: clamp(7rem, 16vw, 13rem);
	font-weight: 800;
	letter-spacing: -0.08em;
	line-height: 1;
	color: rgba(230, 245, 255, 0.94);
	text-shadow:
		0 0 1.4rem rgba(120, 190, 255, 0.62),
		0 0 4.4rem rgba(170, 90, 255, 0.22);
	transition: opacity 450ms ease, transform 700ms cubic-bezier(0.16, 0.84, 0.2, 1);
}

.websites-random-number--tick {
	animation: number-tick 260ms ease-out;
}

.websites-reveal {
	position: absolute;
	inset: 21vh 0 2vh;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	opacity: 0;
	pointer-events: none;
}

.websites-gallery {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(0.75rem, 1.2vw, 1rem);
	width: min(86%, 58rem);
	max-height: 62vh;
	padding: 0.4rem 0.65rem 8.5rem;
	border: 1px solid rgba(180, 215, 255, 0.14);
	border-radius: 1.1rem;
	background: rgba(5, 8, 18, 0.18);
	box-shadow:
		0 0 2.4rem rgba(90, 140, 255, 0.1),
		inset 0 0 1.8rem rgba(255, 255, 255, 0.025);
	backdrop-filter: blur(5px);
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-color: rgba(170, 210, 255, 0.42) rgba(8, 12, 28, 0.18);
	scrollbar-width: thin;
	-webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 1.2rem, #000 calc(100% - 3.6rem), transparent 100%);
	mask-image: linear-gradient(to bottom, transparent 0, #000 1.2rem, #000 calc(100% - 3.6rem), transparent 100%);
}

.websites-gallery img {
	width: 100%;
	aspect-ratio: 305 / 384;
	object-fit: contain;
	border: 1px solid rgba(180, 215, 255, 0.24);
	border-radius: 0.45rem;
	box-shadow: 0 0 1.1rem rgba(80, 150, 255, 0.18);
	opacity: 0;
	filter: blur(0.8rem) saturate(1.05);
	transform: translate3d(0, 2.2rem, 0) scale(0.82) rotate(var(--card-tilt, 0deg));
	will-change: opacity, transform, filter;
}

.websites-gallery img:nth-child(3n + 1) {
	--card-tilt: -2deg;
	--float-x: -0.18rem;
	--float-y: 0.16rem;
	--float-r: -0.7deg;
}

.websites-gallery img:nth-child(3n + 2) {
	--card-tilt: 1.5deg;
	--float-x: 0.16rem;
	--float-y: -0.14rem;
	--float-r: 0.65deg;
}

.websites-gallery img:nth-child(3n) {
	--card-tilt: 2.5deg;
	--float-x: 0.12rem;
	--float-y: 0.18rem;
	--float-r: -0.45deg;
}

.websites-answer {
	position: absolute;
	right: clamp(1.3rem, 3vw, 2.6rem);
	top: 54%;
	display: inline-grid;
	place-items: center;
	margin-left: 0;
	pointer-events: none;
	transform: translateY(-50%);
}

.websites-answer strong {
	position: relative;
	z-index: 1;
	font-size: clamp(4.2rem, 6.5vw, 6.4rem);
	line-height: 0.65;
	background: linear-gradient(120deg, #ffffff, #9fe8ff 35%, #d99bff 68%, #ffe1a0);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	text-shadow: 0 0 3.2rem rgba(120, 190, 255, 0.38);
	opacity: 0;
	transform: scale(0.45) rotate(-16deg);
}

.spark {
	position: absolute;
	width: 0.24rem;
	height: 0.24rem;
	border-radius: 50%;
	background: #fff2b3;
	box-shadow:
		0 0 0.8rem rgba(255, 230, 140, 0.95),
		0 0 1.7rem rgba(160, 210, 255, 0.45);
	opacity: 0;
	transform: translate(0, 0) scale(0.4);
}

.websites-slide--revealed .websites-random-number {
	opacity: 0;
	transform: translateY(-2rem) scale(0.85);
}

.websites-slide--revealed .websites-reveal {
	opacity: 1;
	pointer-events: auto;
}

.websites-slide--revealed .websites-gallery img {
	animation:
		website-card-reveal 850ms cubic-bezier(0.16, 0.84, 0.2, 1) forwards,
		website-card-float 5200ms ease-in-out calc(1350ms + var(--float-delay, 0ms)) infinite alternate;
}

.websites-slide--revealed .websites-gallery img:nth-child(1) { animation-delay: 40ms, 1390ms; --float-delay: 0ms; }
.websites-slide--revealed .websites-gallery img:nth-child(2) { animation-delay: 90ms, 1570ms; --float-delay: 180ms; }
.websites-slide--revealed .websites-gallery img:nth-child(3) { animation-delay: 140ms, 1750ms; --float-delay: 360ms; }
.websites-slide--revealed .websites-gallery img:nth-child(4) { animation-delay: 190ms, 1930ms; --float-delay: 540ms; }
.websites-slide--revealed .websites-gallery img:nth-child(5) { animation-delay: 240ms, 2110ms; --float-delay: 720ms; }
.websites-slide--revealed .websites-gallery img:nth-child(6) { animation-delay: 290ms, 2290ms; --float-delay: 900ms; }
.websites-slide--revealed .websites-gallery img:nth-child(7) { animation-delay: 340ms, 2470ms; --float-delay: 1080ms; }
.websites-slide--revealed .websites-gallery img:nth-child(8) { animation-delay: 390ms, 2650ms; --float-delay: 1260ms; }
.websites-slide--revealed .websites-gallery img:nth-child(9) { animation-delay: 440ms, 2830ms; --float-delay: 1440ms; }
.websites-slide--revealed .websites-gallery img:nth-child(10) { animation-delay: 490ms, 3010ms; --float-delay: 1620ms; }
.websites-slide--revealed .websites-gallery img:nth-child(11) { animation-delay: 540ms, 3190ms; --float-delay: 1800ms; }
.websites-slide--revealed .websites-gallery img:nth-child(12) { animation-delay: 590ms, 3370ms; --float-delay: 1980ms; }
.websites-slide--revealed .websites-gallery img:nth-child(13) { animation-delay: 640ms, 3550ms; --float-delay: 2160ms; }
.websites-slide--revealed .websites-gallery img:nth-child(14) { animation-delay: 690ms, 3730ms; --float-delay: 2340ms; }
.websites-slide--revealed .websites-gallery img:nth-child(15) { animation-delay: 740ms, 3910ms; --float-delay: 2520ms; }
.websites-slide--revealed .websites-gallery img:nth-child(16) { animation-delay: 790ms, 4090ms; --float-delay: 2700ms; }
.websites-slide--revealed .websites-gallery img:nth-child(17) { animation-delay: 840ms, 4270ms; --float-delay: 2880ms; }
.websites-slide--revealed .websites-gallery img:nth-child(18) { animation-delay: 890ms, 4450ms; --float-delay: 3060ms; }

.websites-slide--revealed .websites-answer strong {
	animation:
		answer-pop 900ms cubic-bezier(0.16, 0.84, 0.2, 1) 980ms forwards,
		answer-bounce 2200ms ease-in-out 1900ms infinite;
}

.websites-slide--revealed .spark {
	animation: spark-burst 1300ms ease-out calc(1050ms + var(--delay)) infinite;
}

.website-evolution-slide {
	display: grid !important;
	place-items: center;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 0 !important;
	perspective: 1200px;
}

.website-evolution-slide::before {
	content: "";
	position: absolute;
	inset: 9% 16%;
	border-radius: 999px;
	background:
		radial-gradient(circle at 45% 48%, rgba(105, 172, 255, 0.18), transparent 56%),
		radial-gradient(circle at 58% 52%, rgba(208, 128, 255, 0.13), transparent 62%);
	filter: blur(2rem);
	pointer-events: none;
}

.website-evolution-image {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	max-width: min(86vw, 70rem);
	max-height: 82vh;
	object-fit: contain;
	padding: clamp(0.45rem, 0.8vw, 0.75rem);
	border: 1px solid rgba(185, 220, 255, 0.24);
	border-radius: clamp(1rem, 1.6vw, 1.6rem);
	background:
		linear-gradient(160deg, rgba(120, 160, 255, 0.11), rgba(190, 95, 255, 0.08)),
		rgba(8, 12, 28, 0.38);
	box-shadow:
		0 1.4rem 4rem rgba(0, 0, 0, 0.34),
		0 0 2.4rem rgba(100, 170, 255, 0.2),
		inset 0 0 1.1rem rgba(255, 255, 255, 0.04);
	filter: drop-shadow(0 0 1.7rem rgba(135, 190, 255, 0.16));
	transform: translate3d(0, 0, 0) rotateX(1.5deg) rotateZ(-0.7deg);
	animation: website-evolution-float 6800ms ease-in-out infinite alternate;
	will-change: transform, filter;
}

.website-evolution-slide:nth-child(odd) .website-evolution-image {
	animation-duration: 7600ms;
	transform: translate3d(0, 0, 0) rotateX(1deg) rotateZ(0.8deg);
}

.website-evolution-slide:nth-child(3n) .website-evolution-image {
	animation-duration: 8200ms;
	animation-delay: -1200ms;
}

.section-title-slide {
	display: grid !important;
	place-items: center;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 0 !important;
	text-align: center;
}

.section-title-slide h1 {
	margin: 0;
	background: linear-gradient(110deg, #ffffff 0%, #aee7ff 24%, #8f9bff 48%, #e19cff 70%, #ffe2a8 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-size: clamp(3.6rem, 9vw, 8rem);
	letter-spacing: -0.055em;
	line-height: 0.95;
	text-transform: none;
	text-shadow: 0 0 2.8rem rgba(130, 190, 255, 0.3);
	animation: section-title-float 6200ms ease-in-out infinite alternate;
}

.native-app-slide {
	display: grid !important;
	place-items: center;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 0 !important;
	overflow: visible;
	contain: layout paint;
}

.native-app-orb {
	position: absolute;
	width: clamp(17rem, 34vw, 31rem);
	height: clamp(17rem, 34vw, 31rem);
	border-radius: 50%;
	background:
		radial-gradient(circle at 50% 50%, rgba(180, 235, 255, 0.22), transparent 38%),
		radial-gradient(circle at 54% 44%, rgba(190, 115, 255, 0.18), transparent 58%);
	filter: blur(1rem);
	opacity: 0.76;
	animation: native-orb-breathe 5200ms ease-in-out infinite alternate;
}

.native-app-icon {
	position: absolute;
	width: clamp(9rem, 18vw, 16rem);
	height: auto;
	z-index: 2;
	border-radius: 28%;
	filter:
		drop-shadow(0 0 1.6rem rgba(140, 205, 255, 0.45))
		drop-shadow(0 0 4.2rem rgba(180, 100, 255, 0.2));
	backface-visibility: hidden;
	transform: translateZ(0);
	will-change: transform, opacity, filter;
}

.native-app-icon--old {
	animation: native-old-idle 6800ms ease-in-out infinite alternate;
}

.native-app-icon--new {
	opacity: 0;
	transform: scale(0.28) rotate(-28deg);
	filter:
		drop-shadow(0 0 1.8rem rgba(180, 235, 255, 0.65))
		drop-shadow(0 0 5.2rem rgba(210, 135, 255, 0.32));
}

.native-app-burst {
	position: absolute;
	z-index: 1;
	width: 1px;
	height: 1px;
	pointer-events: none;
}

.native-app-burst::before,
.native-app-burst::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	opacity: 0;
	transform: translate(-50%, -50%) scale(0.2);
	will-change: transform, opacity;
}

.native-app-burst::before {
	background: radial-gradient(circle, rgba(255, 255, 255, 0.95), rgba(154, 225, 255, 0.52) 42%, transparent 72%);
}

.native-app-burst::after {
	border: 1px solid rgba(180, 230, 255, 0.65);
	box-shadow: 0 0 2rem rgba(155, 215, 255, 0.48);
}

.native-app-burst span {
	position: absolute;
	left: 0;
	top: 0;
	width: 0.26rem;
	height: 0.26rem;
	border-radius: 50%;
	background: #fff4bb;
	box-shadow:
		0 0 0.8rem rgba(255, 235, 150, 0.95),
		0 0 1.8rem rgba(140, 210, 255, 0.58);
	opacity: 0;
	transform: translate(0, 0) scale(0.3);
}

.native-app-slide--transformed .native-app-icon--old {
	animation: native-old-collapse 760ms cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

.native-app-slide--transformed .native-app-icon--new {
	animation:
		native-new-arrive 1050ms cubic-bezier(0.16, 0.84, 0.2, 1) 640ms forwards,
		native-new-idle 7600ms ease-in-out 1800ms infinite alternate;
}

.native-app-slide--transformed .native-app-burst::before {
	animation: native-core-flash 760ms ease-out 430ms forwards;
}

.native-app-slide--transformed .native-app-burst::after {
	animation: native-ring-burst 900ms ease-out 470ms forwards;
}

.native-app-slide--transformed .native-app-burst span {
	animation: native-spark-burst 900ms ease-out calc(520ms + var(--delay)) forwards;
}

.ai-data-table-slide {
	position: relative;
	display: grid !important;
	place-items: center;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 0 !important;
	overflow: hidden;
	perspective: 1400px;
}

.ai-data-table-slide::before,
.ai-data-table-slide::after {
	content: "";
	position: absolute;
	border-radius: 999px;
	pointer-events: none;
}

.ai-data-table-slide::before {
	inset: 8% 12%;
	background:
		radial-gradient(circle at 30% 44%, rgba(83, 184, 255, 0.2), transparent 45%),
		radial-gradient(circle at 69% 48%, rgba(228, 116, 255, 0.16), transparent 48%),
		radial-gradient(circle at 50% 52%, rgba(255, 231, 153, 0.07), transparent 58%);
	filter: blur(1.8rem);
	animation: ai-table-nebula-pulse 6800ms ease-in-out infinite alternate;
}

.ai-data-table-slide::after {
	inset: auto auto 11% 7%;
	width: clamp(5rem, 10vw, 8rem);
	height: clamp(5rem, 10vw, 8rem);
	background: radial-gradient(circle at 35% 30%, #fff7cb, #90dbff 28%, #715cff 58%, transparent 70%);
	box-shadow: 0 0 2.8rem rgba(122, 198, 255, 0.44);
	opacity: 0.42;
	animation: ai-planet-drift 8200ms ease-in-out infinite alternate;
}

.ai-table-nebula {
	position: absolute;
	inset: 12% 9%;
	border-radius: 50%;
	background: conic-gradient(from 90deg, transparent, rgba(93, 188, 255, 0.18), transparent, rgba(221, 122, 255, 0.14), transparent);
	filter: blur(1.3rem);
	opacity: 0.72;
	animation: ai-nebula-spin 22000ms linear infinite;
}

.ai-table-orbit {
	position: absolute;
	left: 50%;
	top: 50%;
	border: 1px solid rgba(174, 231, 255, 0.16);
	border-radius: 50%;
	pointer-events: none;
	transform: translate(-50%, -50%) rotateX(64deg) rotateZ(0deg);
	animation: ai-table-orbit-spin 15000ms linear infinite;
}

.ai-table-orbit::before {
	content: "";
	position: absolute;
	left: 12%;
	top: 50%;
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: #fff9d8;
	box-shadow:
		0 0 0.9rem rgba(255, 247, 202, 0.95),
		0 0 2.2rem rgba(127, 210, 255, 0.58);
}

.ai-table-orbit--one {
	width: min(92vw, 72rem);
	height: min(54vh, 30rem);
}

.ai-table-orbit--two {
	width: min(76vw, 58rem);
	height: min(72vh, 42rem);
	animation-duration: 21000ms;
	animation-direction: reverse;
	transform: translate(-50%, -50%) rotateX(72deg) rotateZ(20deg);
}

.ai-table-shell {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	width: 88%;
	max-width: 88%;
	padding: clamp(1rem, 2vw, 1.65rem);
	border: 1px solid rgba(202, 231, 255, 0.28);
	border-radius: clamp(1.2rem, 2vw, 2rem);
	background:
		linear-gradient(145deg, rgba(16, 25, 57, 0.82), rgba(42, 20, 70, 0.58)),
		rgba(5, 8, 22, 0.72);
	box-shadow:
		0 2rem 7rem rgba(0, 0, 0, 0.46),
		0 0 4rem rgba(82, 164, 255, 0.22),
		inset 0 0 2.2rem rgba(255, 255, 255, 0.055);
	backdrop-filter: blur(14px);
	transform: translate3d(0, 0, 0) rotateX(1.5deg);
	animation: ai-table-shell-enter 950ms cubic-bezier(0.16, 0.84, 0.2, 1) forwards, ai-table-shell-float 7600ms ease-in-out 1200ms infinite alternate;
}

.ai-table-shell h1 {
	margin: 0 0 clamp(0.75rem, 1.8vh, 1.2rem);
	background: linear-gradient(110deg, #ffffff 0%, #aee7ff 30%, #be9fff 62%, #ffe2a8 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-size: clamp(1.7rem, 4.1vw, 3.6rem);
	letter-spacing: -0.045em;
	line-height: 0.95;
	text-transform: none;
	text-shadow: 0 0 2.8rem rgba(130, 190, 255, 0.26);
}

.ai-data-table {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0 0.42rem;
	font-size: clamp(0.58rem, 1.2vw, 1.03rem);
	line-height: 1.16;
}

.ai-data-table th:first-child {
	width: 32%;
}

.ai-data-table th:nth-child(2) {
	width: 20%;
}

.ai-data-table th:nth-child(3) {
	width: 48%;
}

.ai-data-table th,
.ai-data-table td {
	padding: clamp(0.48rem, 1vw, 0.86rem) clamp(0.5rem, 1.1vw, 1rem);
	text-align: left;
	vertical-align: middle;
}

.ai-data-table thead th {
	position: relative;
	color: rgba(238, 248, 255, 0.96);
	font-size: clamp(0.7rem, 1.35vw, 1.14rem);
	font-weight: 850;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	text-shadow: 0 0 1rem rgba(118, 204, 255, 0.32);
}

.ai-data-table thead th:nth-child(2),
.ai-data-table thead th:nth-child(3),
.ai-data-table tbody td {
	text-align: center;
}

.ai-data-table tbody tr {
	opacity: 0;
	filter: blur(0.7rem);
	transform: translate3d(0, 1.3rem, 0) scale(0.985);
	animation: ai-table-row-enter 760ms cubic-bezier(0.16, 0.84, 0.2, 1) var(--row-delay) forwards;
}

.ai-data-table tbody th,
.ai-data-table tbody td {
	background: rgba(8, 15, 36, 0.56);
	border-top: 1px solid rgba(179, 222, 255, 0.14);
	border-bottom: 1px solid rgba(179, 222, 255, 0.1);
	box-shadow: inset 0 0 1rem rgba(255, 255, 255, 0.025);
}

.ai-data-table tbody th {
	border-left: 1px solid rgba(179, 222, 255, 0.14);
	border-radius: 0.82rem 0 0 0.82rem;
	color: rgba(237, 245, 255, 0.94);
	font-weight: 760;
}

.ai-data-table tbody td:last-child {
	border-right: 1px solid rgba(179, 222, 255, 0.14);
	border-radius: 0 0.82rem 0.82rem 0;
}

.ai-data-table tbody tr:hover th,
.ai-data-table tbody tr:hover td {
	background: rgba(31, 48, 91, 0.66);
	box-shadow:
		inset 0 0 1.2rem rgba(255, 255, 255, 0.04),
		0 0 1.7rem rgba(96, 184, 255, 0.12);
}

.ai-badge,
.ai-note {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	min-height: 1.85em;
	padding: 0.28em 0.72em;
	border-radius: 999px;
	font-weight: 850;
	letter-spacing: 0.025em;
	white-space: normal;
	overflow-wrap: anywhere;
}

.ai-badge--yes {
	border: 1px solid rgba(116, 255, 198, 0.42);
	background: rgba(34, 212, 145, 0.12);
	box-shadow: 0 0 1.3rem rgba(72, 241, 184, 0.16), inset 0 0 0.7rem rgba(255, 255, 255, 0.05);
	color: #b8ffe8;
}

.ai-badge--no {
	border: 1px solid rgba(255, 185, 119, 0.38);
	background: rgba(255, 154, 86, 0.1);
	box-shadow: 0 0 1.2rem rgba(255, 157, 86, 0.12), inset 0 0 0.7rem rgba(255, 255, 255, 0.04);
	color: #ffd8ba;
}

.ai-badge--strict {
	border: 1px solid rgba(255, 112, 151, 0.5);
	background: rgba(255, 66, 122, 0.13);
	box-shadow: 0 0 1.5rem rgba(255, 80, 139, 0.22), inset 0 0 0.8rem rgba(255, 255, 255, 0.045);
	color: #ffd0df;
	animation: ai-strict-pulse 1600ms ease-in-out infinite alternate;
}

.ai-note {
	border: 1px solid rgba(170, 215, 255, 0.24);
	background: rgba(114, 158, 255, 0.11);
	box-shadow: inset 0 0 0.75rem rgba(255, 255, 255, 0.04);
	color: rgba(232, 243, 255, 0.93);
	font-weight: 720;
	letter-spacing: 0;
}

.thanks-space-slide {
	position: relative;
	display: grid !important;
	place-items: center;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 0 !important;
	overflow: visible;
	isolation: isolate;
	background: transparent;
}

.thanks-space-slide::before,
.thanks-space-slide::after {
	content: "";
	position: absolute;
	pointer-events: none;
	border-radius: 999px;
}

.thanks-space-slide::before {
	inset: -42% -62%;
	z-index: 0;
	background:
		radial-gradient(circle at 28% 48%, rgba(72, 146, 255, 0.22), transparent 31%),
		radial-gradient(circle at 72% 50%, rgba(170, 78, 255, 0.18), transparent 34%),
		radial-gradient(circle at 50% 52%, rgba(116, 178, 255, 0.1), transparent 43%);
	filter: blur(3.4rem);
	opacity: 0.82;
	mix-blend-mode: screen;
	animation: thanks-core-pulse 6200ms ease-in-out infinite alternate;
}

.thanks-space-slide::after {
	left: 50%;
	top: 50%;
	z-index: 1;
	width: min(62%, 48rem);
	height: min(36%, 22rem);
	border: 1px solid rgba(190, 225, 255, 0.2);
	box-shadow:
		0 0 3.5rem rgba(106, 178, 255, 0.18),
		inset 0 0 2.8rem rgba(216, 140, 255, 0.1);
	transform: translate(-50%, -50%) rotateX(70deg) rotateZ(-8deg);
	animation: thanks-ring-roll 18000ms linear infinite;
}

.thanks-nebula {
	position: absolute;
	z-index: 0;
	border-radius: 50%;
	pointer-events: none;
	filter: blur(1.1rem);
	mix-blend-mode: screen;
}

.thanks-nebula--one {
	left: -8%;
	top: 12%;
	width: 26rem;
	height: 18rem;
	background: conic-gradient(from 35deg, transparent, rgba(88, 185, 255, 0.1), transparent, rgba(237, 132, 255, 0.08), transparent);
	animation: thanks-nebula-drift 24000ms ease-in-out infinite alternate;
}

.thanks-nebula--two {
	right: -9%;
	bottom: 8%;
	width: 30rem;
	height: 20rem;
	background: conic-gradient(from 120deg, transparent, rgba(255, 219, 145, 0.06), transparent, rgba(121, 132, 255, 0.12), transparent);
	animation: thanks-nebula-drift 28000ms ease-in-out -6000ms infinite alternate-reverse;
}

.thanks-orbit {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	border: 1px solid rgba(178, 218, 255, 0.13);
	border-radius: 50%;
	pointer-events: none;
	transform: translate(-50%, -50%) rotateX(62deg) rotateZ(0deg);
	animation: thanks-ring-roll 26000ms linear infinite;
}

.thanks-orbit--one {
	width: 78%;
	height: 54%;
}

.thanks-orbit--two {
	width: 56%;
	height: 76%;
	animation-duration: 34000ms;
	animation-direction: reverse;
}

.reveal .thanks-headline {
	position: relative;
	z-index: 4;
	margin: 0;
	max-width: 92%;
	padding: clamp(0.35rem, 1vw, 0.7rem) clamp(1rem, 2.2vw, 2rem);
	background: linear-gradient(100deg, #ffffff 0%, #73d7ff 22%, #b78cff 48%, #ff8fe1 70%, #ffe39b 100%);
	background-size: 220% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-size: clamp(3rem, 7.4vw, 7rem);
	letter-spacing: -0.06em;
	line-height: 0.92;
	text-align: center;
	text-transform: none;
	text-shadow: 0 0 3rem rgba(136, 201, 255, 0.34);
	filter: drop-shadow(0 0 1.6rem rgba(185, 138, 255, 0.24));
	animation:
		thanks-headline-enter 1100ms cubic-bezier(0.16, 0.84, 0.2, 1) forwards,
		thanks-headline-gradient 4800ms ease-in-out 900ms infinite alternate,
		thanks-headline-float 5200ms ease-in-out 1300ms infinite alternate;
}

.thanks-floater {
	position: absolute;
	z-index: 3;
	width: var(--size);
	height: auto;
	pointer-events: none;
	filter:
		drop-shadow(0 0 1.2rem rgba(155, 215, 255, 0.42))
		drop-shadow(0 0 2.8rem rgba(207, 117, 255, 0.2));
	transform-origin: center;
	will-change: transform, opacity;
	animation: thanks-float-around var(--duration) ease-in-out var(--delay) infinite alternate;
}

.thanks-floater--cat {
	--size: clamp(8rem, 15vw, 14rem);
	--duration: 13500ms;
	--delay: -1800ms;
	--x1: -48vw;
	--y1: -20vh;
	--r1: -18deg;
	--s1: 0.94;
	--x2: -28vw;
	--y2: 24vh;
	--r2: 15deg;
	--s2: 1.05;
	--x3: -52vw;
	--y3: 6vh;
	--r3: -32deg;
}

.thanks-floater--dog {
	--size: clamp(7rem, 13vw, 12rem);
	--duration: 15800ms;
	--delay: -4200ms;
	--x1: 48vw;
	--y1: -23vh;
	--r1: 14deg;
	--s1: 0.92;
	--x2: 24vw;
	--y2: 22vh;
	--r2: -16deg;
	--s2: 1.08;
	--x3: 52vw;
	--y3: 2vh;
	--r3: 28deg;
}

.thanks-floater--taipan {
	--size: clamp(9rem, 17vw, 16rem);
	--duration: 18400ms;
	--delay: -7200ms;
	--x1: -10vw;
	--y1: 30vh;
	--r1: 35deg;
	--s1: 0.92;
	--x2: 34vw;
	--y2: 30vh;
	--r2: 120deg;
	--s2: 1.04;
	--x3: 12vw;
	--y3: -29vh;
	--r3: 250deg;
}

.thanks-floater--guy {
	--size: clamp(8rem, 14vw, 13rem);
	--duration: 16600ms;
	--delay: -9800ms;
	--x1: 6vw;
	--y1: -31vh;
	--r1: -8deg;
	--s1: 0.9;
	--x2: -33vw;
	--y2: -5vh;
	--r2: -34deg;
	--s2: 1.06;
	--x3: 31vw;
	--y3: -10vh;
	--r3: 21deg;
}

.website-evolution-slide--tall .website-evolution-image {
	max-width: min(62vw, 46rem);
	max-height: 88vh;
}

.website-evolution-overlay-image,
.website-evolution-final-image {
	position: absolute;
	z-index: 4;
	box-sizing: border-box;
	max-width: min(72vw, 58rem);
	max-height: 82vh;
	object-fit: contain;
	padding: clamp(0.45rem, 0.8vw, 0.75rem);
	border: 1px solid rgba(220, 240, 255, 0.34);
	border-radius: clamp(1rem, 1.6vw, 1.6rem);
	background:
		linear-gradient(160deg, rgba(120, 180, 255, 0.16), rgba(220, 130, 255, 0.1)),
		rgba(8, 12, 28, 0.52);
	box-shadow:
		0 1.6rem 5rem rgba(0, 0, 0, 0.44),
		0 0 3.2rem rgba(130, 200, 255, 0.28),
		inset 0 0 1.2rem rgba(255, 255, 255, 0.05);
	opacity: 0;
	filter: blur(1rem) saturate(1.08);
	transform: translate3d(0, 1.8rem, 0) rotateX(4deg) scale(0.74);
	pointer-events: none;
	will-change: opacity, transform, filter;
}

.website-evolution-final-image {
	z-index: 5;
}

.website-evolution-slide--overlay-visible .website-evolution-image {
	filter:
		drop-shadow(0 0 1.7rem rgba(135, 190, 255, 0.12))
		brightness(0.32)
		blur(0.1rem);
	transform: translate3d(-5vw, 0, 0) rotateX(1.5deg) rotateY(-5deg) rotateZ(-1deg) scale(0.84);
	transition: filter 700ms ease, transform 900ms cubic-bezier(0.16, 0.84, 0.2, 1);
}

.website-evolution-slide--overlay-visible .website-evolution-overlay-image {
	animation:
		overlay-image-enter 900ms cubic-bezier(0.16, 0.84, 0.2, 1) forwards,
		website-evolution-float 7600ms ease-in-out 1000ms infinite alternate;
}

.website-evolution-slide--final-visible .website-evolution-overlay-image {
	opacity: 0;
	filter: blur(0.8rem) saturate(0.9);
	transform: translate3d(-5vw, -1rem, 0) rotateZ(-4deg) scale(0.78);
	transition: opacity 550ms ease, filter 550ms ease, transform 700ms cubic-bezier(0.16, 0.84, 0.2, 1);
}

.website-evolution-slide--final-visible .website-evolution-final-image {
	animation:
		overlay-image-enter 900ms cubic-bezier(0.16, 0.84, 0.2, 1) forwards,
		website-evolution-float 7600ms ease-in-out 1000ms infinite alternate;
}

.website-evolution-slide--stats-visible .website-evolution-image {
	filter:
		drop-shadow(0 0 1.7rem rgba(135, 190, 255, 0.16))
		brightness(0.42)
		blur(0.08rem);
	transform: translate3d(-8vw, 0, 0) rotateX(1.5deg) rotateY(-6deg) rotateZ(-1deg) scale(0.82);
	transition: filter 700ms ease, transform 900ms cubic-bezier(0.16, 0.84, 0.2, 1);
}

.website-evolution-image--secondary {
	position: absolute;
	opacity: 0;
	transform: translate3d(0, 4vh, 0) rotateX(2deg) rotateZ(1deg) scale(0.86);
}

.website-stats--secondary,
.campaign-cloud {
	opacity: 0;
	visibility: hidden;
}

.website-evolution-slide--secondary-visible .website-evolution-image--primary,
.website-evolution-slide--secondary-visible .website-stats--primary {
	opacity: 0;
	filter: blur(0.7rem);
	transform: translate3d(-10vw, 0, 0) scale(0.72) rotateZ(-5deg);
	pointer-events: none;
}

.website-evolution-slide--secondary-visible .website-evolution-image--secondary {
	opacity: 1;
	max-width: min(76vw, 62rem);
	max-height: 58vh;
	transform: translate3d(0, 12vh, 0) rotateX(1deg) rotateZ(0.4deg) scale(1);
	transition: opacity 700ms ease, transform 900ms cubic-bezier(0.16, 0.84, 0.2, 1), filter 700ms ease;
}

.website-evolution-slide--secondary-visible .website-stats--secondary,
.website-evolution-slide--secondary-visible .campaign-cloud {
	opacity: 1;
	visibility: visible;
}

.website-stats {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: grid;
	grid-template-columns: repeat(2, minmax(14rem, 1fr));
	align-content: center;
	gap: clamp(0.9rem, 1.6vw, 1.4rem);
	width: min(58vw, 47rem);
	margin-left: auto;
	padding-right: clamp(1rem, 3vw, 3rem);
	pointer-events: none;
}

.website-stats--secondary {
	inset: 5vh auto auto 50%;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-content: start;
	width: min(42vw, 34rem);
	margin-left: 0;
	padding-right: 0;
	transform: translateX(-50%);
}

.website-stats--secondary .website-stat {
	text-align: center;
}

.campaign-cloud {
	position: absolute;
	left: 50%;
	top: 56%;
	z-index: 4;
	pointer-events: none;
}

.campaign-cloud span {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0.55rem 0.85rem;
	border: 1px solid rgba(185, 220, 255, 0.24);
	border-radius: 999px;
	background:
		linear-gradient(135deg, rgba(110, 165, 255, 0.22), rgba(215, 120, 255, 0.14)),
		rgba(8, 12, 28, 0.68);
	box-shadow:
		0 0 1.4rem rgba(95, 155, 255, 0.2),
		inset 0 0 0.75rem rgba(255, 255, 255, 0.045);
	backdrop-filter: blur(8px);
	color: rgba(238, 246, 255, 0.94);
	font-size: clamp(0.82rem, 1.25vw, 1.15rem);
	font-weight: 750;
	letter-spacing: 0.02em;
	opacity: 0;
	filter: blur(0.5rem);
	transform: translate3d(0, 0, 0) scale(0.6);
	will-change: transform, opacity, filter;
}

.website-stat {
	position: relative;
	padding: clamp(0.9rem, 1.4vw, 1.3rem);
	border: 1px solid rgba(185, 220, 255, 0.18);
	border-radius: 1.1rem;
	background:
		linear-gradient(145deg, rgba(110, 165, 255, 0.18), rgba(190, 95, 255, 0.1)),
		rgba(7, 11, 27, 0.62);
	box-shadow:
		0 0 2rem rgba(90, 140, 255, 0.14),
		inset 0 0 1.2rem rgba(255, 255, 255, 0.04);
	backdrop-filter: blur(10px);
	opacity: 0;
	filter: blur(0.8rem);
	transform: translate3d(2.8rem, 1.4rem, 0) scale(0.86) rotate(4deg);
	text-align: left;
	will-change: opacity, transform, filter;
}

.website-stat::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background: linear-gradient(120deg, rgba(174, 231, 255, 0.34), transparent 38%, rgba(225, 156, 255, 0.28));
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	padding: 1px;
	pointer-events: none;
}

.website-stat strong {
	display: block;
	background: linear-gradient(110deg, #ffffff 0%, #aee7ff 26%, #ad9bff 58%, #ffe1a0 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-size: clamp(2.1rem, 4.5vw, 4rem);
	line-height: 0.92;
	letter-spacing: -0.055em;
	text-shadow: 0 0 2rem rgba(130, 190, 255, 0.24);
}

.website-stat span,
.website-stat small {
	display: block;
	color: rgba(229, 239, 255, 0.86);
	font-size: clamp(0.92rem, 1.35vw, 1.25rem);
	line-height: 1.18;
	text-transform: none;
}

.website-stat span {
	margin-top: 0.45rem;
	font-weight: 650;
}

.website-stat small {
	margin-top: 0.25rem;
	color: rgba(190, 210, 245, 0.68);
	font-size: clamp(0.7rem, 0.95vw, 0.92rem);
}

.website-stat--youtube {
	grid-column: span 2;
	text-align: center;
}

.website-stat--youtube strong {
	font-size: clamp(2.9rem, 6.6vw, 6.2rem);
}

.website-stat--more strong {
	font-size: clamp(3rem, 6vw, 5.4rem);
}

.website-evolution-slide--stats-visible .website-stats--primary .website-stat {
	animation:
		stat-card-enter 850ms cubic-bezier(0.16, 0.84, 0.2, 1) var(--delay) forwards,
		stat-card-float 5200ms ease-in-out calc(1100ms + var(--delay)) infinite alternate;
}

.website-evolution-slide--secondary-visible .website-stats--primary .website-stat {
	animation: none;
}

.website-evolution-slide--secondary-visible .website-stats--secondary .website-stat {
	animation:
		stat-card-enter 850ms cubic-bezier(0.16, 0.84, 0.2, 1) var(--delay) forwards,
		stat-card-float 5200ms ease-in-out calc(1100ms + var(--delay)) infinite alternate;
}

.website-evolution-slide--secondary-visible .campaign-cloud span {
	animation:
		campaign-chip-enter 900ms cubic-bezier(0.16, 0.84, 0.2, 1) var(--delay) forwards,
		campaign-chip-float 4400ms ease-in-out calc(1150ms + var(--delay)) infinite alternate;
}

.earth-slide::before {
	content: "";
	position: absolute;
	inset: 10% 20%;
	z-index: 0;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(70, 140, 255, 0.2), transparent 65%);
	filter: blur(2rem);
}

.cosmic-flyby {
	position: fixed;
	left: 0;
	top: 0;
	width: 0.85rem;
	height: 0.85rem;
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
	opacity: 0;
	background:
		radial-gradient(circle at 35% 35%, #ffffff 0 10%, #aee7ff 18%, #6794ff 46%, rgba(103, 148, 255, 0) 72%),
		radial-gradient(circle, rgba(130, 190, 255, 0.35), transparent 70%);
	box-shadow:
		0 0 1.3rem rgba(150, 210, 255, 0.95),
		0 0 3rem rgba(90, 130, 255, 0.42);
	filter: saturate(1.25);
	will-change: transform, opacity;
}

.cosmic-flyby::before {
	content: "";
	position: absolute;
	right: 42%;
	top: 50%;
	width: 10rem;
	height: 0.22rem;
	border-radius: 999px;
	transform: translateY(-50%);
	background: linear-gradient(90deg, transparent, rgba(100, 170, 255, 0.08), rgba(210, 245, 255, 0.86));
	filter: blur(0.02rem);
	transform-origin: right center;
}

.cosmic-flyby--planet {
	width: 1.45rem;
	height: 1.45rem;
	background:
		radial-gradient(circle at 32% 28%, #fff9d7 0 8%, #ffd27d 18%, #cf6dff 45%, #32235f 74%),
		radial-gradient(circle, rgba(255, 180, 230, 0.28), transparent 70%);
	box-shadow:
		0 0 1.8rem rgba(255, 206, 137, 0.8),
		0 0 3.8rem rgba(188, 94, 255, 0.4);
}

.cosmic-flyby--planet::before {
	width: 5.8rem;
	height: 0.14rem;
	background: linear-gradient(90deg, transparent, rgba(255, 214, 151, 0.12), rgba(255, 244, 208, 0.58));
}

.space-cat {
	position: fixed;
	left: 0;
	top: 0;
	width: var(--cat-size);
	pointer-events: none;
	z-index: 0;
	opacity: 0;
	filter:
		drop-shadow(0 0 1.2rem rgba(130, 190, 255, 0.28))
		drop-shadow(0 0 2.6rem rgba(190, 120, 255, 0.18));
	will-change: transform, opacity;
}

@keyframes star-field-drift {
	from {
		transform: translate3d(0, 0, 0);
	}

	to {
		transform: translate3d(-2vw, 3vh, 0);
	}
}

@keyframes star-twinkle {
	from {
		opacity: 0.45;
		transform: scale(0.84);
	}

	to {
		opacity: 1;
		transform: scale(1.18);
	}
}

@keyframes title-assemble {
	0% {
		opacity: 0;
		filter: blur(1.4rem);
		transform: translate3d(var(--x), var(--y), 0) rotate(var(--r)) scale(1.45);
	}

	72% {
		opacity: 1;
		filter: blur(0.08rem);
		transform: translate3d(0, 0, 0) rotate(0deg) scale(1.04);
	}

	100% {
		opacity: 1;
		filter: blur(0);
		transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
	}
}

@keyframes card-assemble {
	0% {
		opacity: 0;
		filter: blur(1.2rem);
		transform: translate3d(var(--x), var(--y), 0) rotate(var(--r)) scale(1.3);
	}

	72% {
		opacity: 1;
		filter: blur(0.06rem);
		transform: translate3d(0, 0, 0) rotate(0deg) scale(1.03);
	}

	100% {
		opacity: 1;
		filter: blur(0);
		transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
	}
}

@keyframes website-card-reveal {
	0% {
		opacity: 0;
		filter: blur(0.8rem) saturate(1.05);
		transform: translate3d(0, 2.2rem, 0) scale(0.82) rotate(var(--card-tilt, 0deg));
	}

	100% {
		opacity: 0.86;
		filter: blur(0) saturate(1.08);
		transform: translate3d(0, 0, 0) scale(1) rotate(var(--card-tilt, 0deg));
	}
}

@keyframes website-card-float {
	0% {
		opacity: 0.86;
		filter: blur(0) saturate(1.08);
		transform: translate3d(0, 0, 0) scale(1) rotate(var(--card-tilt, 0deg));
	}

	50% {
		opacity: 0.92;
		filter: blur(0) saturate(1.12);
		transform: translate3d(var(--float-x), var(--float-y), 0) scale(1.01) rotate(calc(var(--card-tilt, 0deg) + var(--float-r)));
	}

	100% {
		opacity: 0.88;
		filter: blur(0) saturate(1.08);
		transform: translate3d(calc(var(--float-x) * -0.7), calc(var(--float-y) * -0.7), 0) scale(1) rotate(calc(var(--card-tilt, 0deg) - var(--float-r)));
	}
}

@keyframes website-evolution-float {
	0% {
		filter: drop-shadow(0 0 1.7rem rgba(135, 190, 255, 0.16));
		transform: translate3d(-0.22rem, 0.18rem, 0) rotateX(1.5deg) rotateY(-1.2deg) rotateZ(-0.7deg) scale(0.995);
	}

	50% {
		filter: drop-shadow(0 0 2.2rem rgba(180, 140, 255, 0.2));
		transform: translate3d(0.18rem, -0.28rem, 0) rotateX(-0.8deg) rotateY(1deg) rotateZ(0.45deg) scale(1.005);
	}

	100% {
		filter: drop-shadow(0 0 1.9rem rgba(120, 210, 255, 0.18));
		transform: translate3d(0.28rem, 0.1rem, 0) rotateX(0.8deg) rotateY(1.4deg) rotateZ(0.9deg) scale(1);
	}
}

@keyframes section-title-float {
	0% {
		transform: translate3d(-0.15rem, 0.18rem, 0) scale(0.995);
	}

	100% {
		transform: translate3d(0.18rem, -0.18rem, 0) scale(1.005);
	}
}

@keyframes native-orb-breathe {
	0% {
		opacity: 0.52;
		transform: scale(0.95);
	}

	100% {
		opacity: 0.84;
		transform: scale(1.05);
	}
}

@keyframes native-old-idle {
	0% {
		transform: translate3d(-0.18rem, 0.2rem, 0) rotate(-1.4deg) scale(1);
	}

	50% {
		transform: translate3d(0.16rem, -0.24rem, 0) rotate(1.2deg) scale(1.025);
	}

	100% {
		transform: translate3d(0.24rem, 0.12rem, 0) rotate(0.8deg) scale(1.01);
	}
}

@keyframes native-old-collapse {
	0% {
		opacity: 1;
		transform: rotate(0deg) scale(1);
	}

	55% {
		opacity: 1;
		transform: rotate(110deg) scale(0.42);
	}

	100% {
		opacity: 0;
		transform: rotate(180deg) scale(0.04);
	}
}

@keyframes native-core-flash {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.2);
	}

	30% {
		opacity: 0.9;
		transform: translate(-50%, -50%) scale(8);
	}

	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(22);
	}
}

@keyframes native-ring-burst {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.2);
	}

	22% {
		opacity: 0.85;
	}

	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(26);
	}
}

@keyframes native-spark-burst {
	0% {
		opacity: 0;
		transform: translate(0, 0) scale(0.3);
	}

	20% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: translate(var(--x), var(--y)) scale(1.3);
	}
}

@keyframes native-new-arrive {
	0% {
		opacity: 0;
		transform: scale(0.28) rotate(-28deg);
	}

	72% {
		opacity: 1;
		transform: scale(1.08) rotate(5deg);
	}

	100% {
		opacity: 1;
		transform: scale(1) rotate(0deg);
	}
}

@keyframes native-new-idle {
	0% {
		transform: translate3d(-0.12rem, 0.12rem, 0) rotate(-2deg) scale(1);
	}

	100% {
		transform: translate3d(0.16rem, -0.14rem, 0) rotate(2deg) scale(1.03);
	}
}

@keyframes ai-table-nebula-pulse {
	0% {
		opacity: 0.58;
		transform: scale(0.96) rotate(-1deg);
	}

	100% {
		opacity: 0.86;
		transform: scale(1.04) rotate(1deg);
	}
}

@keyframes ai-nebula-spin {
	from {
		transform: rotate(0deg) scale(1);
	}

	to {
		transform: rotate(360deg) scale(1.04);
	}
}

@keyframes ai-table-orbit-spin {
	from {
		transform: translate(-50%, -50%) rotateX(64deg) rotateZ(0deg);
	}

	to {
		transform: translate(-50%, -50%) rotateX(64deg) rotateZ(360deg);
	}
}

@keyframes ai-planet-drift {
	0% {
		opacity: 0.32;
		transform: translate3d(-0.4rem, 0.2rem, 0) scale(0.96);
	}

	100% {
		opacity: 0.54;
		transform: translate3d(1rem, -0.7rem, 0) scale(1.04);
	}
}

@keyframes ai-table-shell-enter {
	0% {
		opacity: 0;
		filter: blur(1.2rem);
		transform: translate3d(0, 2rem, 0) rotateX(10deg) scale(0.92);
	}

	100% {
		opacity: 1;
		filter: blur(0);
		transform: translate3d(0, 0, 0) rotateX(1.5deg) scale(1);
	}
}

@keyframes ai-table-shell-float {
	0% {
		transform: translate3d(-0.16rem, 0.18rem, 0) rotateX(1.5deg) rotateY(-0.7deg);
	}

	100% {
		transform: translate3d(0.18rem, -0.16rem, 0) rotateX(1deg) rotateY(0.8deg);
	}
}

@keyframes ai-table-row-enter {
	0% {
		opacity: 0;
		filter: blur(0.7rem);
		transform: translate3d(0, 1.3rem, 0) scale(0.985);
	}

	100% {
		opacity: 1;
		filter: blur(0);
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@keyframes ai-strict-pulse {
	0% {
		box-shadow: 0 0 1rem rgba(255, 80, 139, 0.14), inset 0 0 0.8rem rgba(255, 255, 255, 0.045);
	}

	100% {
		box-shadow: 0 0 2rem rgba(255, 80, 139, 0.34), inset 0 0 0.95rem rgba(255, 255, 255, 0.06);
	}
}

@keyframes thanks-core-pulse {
	0% {
		opacity: 0.62;
		transform: scale(0.96) rotate(-1deg);
	}

	100% {
		opacity: 0.92;
		transform: scale(1.06) rotate(1deg);
	}
}

@keyframes thanks-ring-roll {
	from {
		transform: translate(-50%, -50%) rotateX(68deg) rotateZ(0deg);
	}

	to {
		transform: translate(-50%, -50%) rotateX(68deg) rotateZ(360deg);
	}
}

@keyframes thanks-nebula-drift {
	0% {
		opacity: 0.48;
		transform: translate3d(-1.2rem, 0.6rem, 0) rotate(0deg) scale(0.96);
	}

	100% {
		opacity: 0.84;
		transform: translate3d(1.4rem, -0.8rem, 0) rotate(38deg) scale(1.08);
	}
}

@keyframes thanks-headline-enter {
	0% {
		opacity: 0;
		filter: blur(1.3rem) drop-shadow(0 0 1.6rem rgba(185, 138, 255, 0.24));
		transform: translateY(1.6rem) scale(0.88);
	}

	76% {
		opacity: 1;
		filter: blur(0.04rem) drop-shadow(0 0 2rem rgba(185, 138, 255, 0.32));
		transform: translateY(-0.18rem) scale(1.035);
	}

	100% {
		opacity: 1;
		filter: blur(0) drop-shadow(0 0 1.6rem rgba(185, 138, 255, 0.24));
		transform: translateY(0) scale(1);
	}
}

@keyframes thanks-headline-float {
	0% {
		transform: translate3d(-0.16rem, 0.12rem, 0) scale(1);
	}

	100% {
		transform: translate3d(0.18rem, -0.16rem, 0) scale(1.015);
	}
}

@keyframes thanks-headline-gradient {
	0% {
		background-position: 0% 50%;
	}

	100% {
		background-position: 100% 50%;
	}
}

@keyframes thanks-float-around {
	0% {
		opacity: 0.88;
		transform: translate3d(var(--x1), var(--y1), 0) rotate(var(--r1)) scale(var(--s1));
	}

	46% {
		opacity: 1;
		transform: translate3d(var(--x2), var(--y2), 0) rotate(var(--r2)) scale(var(--s2));
	}

	100% {
		opacity: 0.92;
		transform: translate3d(var(--x3), var(--y3), 0) rotate(var(--r3)) scale(1);
	}
}

@keyframes overlay-image-enter {
	0% {
		opacity: 0;
		filter: blur(1rem) saturate(1.08);
		transform: translate3d(0, 1.8rem, 0) rotateX(4deg) scale(0.74);
	}

	72% {
		opacity: 1;
		filter: blur(0.06rem) saturate(1.08);
		transform: translate3d(0, -0.22rem, 0) rotateX(0.8deg) scale(1.03);
	}

	100% {
		opacity: 1;
		filter: blur(0) saturate(1.08);
		transform: translate3d(0, 0, 0) rotateX(0deg) scale(1);
	}
}

@keyframes stat-card-enter {
	0% {
		opacity: 0;
		filter: blur(0.8rem);
		transform: translate3d(2.8rem, 1.4rem, 0) scale(0.86) rotate(4deg);
	}

	72% {
		opacity: 1;
		filter: blur(0.06rem);
		transform: translate3d(-0.18rem, -0.08rem, 0) scale(1.03) rotate(-1deg);
	}

	100% {
		opacity: 1;
		filter: blur(0);
		transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
	}
}

@keyframes stat-card-float {
	0%,
	100% {
		opacity: 1;
		filter: blur(0);
		transform: translate3d(0, 0, 0) rotate(0deg);
	}

	50% {
		opacity: 0.96;
		filter: blur(0);
		transform: translate3d(-0.16rem, -0.22rem, 0) rotate(-0.45deg);
	}
}

@keyframes campaign-chip-enter {
	0% {
		opacity: 0;
		filter: blur(0.5rem);
		transform: translate3d(0, 0, 0) scale(0.6);
	}

	76% {
		opacity: 1;
		filter: blur(0.04rem);
		transform: translate3d(var(--x), var(--y), 0) scale(1.08);
	}

	100% {
		opacity: 1;
		filter: blur(0);
		transform: translate3d(var(--x), var(--y), 0) scale(1);
	}
}

@keyframes campaign-chip-float {
	0%,
	100% {
		opacity: 1;
		filter: blur(0);
		transform: translate3d(var(--x), var(--y), 0) scale(1);
	}

	50% {
		opacity: 0.92;
		filter: blur(0);
		transform: translate3d(calc(var(--x) + 0.24rem), calc(var(--y) - 0.28rem), 0) scale(1.03);
	}
}

@keyframes number-tick {
	0% {
		opacity: 0.32;
		filter: blur(0.28rem);
		transform: translateY(0.25rem) scale(0.96);
	}

	100% {
		opacity: 1;
		filter: blur(0);
		transform: translateY(0) scale(1);
	}
}

@keyframes answer-pop {
	0% {
		opacity: 0;
		transform: scale(0.45) rotate(-10deg);
	}

	70% {
		opacity: 1;
		transform: scale(1.08) rotate(-9deg);
	}

	100% {
		opacity: 1;
		transform: scale(1) rotate(-12deg);
	}
}

@keyframes answer-bounce {
	0%,
	100% {
		transform: translateY(0) scale(1) rotate(-12deg);
	}

	50% {
		transform: translateY(-0.35rem) scale(1.04) rotate(-8deg);
	}
}

@keyframes spark-burst {
	0% {
		opacity: 0;
		transform: translate(0, 0) scale(0.4);
	}

	18% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: translate(var(--x), var(--y)) scale(1.1);
	}
}

@keyframes subtitle-reveal {
	0% {
		opacity: 0;
		filter: blur(0.7rem);
		transform: translateY(1.6rem) scale(0.92);
	}

	100% {
		opacity: 1;
		filter: blur(0);
		transform: translateY(0) scale(1);
	}
}

@keyframes huss-hang-settle {
	from {
		transform: translateY(0) rotate(0deg);
	}

	to {
		transform: translateY(0.2rem) rotate(15deg);
	}
}

@keyframes huss-hang-slow {
	from {
		transform: translateY(0.2rem) rotate(15deg);
	}

	to {
		transform: translateY(0.28rem) rotate(23deg);
	}
}

@media (max-width: 760px) {
	.ai-table-shell {
		width: 94%;
		max-width: 94%;
		padding: 0.7rem;
	}

	.ai-table-shell h1 {
		margin-bottom: 0.55rem;
		font-size: clamp(1.35rem, 8vw, 2.2rem);
	}

	.ai-data-table {
		border-spacing: 0 0.28rem;
		font-size: clamp(0.44rem, 2.5vw, 0.7rem);
	}

	.ai-data-table th,
	.ai-data-table td {
		padding: 0.38rem 0.34rem;
	}

	.ai-badge,
	.ai-note {
		padding: 0.22em 0.5em;
	}
}

@media (prefers-reduced-motion: reduce) {
	.reveal::before,
	.star-field,
	.star,
	.title-piece,
	.subtitle-piece,
	.intro-card,
	.website-evolution-image,
	.website-evolution-overlay-image,
	.website-evolution-final-image,
	.section-title-slide h1,
	.native-app-orb,
		.native-app-icon,
		.native-app-burst::before,
		.native-app-burst::after,
		.native-app-burst span,
		.ai-data-table-slide::before,
		.ai-data-table-slide::after,
		.ai-table-nebula,
		.ai-table-orbit,
		.ai-table-shell,
		.ai-data-table tbody tr,
		.ai-badge--strict,
		.thanks-space-slide::before,
		.thanks-space-slide::after,
		.thanks-nebula,
		.thanks-orbit,
		.thanks-headline,
		.thanks-floater,
		.website-stat,
		.campaign-cloud span,
		.websites-gallery img,
	.websites-answer strong,
	.spark,
	.space-cat,
	.cosmic-flyby {
		animation: none;
	}

	.intro-slide--started .title-piece,
	.intro-slide--started .subtitle-piece,
	.intro-slide--started .intro-card,
	.website-evolution-slide--stats-visible .website-stat,
	.website-evolution-slide--overlay-visible .website-evolution-overlay-image,
		.website-evolution-slide--final-visible .website-evolution-final-image,
		.website-evolution-slide--secondary-visible .campaign-cloud span,
		.ai-table-shell,
		.ai-data-table tbody tr,
		.thanks-headline,
		.thanks-floater,
		.websites-slide--revealed .websites-gallery img,
		.websites-slide--revealed .websites-answer strong {
		opacity: 1;
		filter: none;
		transform: none;
	}
}