.zoowai-home-worldtree-page {
	--tree-x: 0;
	--tree-y: 0;
	--worldtree-progress: 0;
	--worldtree-fall: 0;
	--worldtree-gather: 0;
	--worldtree-branch-progress: 0;
	--branch-copy-opacity: 0;
	--branch-copy-y: 34px;
	--branch-copy-blur: 5px;
	--branch-frame-progress: 0;
	--worldtree-global-art-opacity: 0.34;
	--worldtree-video-opacity: 0;
	background: #eef8ff;
}

.zoowai-home-worldtree-page .main-page-wrapper {
	position: relative;
	z-index: 4;
}

.zoowai-worldtree-global {
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
	background:
		radial-gradient(circle at 24% 18%, rgba(170, 230, 255, 0.22), transparent 30%),
		radial-gradient(circle at 76% 14%, rgba(255, 255, 255, 0.82), transparent 24%),
		linear-gradient(180deg, #f7fcff 0%, #edf8ff 52%, #f8fbff 100%);
}

.zoowai-worldtree-global::before {
	content: "";
	position: absolute;
	inset: -5%;
	z-index: 0;
	background-image: var(--zoowai-worldtree-art);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 45% top;
	opacity: calc(var(--worldtree-global-art-opacity) + var(--worldtree-branch-progress) * 0.12);
	transform:
		translate3d(calc(var(--tree-x) * -10px), calc(var(--tree-y) * -6px + var(--worldtree-branch-progress) * -46px), 0)
		scale(calc(1.04 + var(--worldtree-branch-progress) * 0.045));
	transform-origin: 50% 42%;
	filter: saturate(1.05) contrast(1.02);
	transition: opacity 320ms ease;
}

.zoowai-worldtree-video {
	position: absolute;
	inset: -5%;
	z-index: 0;
	width: 110%;
	height: 110%;
	object-fit: cover;
	object-position: 45% top;
	opacity: 0;
	transform:
		translate3d(calc(var(--tree-x) * -10px), calc(var(--tree-y) * -6px + var(--worldtree-branch-progress) * -46px), 0)
		scale(calc(1.04 + var(--worldtree-branch-progress) * 0.045));
	transform-origin: 50% 42%;
	filter: saturate(1.05) contrast(1.02);
	transition: opacity 320ms ease;
	will-change: transform, opacity;
}

.zoowai-home-worldtree-page.is-worldtree-video-ready {
	--worldtree-video-opacity: 1;
}

.zoowai-home-worldtree-page.is-worldtree-video-ready .zoowai-worldtree-video {
	opacity: var(--worldtree-video-opacity);
}

.zoowai-home-worldtree-page.is-worldtree-video-ready .zoowai-worldtree-global::before,
.zoowai-home-worldtree-page.is-worldtree-video-ready .zoowai-worldtree-art {
	opacity: 0;
}

.zoowai-home-worldtree-page.is-worldtree-video-ready .zoowai-worldtree-hero::before,
.zoowai-home-worldtree-page.is-worldtree-video-ready .zoowai-worldtree-branch::before,
.zoowai-home-worldtree-page.is-worldtree-video-ready .zoowai-worldtree-branch::after,
.zoowai-home-worldtree-page.is-worldtree-video-ready .zoowai-branch-growth,
.zoowai-home-worldtree-page.is-worldtree-video-ready .zoowai-branch-lightflow,
.zoowai-home-worldtree-page.is-worldtree-video-ready .zoowai-branch-seed-dock {
	opacity: 0;
}

.zoowai-home-worldtree-page.is-worldtree-video-ready .zoowai-branch-growth,
.zoowai-home-worldtree-page.is-worldtree-video-ready .zoowai-branch-lightflow,
.zoowai-home-worldtree-page.is-worldtree-video-ready .zoowai-branch-seed-dock {
	display: none;
}

.zoowai-worldtree-global::after {
	content: "";
	position: absolute;
	inset: -12%;
	z-index: 1;
	background:
		radial-gradient(circle at calc(20% + var(--tree-x) * 4%) calc(18% + var(--tree-y) * 4%), rgba(255, 255, 255, 0.34), transparent 28%),
		radial-gradient(circle at calc(74% + var(--tree-x) * -3%) calc(72% + var(--tree-y) * -3%), rgba(109, 211, 255, 0.18), transparent 34%),
		repeating-radial-gradient(circle at 52% 54%, rgba(255, 255, 255, 0.1) 0 1px, transparent 1px 34px);
	opacity: calc(0.10 + var(--worldtree-branch-progress) * 0.04);
	transform: translate3d(calc(var(--tree-x) * -8px), calc(var(--tree-y) * -6px), 0);
	mix-blend-mode: screen;
}

.zoowai-worldtree-canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0.32;
	z-index: 2;
}

.zoowai-worldtree-rootline,
.zoowai-worldtree-nodes {
	display: none;
}

.zoowai-worldtree-hero {
	position: relative;
	z-index: 7;
	min-height: clamp(780px, 94svh, 1040px);
	padding: clamp(112px, 11vh, 156px) clamp(20px, 3vw, 54px) clamp(88px, 10vh, 132px);
	overflow: clip;
	isolation: isolate;
	color: #0d2540;
	background: transparent;
}

.zoowai-worldtree-hero::before {
	content: none;
}

.zoowai-worldtree-ambient {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
	perspective: 1300px;
}

.zoowai-worldtree-art {
	position: fixed;
	inset: 0;
	z-index: 0;
	background-image: var(--zoowai-worldtree-art);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 42% top;
	opacity: 0.98;
	transform:
		translate3d(calc(var(--tree-x) * -18px), calc(var(--tree-y) * -10px), 0)
		scale(calc(1.018 + var(--worldtree-progress) * 0.018));
	transform-origin: 48% 42%;
	will-change: transform;
	filter: saturate(1.04) contrast(1.02);
}

.zoowai-worldtree-art::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.16)),
		radial-gradient(circle at 46% 74%, rgba(255, 255, 255, 0.26), transparent 24%);
}

.zoowai-tree-main-canvas,
.zoowai-root-system,
.zoowai-tree-3d,
.zoowai-tree-ui-axis,
.zoowai-light-track {
	display: none;
}

.zoowai-worldtree-shell {
	position: relative;
	z-index: 8;
	display: grid;
	grid-template-columns: minmax(280px, 0.7fr) minmax(420px, 1.3fr);
	align-items: start;
	gap: clamp(32px, 5vw, 96px);
	max-width: min(1680px, calc(100vw - 40px));
	min-height: 0;
	margin: 0 auto;
}

.zoowai-worldtree-copy {
	position: relative;
	left: auto;
	top: auto;
	z-index: 15;
	width: min(520px, 100%);
	opacity: 1;
}

.zoowai-worldtree-kicker {
	margin: 0 0 12px;
	color: #0b86ff;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.zoowai-worldtree-copy h1 {
	margin: 0;
	color: #0b223d;
	font-size: clamp(44px, 5vw, 78px);
	line-height: 0.96;
	letter-spacing: 0;
	text-wrap: balance;
	text-shadow: 0 14px 34px rgba(255, 255, 255, 0.54);
}

.zoowai-worldtree-copy h1 span {
	display: block;
	white-space: nowrap;
}

.zoowai-worldtree-lede {
	width: min(450px, 100%);
	margin: 18px 0 0;
	padding: 10px 14px 10px 0;
	color: rgba(9, 35, 64, 0.9);
	font-size: 16px;
	line-height: 1.72;
	text-shadow: 0 1px 18px rgba(255, 255, 255, 0.9);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.34) 68%, transparent);
}

.zoowai-spatial-field {
	position: relative;
	z-index: 18;
	min-height: 0;
}

.zoowai-advisor-core-wrap {
	position: relative;
	left: auto;
	top: auto;
	z-index: 24;
	width: min(760px, 100%);
	margin-left: auto;
	opacity: 1;
}

.zoowai-advisor-core-wrap::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -110px;
	width: 2px;
	height: 128px;
	background: linear-gradient(180deg, transparent, rgba(99, 201, 255, 0.58), rgba(255, 255, 255, 0.08));
	filter: drop-shadow(0 0 14px rgba(80, 195, 255, 0.48));
	transform: translateX(-50%);
	opacity: calc(0.84 - var(--worldtree-gather) * 0.76);
}

.zoowai-core-ring {
	position: absolute;
	inset: -24px;
	border: 1px solid rgba(134, 214, 255, 0.26);
	border-radius: 38px;
	opacity: calc(0.72 - var(--worldtree-gather) * 0.46);
	pointer-events: none;
	transform: translateZ(-1px);
}

.zoowai-core-ring.ring-b {
	inset: -42px -36px;
	border-radius: 48px;
	border-color: rgba(255, 255, 255, 0.55);
	filter: blur(0.2px);
}

.zoowai-advisor-capsule {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(138, 213, 255, 0.58);
	border-radius: 34px;
	padding: 22px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(232, 248, 255, 0.76)),
		radial-gradient(circle at 12% 0%, rgba(99, 203, 255, 0.18), transparent 30%);
	box-shadow:
		0 28px 70px rgba(66, 141, 194, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.82);
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
}

.zoowai-advisor-capsule::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.52) 38%, transparent 72%),
		radial-gradient(circle at 78% 18%, rgba(106, 210, 255, 0.2), transparent 34%);
	pointer-events: none;
}

.zoowai-advisor-head,
.zoowai-advisor-input,
.zoowai-advisor-tags,
.zoowai-advisor-submit,
.zoowai-advisor-result {
	position: relative;
	z-index: 2;
}

.zoowai-advisor-head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 16px;
}

.zoowai-advisor-orb {
	width: 48px;
	height: 48px;
	flex: 0 0 auto;
	border-radius: 999px;
	background:
		radial-gradient(circle at 34% 28%, #fff 0 19%, #bfeeff 35%, #58bcff 66%, #2879ff 100%);
	box-shadow: 0 0 0 8px rgba(117, 210, 255, 0.16), 0 12px 28px rgba(40, 137, 255, 0.28);
}

.zoowai-advisor-head p,
.zoowai-result-kicker {
	margin: 0;
	color: #0b86ff;
	font-size: 12px;
	font-weight: 800;
	text-transform: none;
	letter-spacing: 0;
}

.zoowai-advisor-head h2,
.zoowai-advisor-result h3 {
	margin: 2px 0 0;
	color: #0b223d;
	font-size: 25px;
	line-height: 1.15;
	letter-spacing: 0;
}

.zoowai-advisor-input {
	display: block;
	margin-bottom: 14px;
}

.zoowai-advisor-input span {
	display: block;
	margin-bottom: 8px;
	color: rgba(13, 37, 64, 0.72);
	font-size: 13px;
	font-weight: 700;
}

.zoowai-advisor-input textarea {
	width: 100%;
	min-height: 88px;
	resize: vertical;
	border: 1px solid rgba(130, 202, 245, 0.52);
	border-radius: 22px;
	padding: 16px 18px;
	color: #102a45;
	font-size: 15px;
	line-height: 1.55;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
	outline: none;
}

.zoowai-advisor-input textarea:focus {
	border-color: rgba(30, 147, 255, 0.72);
	box-shadow: 0 0 0 4px rgba(63, 174, 255, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.zoowai-advisor-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 16px;
}

.zoowai-advisor-tags button,
.zoowai-advisor-submit {
	border: 0;
	cursor: pointer;
	font-weight: 800;
	letter-spacing: 0;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.zoowai-advisor-tags button {
	min-height: 38px;
	border-radius: 999px;
	padding: 0 15px;
	color: #0d4f86;
	background: rgba(255, 255, 255, 0.84);
	box-shadow: inset 0 0 0 1px rgba(122, 206, 255, 0.38), 0 8px 20px rgba(72, 160, 220, 0.12);
}

.zoowai-advisor-tags button:hover,
.zoowai-advisor-tags button.is-active {
	color: #057ff1;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(214, 241, 255, 0.92));
	transform: translateY(-2px);
	box-shadow: 0 13px 26px rgba(47, 157, 237, 0.18), inset 0 0 0 1px rgba(72, 171, 255, 0.42);
}

.zoowai-advisor-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	border-radius: 999px;
	padding: 0 22px;
	color: #fff;
	background: linear-gradient(135deg, #1d8dff, #62c9ff);
	box-shadow: 0 18px 34px rgba(37, 142, 255, 0.26);
}

.zoowai-advisor-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 22px 40px rgba(37, 142, 255, 0.32);
}

.zoowai-advisor-result {
	display: none;
	margin-top: 18px;
	padding: 18px;
	border: 1px solid rgba(119, 203, 255, 0.42);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.72);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.zoowai-advisor-result.is-visible {
	display: block;
}

.zoowai-result-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-top: 14px;
}

.zoowai-result-grid div {
	min-height: 102px;
	border-radius: 18px;
	padding: 13px;
	background: rgba(242, 250, 255, 0.76);
}

.zoowai-result-grid span {
	display: block;
	margin-bottom: 6px;
	color: rgba(13, 37, 64, 0.58);
	font-size: 12px;
	font-weight: 800;
}

.zoowai-result-grid p {
	margin: 0;
	color: rgba(13, 37, 64, 0.82);
	font-size: 13px;
	line-height: 1.55;
}

.zoowai-recommendation-row {
	position: relative;
	z-index: 22;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 24px;
}

.zoowai-product-node {
	position: relative;
	left: auto;
	top: auto;
	z-index: 1;
	display: grid;
	grid-template-columns: 104px 1fr;
	align-items: center;
	gap: 16px;
	width: 100%;
	min-height: 142px;
	border: 1px solid rgba(135, 213, 255, 0.56);
	border-radius: 30px;
	padding: 15px;
	color: #0d2540;
	text-align: left;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(230, 248, 255, 0.74)),
		radial-gradient(circle at 14% 10%, rgba(103, 208, 255, 0.18), transparent 38%);
	box-shadow:
		0 26px 58px rgba(51, 139, 196, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.82);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	cursor: pointer;
	opacity: 1;
	transition: box-shadow 0.22s ease, border-color 0.22s ease;
}

.zoowai-product-node::before {
	content: "";
	display: none;
	position: absolute;
	left: 50%;
	top: -76px;
	width: 1px;
	height: 82px;
	background: linear-gradient(180deg, transparent, rgba(97, 202, 255, 0.52), rgba(255, 255, 255, 0.16));
	opacity: calc(0.76 - var(--worldtree-gather) * 0.7);
	filter: drop-shadow(0 0 12px rgba(73, 188, 255, 0.45));
}

.zoowai-product-node:hover,
.zoowai-product-node.is-active {
	border-color: rgba(54, 169, 255, 0.72);
	box-shadow:
		0 34px 72px rgba(50, 157, 229, 0.25),
		0 0 0 6px rgba(92, 198, 255, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.zoowai-product-node-visual {
	width: 104px;
	height: 104px;
	border-radius: 24px;
	background-image:
		linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(214, 242, 255, 0.16)),
		var(--product-image);
	background-size: cover;
	background-position: center;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.62), 0 16px 28px rgba(23, 90, 145, 0.16);
	transition: box-shadow 180ms ease;
}

.zoowai-product-node-copy {
	display: grid;
	gap: 6px;
}

.zoowai-product-node-copy strong {
	color: #0b223d;
	font-size: 21px;
	line-height: 1.1;
}

.zoowai-product-node-copy small {
	color: rgba(13, 37, 64, 0.72);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.42;
}

.zoowai-product-node-copy em {
	color: #0b86ff;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
}

.zoowai-worldtree-hero.has-advisor-result .zoowai-advisor-core-wrap {
	left: auto;
	top: auto;
	width: min(760px, 100%);
}

.zoowai-worldtree-hero.has-advisor-result .zoowai-advisor-capsule {
	padding: 18px;
}

.zoowai-worldtree-hero.has-advisor-result .zoowai-advisor-input textarea {
	min-height: 66px;
}

.zoowai-worldtree-hero.has-advisor-result .zoowai-result-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.zoowai-worldtree-hero.has-advisor-result .zoowai-result-grid div {
	min-height: 92px;
}

.zoowai-worldtree-branch {
	position: relative;
	z-index: 6;
	min-height: clamp(680px, 76svh, 920px);
	margin-top: 0;
	padding: clamp(88px, 10vh, 132px) clamp(20px, 3vw, 54px) clamp(92px, 10vh, 138px);
	overflow: clip;
	isolation: isolate;
	color: #0b223d;
	background: transparent;
}

.zoowai-worldtree-branch::before {
	content: none;
}

.zoowai-worldtree-branch::after {
	content: none;
}

.zoowai-branch-growth,
.zoowai-branch-lightflow,
.zoowai-branch-seed-dock {
	display: none;
}

.zoowai-branch-growth {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
}

.zoowai-branch-growth::before,
.zoowai-branch-growth::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: calc(var(--worldtree-branch-progress) * 0.62);
	transform-origin: 50% 18%;
}

.zoowai-branch-growth::before {
	background:
		linear-gradient(112deg, transparent 0 26%, rgba(88, 201, 255, 0.38) 26.4%, transparent 27.1%),
		linear-gradient(76deg, transparent 0 44%, rgba(170, 236, 255, 0.32) 44.4%, transparent 45.2%),
		linear-gradient(15deg, transparent 0 58%, rgba(96, 205, 255, 0.26) 58.4%, transparent 59.1%);
	filter: drop-shadow(0 0 18px rgba(78, 191, 255, 0.28));
	transform: scaleY(calc(0.64 + var(--worldtree-branch-progress) * 0.36));
}

.zoowai-branch-growth::after {
	background:
		radial-gradient(circle at 22% 30%, rgba(139, 225, 255, 0.2), transparent 2.2%),
		radial-gradient(circle at 44% 22%, rgba(139, 225, 255, 0.22), transparent 2.4%),
		radial-gradient(circle at 62% 34%, rgba(139, 225, 255, 0.2), transparent 2.2%),
		radial-gradient(circle at 79% 48%, rgba(139, 225, 255, 0.18), transparent 2.4%),
		repeating-radial-gradient(ellipse at 50% 74%, rgba(89, 202, 255, 0.18) 0 1px, transparent 1px 18px);
	transform: translateY(calc((1 - var(--worldtree-branch-progress)) * 24px));
}

.growth-line {
	position: absolute;
	display: block;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(91, 203, 255, 0), rgba(91, 203, 255, 0.54), rgba(255, 255, 255, 0));
	box-shadow: 0 0 20px rgba(82, 198, 255, 0.34);
	opacity: calc(var(--worldtree-branch-progress) * 0.78);
	transform-origin: left center;
}

.growth-line-a {
	left: 18%;
	top: 28%;
	width: min(720px, 54vw);
	transform: rotate(-12deg) scaleX(calc(0.54 + var(--worldtree-branch-progress) * 0.46));
}

.growth-line-b {
	left: 38%;
	top: 52%;
	width: min(680px, 48vw);
	transform: rotate(8deg) scaleX(calc(0.44 + var(--worldtree-branch-progress) * 0.56));
}

.growth-line-c {
	left: 48%;
	top: 72%;
	width: min(520px, 38vw);
	transform: rotate(-5deg) scaleX(calc(0.38 + var(--worldtree-branch-progress) * 0.62));
}

.growth-node {
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 999px;
	background: radial-gradient(circle at 34% 28%, #fff, #8ee2ff 48%, rgba(28, 143, 255, 0.52));
	box-shadow: 0 0 0 6px rgba(108, 210, 255, 0.12), 0 0 32px rgba(68, 184, 255, 0.42);
	opacity: calc(0.28 + var(--worldtree-branch-progress) * 0.66);
}

.growth-node-a {
	left: 61%;
	top: 23%;
}

.growth-node-b {
	left: 82%;
	top: 55%;
}

.growth-node-c {
	left: 70%;
	top: 78%;
}

.zoowai-branch-seed-dock {
	position: absolute;
	right: clamp(110px, 14vw, 210px);
	top: clamp(190px, 26vh, 260px);
	z-index: 5;
	width: 86px;
	height: 86px;
	border-radius: 999px;
	pointer-events: none;
	opacity: 0;
	transform:
		translate3d(calc(var(--tree-x) * 8px), calc(var(--tree-y) * 6px), 0)
		scale(calc(0.78 + var(--worldtree-branch-progress) * 0.22));
}

.zoowai-branch-lightflow {
	position: absolute;
	inset: 0;
	z-index: 3;
	pointer-events: none;
	opacity: calc(0.12 + var(--worldtree-branch-progress) * 0.72);
}

.zoowai-branch-lightflow .flow-strand {
	position: absolute;
	right: clamp(190px, 22vw, 340px);
	width: min(720px, 58vw);
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(91, 205, 255, 0.72), rgba(255, 255, 255, 0.78), rgba(91, 205, 255, 0));
	box-shadow: 0 0 24px rgba(70, 187, 255, 0.36);
	transform-origin: right center;
	filter: blur(0.1px);
}

.zoowai-branch-lightflow .flow-strand-a {
	top: 38%;
	transform: rotate(-10deg) scaleX(calc(0.28 + var(--worldtree-branch-progress) * 0.72));
}

.zoowai-branch-lightflow .flow-strand-b {
	top: 48%;
	transform: rotate(-2deg) scaleX(calc(0.18 + var(--worldtree-branch-progress) * 0.82));
	opacity: 0.78;
}

.zoowai-branch-lightflow .flow-strand-c {
	top: 58%;
	transform: rotate(8deg) scaleX(calc(0.22 + var(--worldtree-branch-progress) * 0.78));
	opacity: 0.52;
}

.zoowai-branch-seed-dock span {
	position: absolute;
	inset: 16px;
	border-radius: inherit;
	background: radial-gradient(circle at 34% 26%, #fff, #bdefff 34%, #4db9ff 66%, rgba(20, 104, 226, 0.18));
	box-shadow: 0 0 0 1px rgba(132, 218, 255, 0.72), 0 0 42px rgba(57, 172, 255, 0.54);
}

.zoowai-branch-seed-dock::before,
.zoowai-branch-seed-dock::after {
	content: "";
	position: absolute;
	inset: 4px;
	border: 1px solid rgba(88, 194, 255, 0.34);
	border-radius: inherit;
	transform: rotate(22deg) scaleX(1.54);
}

.zoowai-branch-seed-dock::after {
	inset: 0;
	transform: rotate(-36deg) scaleX(1.28);
}

.zoowai-branch-inner {
	position: relative;
	z-index: 4;
	display: grid;
	grid-template-columns: minmax(320px, 0.34fr) minmax(960px, 1fr);
	align-items: center;
	gap: clamp(32px, 4vw, 80px);
	min-height: clamp(520px, 58svh, 700px);
	max-width: min(1960px, calc(100vw - 40px));
	margin: 0 auto;
}

.zoowai-branch-copy {
	max-width: 520px;
	opacity: 1;
	filter: none;
}

.zoowai-branch-copy::before {
	content: "";
	display: block;
	width: min(280px, 70%);
	height: 2px;
	margin-bottom: 18px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(58, 183, 255, 0), rgba(58, 183, 255, 0.8), rgba(255, 255, 255, 0));
	box-shadow: 0 0 22px rgba(58, 183, 255, 0.38);
	transform: none;
}

.zoowai-branch-kicker {
	margin: 0 0 14px;
	color: #0b86ff;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.zoowai-branch-copy h2 {
	margin: 0;
	color: #0b223d;
	font-size: clamp(48px, 5vw, 78px);
	line-height: 0.98;
	letter-spacing: 0;
	text-wrap: balance;
}

.zoowai-branch-copy p:not(.zoowai-branch-kicker) {
	margin: 20px 0 0;
	color: rgba(13, 37, 64, 0.74);
	font-size: 17px;
	line-height: 1.72;
}

.zoowai-branch-points {
	display: grid;
	gap: 10px;
	margin-top: 26px;
	color: rgba(13, 37, 64, 0.78);
	font-weight: 760;
}

.zoowai-branch-points span {
	position: relative;
	padding-left: 22px;
}

.zoowai-branch-points span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.72em;
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: #2eaaff;
	box-shadow: 0 0 18px rgba(46, 170, 255, 0.42);
}

.zoowai-branch-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 30px;
}

.zoowai-branch-actions a,
.zoowai-branch-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	border: 0;
	border-radius: 999px;
	padding: 0 22px;
	font-weight: 850;
	letter-spacing: 0;
	text-decoration: none;
	cursor: pointer;
}

.zoowai-branch-actions a {
	color: #fff;
	background: linear-gradient(135deg, #158dff, #68ccff);
	box-shadow: 0 18px 34px rgba(33, 146, 255, 0.24);
}

.zoowai-branch-actions button {
	color: #0d4f86;
	background: rgba(255, 255, 255, 0.78);
	box-shadow: inset 0 0 0 1px rgba(117, 205, 255, 0.44);
}

.zoowai-branch-showcase {
	position: relative;
	width: min(1460px, 100%);
	max-width: 72vw;
	justify-self: end;
	transform:
		translate3d(calc(var(--tree-x) * 16px), calc(72px - var(--worldtree-branch-progress) * 72px), 0)
		scale(calc(0.96 + var(--worldtree-branch-progress) * 0.04));
}

.zoowai-branch-frame {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border: 1px solid rgba(140, 218, 255, 0.62);
	border-radius: 34px;
	background: rgba(255, 255, 255, 0.26);
	box-shadow:
		0 34px 80px rgba(58, 139, 194, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.78);
	touch-action: pan-y;
	overscroll-behavior: auto;
}

.zoowai-branch-frame-media {
	position: absolute;
	inset: 12px;
	border-radius: 24px;
	overflow: hidden;
	background: #edf3f8;
}

.zoowai-branch-scrub {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	overflow: hidden;
	background: #edf3f8;
	transform-origin: 50% 50%;
}

.zoowai-branch-scrub::before {
	content: none;
}

.zoowai-branch-video,
.zoowai-branch-scrub-frame {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-fit: cover;
	object-position: center;
	background: #edf3f8;
	pointer-events: none;
	user-select: none;
}

.zoowai-branch-scrub-meter {
	position: absolute;
	top: 14px;
	right: 16px;
	z-index: 3;
	color: rgba(5, 20, 35, 0.62);
	font-size: 11px;
	font-weight: 850;
	letter-spacing: 0;
	text-transform: uppercase;
	text-shadow: 0 1px 14px rgba(255, 255, 255, 0.72);
}

.zoowai-frame-scan {
	display: none;
}

.zoowai-frame-scan.scan-a {
	top: 12%;
}

.zoowai-frame-scan.scan-b {
	top: 42%;
	opacity: 0.3;
	transform: translateY(calc(var(--branch-frame-progress) * -42px));
}

.zoowai-frame-scan.scan-c {
	top: 68%;
	opacity: 0.24;
	transform: translateY(calc(var(--branch-frame-progress) * 32px));
}

.zoowai-branch-frame-glow {
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0;
	background:
		radial-gradient(circle at 30% 38%, rgba(255, 255, 255, 0.74), transparent 20%),
		radial-gradient(circle at 72% 54%, rgba(87, 203, 255, 0.3), transparent 32%),
		linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.24) 46%, transparent 78%);
	mix-blend-mode: screen;
}

.zoowai-worldtree-branch.is-branch-playing .zoowai-branch-frame-glow {
	animation: zoowai-branch-pulse 1.35s ease-out;
}

.zoowai-branch-frame-ui {
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 24px;
	display: grid;
	gap: 5px;
	width: min(360px, calc(100% - 56px));
	border: 1px solid rgba(255, 255, 255, 0.54);
	border-radius: 22px;
	padding: 16px 18px;
	background: rgba(245, 251, 255, 0.92);
	color: #0d2540;
	box-shadow: 0 18px 38px rgba(38, 120, 185, 0.18);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.zoowai-branch-frame-ui span {
	color: #0b86ff;
	font-size: 11px;
	font-weight: 850;
	text-transform: none;
}

.zoowai-branch-frame-ui strong {
	font-size: 22px;
	line-height: 1.15;
}

.zoowai-branch-frame-ui small {
	color: rgba(13, 37, 64, 0.66);
	font-size: 13px;
	font-weight: 700;
}

.zoowai-branch-showcase,
.zoowai-branch-frame,
.zoowai-branch-frame-media {
	overscroll-behavior: auto;
	touch-action: pan-y;
}

.zoowai-home-worldtree-page #scrubCanvas,
.zoowai-home-worldtree-page .model-area iframe.sketchfab-embed {
	pointer-events: none !important;
}

.zoowai-home-worldtree-page .model-hint {
	display: none !important;
}

.zoowai-home-worldtree-page .zoowai-legacy-scrub-section-hidden {
	display: none !important;
}

.zoowai-home-worldtree-page .elementor-main-swiper,
.zoowai-home-worldtree-page .swiper {
	overscroll-behavior: auto;
	touch-action: pan-y;
}

.zoowai-home-worldtree-page .zoowai-legacy-model-section-hidden {
	display: none !important;
}

.zoowai-model-stage {
	--model-stage-reveal: 0;
	--model-pointer-x: 0;
	--model-pointer-y: 0;
	--model-feature-glow: 0.32;
	position: relative;
	z-index: 6;
	min-height: clamp(680px, 76svh, 960px);
	margin-top: 0;
	padding: 120px clamp(24px, 4vw, 70px) 150px;
	overflow: clip;
	isolation: isolate;
	color: #0b223d;
	background: transparent;
}

.zoowai-model-stage::before {
	content: none;
}

.zoowai-model-stage::after {
	content: none;
}

.zoowai-model-atmosphere {
	display: none;
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

.model-node,
.model-flow {
	position: absolute;
	display: block;
	pointer-events: none;
}

.model-node {
	width: 14px;
	height: 14px;
	border-radius: 999px;
	background: radial-gradient(circle at 32% 28%, #fff, #a9ecff 46%, rgba(32, 148, 255, 0.36));
	box-shadow: 0 0 0 8px rgba(119, 219, 255, 0.1), 0 0 36px rgba(67, 188, 255, 0.36);
	opacity: calc(0.26 + var(--model-stage-reveal) * 0.52);
}

.model-node-a {
	left: 16%;
	top: 26%;
}

.model-node-b {
	left: 58%;
	top: 18%;
	width: 10px;
	height: 10px;
}

.model-flow {
	width: min(420px, 34vw);
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(94, 205, 255, 0), rgba(94, 205, 255, 0.46), rgba(255, 255, 255, 0));
	box-shadow: 0 0 18px rgba(94, 205, 255, 0.25);
	opacity: calc(0.16 + var(--model-stage-reveal) * 0.28);
	transform-origin: left center;
}

.model-flow-a {
	left: 18%;
	top: 32%;
	transform: rotate(-8deg);
}

.model-flow-b {
	left: 38%;
	top: 68%;
	transform: rotate(5deg);
}

.zoowai-model-stage-inner {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(560px, 1.25fr) minmax(360px, 0.75fr);
	align-items: center;
	gap: clamp(34px, 5vw, 86px);
	max-width: min(1880px, calc(100vw - 48px));
	margin: 0 auto;
}

.zoowai-model-showcase {
	position: relative;
	opacity: 1;
	transition: none;
}

.zoowai-model-kicker {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 18px 12px;
	color: rgba(11, 34, 61, 0.72);
	font-size: 13px;
	font-weight: 850;
}

.zoowai-model-kicker span {
	color: #087bd8;
}

.zoowai-model-kicker strong {
	color: rgba(11, 34, 61, 0.54);
	font-size: 12px;
}

.zoowai-model-glass-frame {
	position: relative;
	min-height: 560px;
	aspect-ratio: 16 / 10;
	border: 1px solid rgba(255, 255, 255, 0.68);
	border-radius: 28px;
	overflow: hidden;
	isolation: isolate;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.52), rgba(255, 255, 255, 0.16)),
		rgba(228, 247, 255, 0.18);
	backdrop-filter: blur(22px) saturate(170%) contrast(1.03);
	-webkit-backdrop-filter: blur(22px) saturate(170%) contrast(1.03);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.72),
		inset 0 -1px 0 rgba(255, 255, 255, 0.2),
		0 30px 86px rgba(38, 129, 201, 0.2),
		0 0 74px rgba(87, 205, 255, calc(var(--model-feature-glow) * 0.28));
}

.zoowai-model-glass-frame::before {
	content: "";
	position: absolute;
	inset: -42%;
	z-index: 0;
	pointer-events: none;
	background:
		conic-gradient(from 0deg, rgba(77, 193, 255, 0), rgba(77, 193, 255, 0.46), rgba(255, 255, 255, 0.66), rgba(79, 210, 255, 0.2), rgba(77, 193, 255, 0));
	opacity: calc(0.24 + var(--model-stage-reveal) * 0.28);
	animation: zoowai-model-border-flow 9s linear infinite;
}

.zoowai-model-glass-frame::after {
	content: "";
	position: absolute;
	inset: 1px;
	z-index: 1;
	border-radius: 26px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	pointer-events: none;
	background:
		radial-gradient(circle at calc(48% + var(--model-pointer-x) * 8%) calc(24% + var(--model-pointer-y) * 8%), rgba(255, 255, 255, 0.34), transparent 28%),
		linear-gradient(120deg, rgba(255, 255, 255, 0.2), transparent 28%, rgba(102, 210, 255, 0.12) 74%, transparent);
}

.zoowai-model-glass-frame > * {
	position: relative;
	z-index: 2;
}

.zoowai-model-origin {
	position: absolute;
	left: 13%;
	top: 18%;
	width: 96px;
	height: 96px;
	border-radius: 999px;
	opacity: calc(0.2 + var(--model-stage-reveal) * 0.58);
	transform: scale(calc(0.74 + var(--model-stage-reveal) * 0.26));
	pointer-events: none;
}

.zoowai-model-origin span {
	position: absolute;
	inset: 18px;
	border-radius: inherit;
	background: radial-gradient(circle at 36% 28%, #fff, #a9ecff 42%, rgba(45, 153, 255, 0.2));
	box-shadow: 0 0 0 1px rgba(128, 221, 255, 0.54), 0 0 48px rgba(57, 178, 255, 0.42);
}

.zoowai-model-viewer {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 560px;
	background: transparent;
	--poster-color: transparent;
	touch-action: none;
	cursor: grab;
	transform:
		translate3d(calc(var(--model-pointer-x) * -8px), calc(var(--model-pointer-y) * -6px), 0)
		scale(calc(1.04 + var(--model-stage-reveal) * 0.08));
	transition: filter 260ms ease, transform 680ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.zoowai-model-viewer:active {
	cursor: grabbing;
}

.zoowai-model-stage[data-active-feature="02"] .zoowai-model-viewer,
.zoowai-model-stage[data-active-feature="03"] .zoowai-model-viewer,
.zoowai-model-stage[data-active-feature="04"] .zoowai-model-viewer {
	filter: drop-shadow(0 0 24px rgba(63, 181, 255, 0.2));
}

.zoowai-model-viewer-fallback {
	display: none;
}

.zoowai-model-frame-caption {
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 14px 18px;
	border: 1px solid rgba(255, 255, 255, 0.48);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.34);
	backdrop-filter: blur(18px) saturate(160%);
	-webkit-backdrop-filter: blur(18px) saturate(160%);
	color: rgba(11, 34, 61, 0.72);
	font-size: 13px;
	font-weight: 800;
}

.zoowai-model-frame-caption strong {
	color: #0b223d;
	font-size: 15px;
}

.zoowai-model-annotations {
	opacity: 1;
	transition: none;
}

.zoowai-model-copy {
	margin: 0 0 26px;
}

.zoowai-model-copy p {
	margin: 0 0 12px;
	color: #087bd8;
	font-size: 12px;
	font-weight: 900;
}

.zoowai-model-copy h2 {
	margin: 0;
	max-width: 580px;
	color: #0b223d;
	font-size: 48px;
	line-height: 1.02;
	letter-spacing: 0;
	text-wrap: balance;
}

.zoowai-model-copy span {
	display: block;
	max-width: 560px;
	margin-top: 18px;
	color: rgba(12, 41, 70, 0.72);
	font-size: 16px;
	line-height: 1.78;
}

.zoowai-model-feature-list {
	display: grid;
	gap: 14px;
}

.zoowai-model-feature {
	position: relative;
	display: grid;
	grid-template-columns: 54px 1fr;
	gap: 16px;
	width: 100%;
	min-height: 106px;
	padding: 18px 20px;
	border: 1px solid rgba(255, 255, 255, 0.42);
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.32);
	backdrop-filter: blur(16px) saturate(160%);
	-webkit-backdrop-filter: blur(16px) saturate(160%);
	box-shadow: 0 18px 48px rgba(48, 137, 203, 0.08);
	color: #0b223d;
	text-align: left;
	cursor: pointer;
	transition: transform 220ms ease, border-color 220ms ease, background 220ms ease, box-shadow 220ms ease;
}

.zoowai-model-feature::before {
	content: "";
	position: absolute;
	left: -78px;
	top: 50%;
	width: 62px;
	height: 1px;
	background: linear-gradient(90deg, rgba(81, 198, 255, 0), rgba(81, 198, 255, 0.56));
	opacity: 0;
	transform: translateY(-50%) scaleX(0.7);
	transform-origin: right center;
	transition: opacity 220ms ease, transform 220ms ease;
	pointer-events: none;
}

.zoowai-model-feature span {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: rgba(232, 248, 255, 0.72);
	color: #0b86ff;
	font-size: 13px;
	font-weight: 950;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 0 0 1px rgba(115, 210, 255, 0.26);
}

.zoowai-model-feature strong,
.zoowai-model-feature small {
	grid-column: 2;
}

.zoowai-model-feature strong {
	align-self: end;
	font-size: 22px;
	line-height: 1.16;
}

.zoowai-model-feature small {
	color: rgba(13, 42, 72, 0.66);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.58;
}

.zoowai-model-feature:hover,
.zoowai-model-feature:focus-visible,
.zoowai-model-feature.is-active {
	transform: none;
	border-color: rgba(86, 200, 255, 0.58);
	background: rgba(255, 255, 255, 0.52);
	box-shadow: 0 22px 62px rgba(52, 157, 230, 0.16), 0 0 0 1px rgba(100, 213, 255, 0.18);
	outline: none;
}

.zoowai-model-feature:hover::before,
.zoowai-model-feature:focus-visible::before,
.zoowai-model-feature.is-active::before {
	opacity: 1;
	transform: translateY(-50%) scaleX(1);
}

.zoowai-model-stage.is-model-stage-active {
	--model-stage-reveal: 1;
}

@media (prefers-reduced-motion: reduce) {
	.zoowai-model-glass-frame::before {
		animation: none;
	}

	.zoowai-model-showcase,
	.zoowai-model-annotations,
	.zoowai-model-viewer {
		transition: none;
		transform: none;
	}
}

.zoowai-interaction-deck {
	--deck-rotate-x: 0deg;
	--deck-rotate-y: 0deg;
	--deck-pointer-x: 0;
	--deck-pointer-y: 0;
	--deck-reveal: 0;
	position: relative;
	z-index: 6;
	padding: clamp(72px, 8svh, 104px) clamp(24px, 4vw, 70px) clamp(64px, 8svh, 98px);
	overflow: clip;
	isolation: isolate;
	color: #0a223c;
	background: transparent;
}

.zoowai-interaction-deck.is-deck-awake {
	--deck-reveal: 1;
}

.zoowai-deck-stage {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.78fr) minmax(360px, 1.22fr);
	grid-template-areas:
		"vision product"
		"wear product";
	align-items: center;
	gap: clamp(22px, 3vw, 54px);
	max-width: min(1680px, calc(100vw - 48px));
	min-height: clamp(620px, 62svh, 780px);
	margin: 0 auto;
	perspective: 1500px;
	transform-style: preserve-3d;
	cursor: grab;
}

.zoowai-interaction-deck.is-deck-dragging .zoowai-deck-stage {
	cursor: grabbing;
}

.zoowai-deck-product,
.zoowai-exploded-panel {
	transition:
		opacity 520ms ease,
		width 760ms cubic-bezier(0.2, 0.8, 0.2, 1),
		max-height 520ms ease;
}

.zoowai-deck-product {
	position: relative;
	grid-area: product;
	justify-self: center;
	align-self: center;
	width: min(100%, 720px);
	aspect-ratio: 1;
	border: 0;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	opacity: calc(0.18 + var(--deck-reveal) * 0.82);
	transform: none;
	cursor: pointer;
	z-index: 4;
}

.zoowai-deck-product:hover,
.zoowai-deck-product:focus,
.zoowai-deck-product:active {
	border-color: transparent !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: 0 !important;
}

.zoowai-deck-product img {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: drop-shadow(0 28px 46px rgba(30, 74, 116, 0.26));
	transform:
		translate3d(calc(var(--deck-pointer-x) * 10px), calc((1 - var(--deck-reveal)) * 26px + var(--deck-pointer-y) * 6px), 84px)
		rotateX(calc(var(--deck-rotate-x) * 0.42))
		rotateY(calc(var(--deck-rotate-y) * 0.42))
		scale(calc(0.92 + var(--deck-reveal) * 0.08));
	transform-origin: center;
	transition: transform 760ms cubic-bezier(0.2, 0.8, 0.2, 1);
	pointer-events: none;
}

.zoowai-deck-product-halo {
	position: absolute;
	left: 1%;
	right: 1%;
	top: 10%;
	bottom: 12%;
	z-index: 1;
	border: 0;
	background:
		radial-gradient(ellipse at 52% 50%, rgba(255, 255, 255, 0.54), rgba(181, 232, 255, 0.22) 38%, rgba(83, 177, 232, 0.08) 58%, transparent 72%);
	box-shadow:
		0 30px 82px rgba(75, 156, 208, 0.18),
		0 0 54px rgba(255, 255, 255, 0.28);
	clip-path: ellipse(46% 34% at 52% 50%);
	opacity: 0.86;
	transform:
		translate3d(calc(var(--deck-pointer-x) * 10px), calc((1 - var(--deck-reveal)) * 26px + var(--deck-pointer-y) * 6px), 84px)
		rotateX(calc(var(--deck-rotate-x) * 0.42))
		rotateY(calc(var(--deck-rotate-y) * 0.42))
		scale(calc(0.92 + var(--deck-reveal) * 0.08))
		rotate(-10deg)
		skewX(-5deg);
	transform-origin: center;
	transition: transform 760ms cubic-bezier(0.2, 0.8, 0.2, 1);
	pointer-events: none;
}

.zoowai-deck-product:focus-visible .zoowai-deck-product-halo {
	box-shadow:
		0 0 0 2px rgba(36, 140, 205, 0.44),
		0 0 0 10px rgba(103, 203, 255, 0.12),
		0 30px 82px rgba(75, 156, 208, 0.2);
	opacity: 1;
}

.zoowai-deck-product-tip {
	position: absolute;
	left: 50%;
	bottom: 9%;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 18px;
	border: 1px solid rgba(67, 159, 215, 0.58);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow:
		0 14px 30px rgba(52, 111, 160, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.96);
	color: #0b223d;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.01em;
	line-height: 1;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	transform: translateX(-50%);
	pointer-events: none;
	white-space: nowrap;
}

.zoowai-deck-copy-card {
	position: relative;
	box-sizing: border-box;
	width: min(100%, 480px);
	padding: 24px 26px;
	border: 1px solid rgba(112, 188, 231, 0.32);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(232, 249, 255, 0.58)),
		linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(107, 198, 244, 0.08));
	box-shadow:
		0 24px 60px rgba(39, 100, 146, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.72);
	opacity: calc(0.2 + var(--deck-reveal) * 0.8);
	transition:
		opacity 360ms ease,
		border-color 220ms ease,
		box-shadow 220ms ease;
	z-index: 5;
}

.zoowai-deck-card-vision {
	grid-area: vision;
	justify-self: end;
}

.zoowai-deck-card-wear {
	grid-area: wear;
	justify-self: end;
}

.zoowai-deck-copy-card p,
.zoowai-exploded-heading p {
	margin: 0 0 8px;
	color: rgba(13, 104, 166, 0.72);
	font-size: 12px;
	font-weight: 860;
	line-height: 1.2;
	text-transform: uppercase;
}

.zoowai-deck-copy-card h2 {
	margin: 0;
	color: #061f39;
	font-size: 30px;
	line-height: 1.16;
	font-weight: 880;
	letter-spacing: 0;
}

.zoowai-deck-copy-card strong {
	display: block;
	margin-top: 12px;
	color: rgba(8, 41, 72, 0.84);
	font-size: 16px;
	line-height: 1.5;
	font-weight: 760;
}

.zoowai-deck-copy-card span,
.zoowai-deck-copy-card small {
	display: block;
	margin-top: 12px;
	color: rgba(19, 61, 95, 0.62);
	font-size: 13px;
	line-height: 1.46;
}

.zoowai-deck-copy-card small {
	margin-top: 5px;
}

.zoowai-exploded-panel {
	display: none;
	grid-area: exploded;
	min-width: 0;
	width: 100%;
	z-index: 6;
}

.zoowai-exploded-shell {
	position: relative;
	display: grid;
	grid-template-rows: auto auto auto;
	gap: 16px;
	min-height: 0;
	padding: 18px;
	border: 1px solid rgba(111, 187, 229, 0.34);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(235, 249, 255, 0.66)),
		linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(102, 194, 242, 0.08));
	box-shadow:
		0 28px 70px rgba(41, 103, 154, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.76);
	overflow: hidden;
}

.zoowai-exploded-heading {
	position: relative;
	z-index: 8;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 0 4px 6px;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.zoowai-exploded-heading h2 {
	margin: 0;
	color: #071f38;
	font-size: 30px;
	line-height: 1.1;
	font-weight: 900;
	letter-spacing: 0;
}

.zoowai-exploded-heading button,
.zoowai-hotspot {
	font-family: inherit;
}

.zoowai-exploded-heading button {
	flex: 0 0 auto;
	min-height: 36px;
	padding: 8px 13px;
	border: 1px solid rgba(67, 154, 211, 0.3);
	background: rgba(255, 255, 255, 0.76);
	color: rgba(7, 47, 80, 0.78);
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
	box-shadow: 0 12px 24px rgba(40, 98, 146, 0.1);
}

.zoowai-exploded-image-wrap {
	position: relative;
	min-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px clamp(24px, 3vw, 48px);
}

.zoowai-exploded-image-wrap img {
	display: block;
	width: min(100%, 720px);
	height: auto;
	max-height: none;
	object-fit: contain;
	filter: drop-shadow(0 18px 30px rgba(28, 62, 92, 0.12));
	user-select: none;
	pointer-events: none;
}

.zoowai-hotspot {
	position: absolute;
	left: var(--hotspot-x);
	top: var(--hotspot-y);
	z-index: 3;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(23, 101, 154, 0.32);
	background: rgba(255, 255, 255, 0.74);
	box-shadow:
		0 10px 22px rgba(26, 96, 148, 0.16),
		0 0 0 5px rgba(85, 190, 245, 0.07);
	color: #08375e;
	font-size: 13px;
	font-weight: 880;
	transform: translate(-50%, -50%);
	cursor: pointer;
	isolation: isolate;
	transition:
		transform 180ms ease,
		background 180ms ease,
		box-shadow 180ms ease,
		color 180ms ease;
}

.zoowai-hotspot span {
	position: relative;
	z-index: 2;
}

.zoowai-hotspot.is-priority {
	border-color: rgba(194, 132, 44, 0.42);
	box-shadow:
		0 12px 26px rgba(142, 92, 26, 0.16),
		0 0 0 5px rgba(222, 167, 74, 0.09);
}

.zoowai-hotspot:hover,
.zoowai-hotspot:focus-visible,
.zoowai-hotspot.is-hotspot-active {
	background: rgba(8, 96, 154, 0.94);
	box-shadow:
		0 16px 32px rgba(14, 102, 168, 0.28),
		0 0 0 7px rgba(76, 188, 245, 0.14),
		0 0 34px rgba(90, 200, 255, 0.34);
	color: #ffffff;
	transform: translate(-50%, -50%) scale(1.04);
}

.zoowai-hotspot-copy {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 6px 14px;
	align-items: center;
	min-height: 96px;
	padding: 15px 16px;
	border: 1px solid rgba(86, 163, 213, 0.28);
	background: rgba(255, 255, 255, 0.78);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

.zoowai-hotspot-copy span {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	background: #07243d;
	color: #ffffff;
	font-size: 20px;
	font-weight: 900;
}

.zoowai-hotspot-copy h3 {
	margin: 0;
	color: #071f38;
	font-size: 19px;
	line-height: 1.16;
	font-weight: 880;
}

.zoowai-hotspot-copy p {
	margin: 0;
	color: rgba(10, 46, 78, 0.7);
	font-size: 14px;
	line-height: 1.48;
}

.zoowai-interaction-deck.is-exploded .zoowai-deck-stage {
	grid-template-columns: minmax(220px, 0.62fr) minmax(0, 1.38fr);
	grid-template-areas: "product exploded";
	align-items: center;
}

.zoowai-interaction-deck.is-exploded .zoowai-deck-copy-card {
	display: none;
}

.zoowai-interaction-deck.is-exploded .zoowai-deck-product {
	width: min(100%, 520px);
	z-index: 4;
}

.zoowai-interaction-deck.is-exploded .zoowai-deck-product-tip {
	opacity: 0;
	transform: translateX(-50%) translateY(8px);
}

.zoowai-interaction-deck.is-exploded .zoowai-exploded-panel {
	display: block;
	justify-self: stretch;
	align-self: stretch;
	opacity: 1;
	pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
	.zoowai-deck-product,
	.zoowai-deck-copy-card,
	.zoowai-exploded-panel,
	.zoowai-hotspot {
		transition-duration: 1ms;
	}

	.zoowai-deck-stage {
		perspective: none;
		cursor: default;
	}

	.zoowai-deck-product {
		transform: none;
	}

	.zoowai-deck-product img,
	.zoowai-deck-product-halo {
		transform: none;
	}
}

@media (min-width: 1280px) {
	.zoowai-deck-stage {
		grid-template-columns: minmax(260px, 0.72fr) minmax(440px, 1.22fr) minmax(260px, 0.72fr);
		grid-template-areas: "vision product wear";
		min-height: clamp(620px, 64svh, 820px);
	}

	.zoowai-deck-product {
		width: min(100%, 720px);
	}

	.zoowai-deck-copy-card {
		width: 100%;
	}

	.zoowai-deck-card-wear {
		justify-self: start;
	}

	.zoowai-interaction-deck.is-exploded .zoowai-deck-stage {
		grid-template-columns: minmax(260px, 0.56fr) minmax(0, 1.44fr);
		grid-template-areas: "product exploded";
		min-height: 0;
	}
}

@media (min-width: 768px) and (max-width: 1279px) {
	.zoowai-deck-stage {
		grid-template-columns: minmax(0, 0.78fr) minmax(360px, 1.22fr);
		grid-template-areas:
			"vision product"
			"wear product";
		gap: 24px;
		min-height: 0;
	}

	.zoowai-deck-copy-card {
		width: 100%;
		padding: 19px 22px;
	}

	.zoowai-deck-copy-card h2 {
		font-size: 24px;
		line-height: 1.14;
	}

	.zoowai-interaction-deck.is-exploded .zoowai-deck-stage {
		grid-template-columns: 1fr;
		grid-template-areas:
			"product"
			"exploded";
		align-items: start;
	}

	.zoowai-interaction-deck.is-exploded .zoowai-deck-product {
		width: min(100%, 520px);
	}

	.zoowai-exploded-image-wrap {
		padding-inline: 28px;
	}
}

@media (max-width: 767px) {
	.zoowai-interaction-deck {
		padding: 72px 18px 84px;
	}

	.zoowai-deck-stage,
	.zoowai-interaction-deck.is-exploded .zoowai-deck-stage {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"vision"
			"product"
			"wear"
			"exploded";
		gap: 18px;
		min-height: 0;
		perspective: none;
		transform-style: flat;
		cursor: default;
	}

	.zoowai-deck-product,
	.zoowai-interaction-deck.is-exploded .zoowai-deck-product {
		width: min(100%, 520px);
		transform: none;
	}

	.zoowai-deck-copy-card {
		width: min(100%, 560px);
		margin-inline: auto;
		padding: 18px 22px;
	}

	.zoowai-deck-copy-card h2,
	.zoowai-exploded-heading h2 {
		font-size: 22px;
		line-height: 1.14;
	}

	.zoowai-interaction-deck.is-exploded .zoowai-deck-copy-card {
		display: block;
	}

	.zoowai-exploded-panel {
		width: 100%;
	}

	.zoowai-exploded-shell {
		min-height: auto;
	}

	.zoowai-exploded-heading {
		align-items: flex-start;
		flex-direction: column;
	}

	.zoowai-exploded-image-wrap {
		padding: 0 clamp(46px, 16vw, 72px);
	}

	.zoowai-exploded-image-wrap img {
		max-height: none;
	}

	.zoowai-hotspot {
		width: 30px;
		height: 30px;
		font-size: 11px;
	}

	.zoowai-hotspot-copy {
		grid-template-columns: 1fr;
	}

	.zoowai-hotspot-copy span {
		grid-row: auto;
	}
}

@media (max-width: 1180px) {
	.zoowai-model-stage {
		padding: 110px 28px 130px;
	}

	.zoowai-model-stage-inner {
		grid-template-columns: 1fr;
		max-width: min(100%, 980px);
	}

	.zoowai-model-glass-frame,
	.zoowai-model-viewer {
		min-height: 500px;
	}

	.zoowai-model-copy h2 {
		font-size: 40px;
	}

	.zoowai-model-feature::before {
		display: none;
	}
}

@keyframes zoowai-seed-orbit {
	from {
		transform: rotate(0deg) scaleX(1.36);
	}
	to {
		transform: rotate(360deg) scaleX(1.36);
	}
}

@keyframes zoowai-branch-pulse {
	0% {
		opacity: 0.48;
		transform: translateX(-18%) scaleX(0.82);
	}
	45% {
		opacity: 0.92;
		transform: translateX(0) scaleX(1);
	}
	100% {
		opacity: 0.56;
		transform: translateX(22%) scaleX(1.08);
	}
}

@keyframes zoowai-model-border-flow {
	from {
		transform: rotate(0deg) scale(1);
	}
	to {
		transform: rotate(360deg) scale(1);
	}
}

@media (min-width: 2200px) and (min-height: 850px) {
	.zoowai-worldtree-hero {
		min-height: 100svh;
		padding: clamp(116px, 9vh, 136px) clamp(60px, 5vw, 120px) clamp(56px, 5vh, 76px);
	}

	.zoowai-worldtree-shell {
		grid-template-columns: minmax(460px, 0.74fr) minmax(940px, 1.26fr);
		grid-template-rows: auto;
		column-gap: clamp(72px, 5vw, 128px);
		row-gap: clamp(24px, 2vh, 32px);
		max-width: min(2180px, calc(100vw - 120px));
		min-height: calc(100svh - 212px);
	}

	.zoowai-worldtree-copy {
		grid-column: 1;
		grid-row: 1;
		align-self: start;
		width: min(620px, 100%);
		margin-top: clamp(30px, 4vh, 64px);
	}

	.zoowai-spatial-field {
		display: contents;
		min-height: 0;
	}

	.zoowai-advisor-core-wrap,
	.zoowai-worldtree-hero.has-advisor-result .zoowai-advisor-core-wrap {
		grid-column: 2;
		grid-row: 1;
		align-self: start;
		left: auto;
		top: auto;
		width: min(760px, 100%);
		margin-left: 0;
	}

	.zoowai-advisor-result {
		display: block;
	}

	.zoowai-advisor-capsule {
		padding: 18px;
	}

	.zoowai-advisor-input textarea {
		min-height: 66px;
	}

	.zoowai-result-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.zoowai-result-grid div {
		min-height: 92px;
	}

	.zoowai-recommendation-row {
		position: absolute;
		inset: 0;
		display: block;
		width: auto;
		margin: 0;
	}

	.zoowai-branch-inner {
		grid-template-columns: minmax(560px, 0.45fr) minmax(1040px, 1fr);
		align-items: stretch;
		gap: 0;
		min-height: 0;
		max-width: min(2180px, calc(100vw - 120px));
	}

	.zoowai-branch-copy {
		display: flex;
		align-self: stretch;
		flex-direction: column;
		justify-content: center;
		max-width: none;
		padding: clamp(48px, 4vw, 88px);
		background: linear-gradient(90deg, rgba(249, 253, 255, 0.92) 0%, rgba(244, 251, 255, 0.82) 54%, rgba(239, 249, 255, 0.52) 74%, rgba(239, 249, 255, 0) 100%);
	}

	.zoowai-branch-copy::before {
		width: min(360px, 100%);
	}

	.zoowai-branch-copy h2 {
		font-size: clamp(58px, 4.35vw, 86px);
	}

	.zoowai-branch-showcase {
		width: 100%;
		max-width: none;
		align-self: stretch;
		justify-self: stretch;
	}

	.zoowai-product-node {
		position: absolute;
		grid-template-columns: 112px minmax(0, 1fr);
		width: min(480px, 22%);
		gap: 16px;
		min-height: 168px;
		padding: 16px;
		border-radius: 34px;
	}

	.zoowai-product-node-glasses {
		left: 17%;
		bottom: 18%;
	}

	.zoowai-product-node-toy {
		left: 44%;
		top: var(--zoowai-toy-top, 50%);
		width: min(440px, 20%);
	}

	.zoowai-product-node-edu {
		right: 6%;
		bottom: 18%;
	}

	.zoowai-product-node-visual {
		width: 112px;
		height: 112px;
		border-radius: 28px;
	}

	.zoowai-product-node-copy {
		gap: 8px;
	}

	.zoowai-product-node-copy strong {
		font-size: 24px;
	}

	.zoowai-product-node-copy small {
		font-size: 14px;
		line-height: 1.5;
	}

	.zoowai-product-node-copy em {
		font-size: 13px;
	}
}

@media (max-width: 1180px) {
	.zoowai-worldtree-hero {
		padding-inline: 18px;
	}

	.zoowai-worldtree-branch {
		padding-inline: 24px;
	}

	.zoowai-branch-inner {
		grid-template-columns: minmax(250px, 0.38fr) minmax(620px, 1fr);
		gap: 22px;
		max-width: 100%;
		min-height: calc(100svh - 160px);
	}

	.zoowai-branch-showcase {
		width: 100%;
		max-width: min(700px, 66vw);
	}

	.zoowai-branch-copy {
		max-width: 370px;
	}

	.zoowai-branch-copy h2 {
		font-size: clamp(44px, 5.6vw, 64px);
	}

	.zoowai-branch-copy p:not(.zoowai-branch-kicker) {
		font-size: 15px;
		line-height: 1.6;
	}

	.zoowai-worldtree-copy {
		left: clamp(28px, 4vw, 44px);
		top: clamp(112px, 14vh, 144px);
		width: min(340px, 34vw);
	}

	.zoowai-worldtree-copy h1 {
		font-size: clamp(40px, 4.6vw, 58px);
		line-height: 0.98;
	}

	.zoowai-worldtree-lede {
		width: min(300px, 100%);
		margin-top: 14px;
		font-size: 14px;
		line-height: 1.56;
	}

	.zoowai-advisor-core-wrap {
		left: auto;
		right: auto;
		top: auto;
		width: min(620px, 100%);
	}

	.zoowai-product-node {
		grid-template-columns: 82px 1fr;
		min-height: 124px;
		padding: 13px;
	}

	.zoowai-product-node-visual {
		width: 82px;
		height: 82px;
	}

	.zoowai-product-node-copy strong {
		font-size: 18px;
	}

	.zoowai-worldtree-hero.has-advisor-result .zoowai-product-node {
		width: min(300px, 29vw);
	}
}

@media (max-width: 900px) {
	.zoowai-worldtree-hero {
		min-height: auto;
		padding-top: 110px;
		overflow: hidden;
	}

	.zoowai-worldtree-branch {
		padding: 84px 18px 120px;
	}

	.zoowai-branch-inner {
		grid-template-columns: 1fr;
		gap: 30px;
		max-width: min(100%, 720px);
		min-height: auto;
	}

	.zoowai-branch-showcase {
		max-width: min(100%, 680px);
		justify-self: center;
	}

	.zoowai-worldtree-art {
		background-position: 43% top;
	}

	.zoowai-worldtree-copy,
	.zoowai-advisor-core-wrap,
	.zoowai-product-node {
		position: relative;
		left: auto;
		top: auto;
		width: min(100%, 680px);
		margin-inline: auto;
		transform: none !important;
		opacity: 1;
	}

	.zoowai-worldtree-copy {
		margin-bottom: 22px;
	}

	.zoowai-advisor-core-wrap {
		margin-bottom: 18px;
	}

	.zoowai-recommendation-row {
		display: grid;
		gap: 14px;
	}

	.zoowai-product-node {
		display: grid;
		width: min(100%, 620px);
		min-height: 128px;
	}

	.zoowai-product-node::before,
	.zoowai-advisor-core-wrap::before,
	.zoowai-core-ring {
		display: none;
	}
}

@media (max-width: 640px) {
	.zoowai-worldtree-copy h1 {
		font-size: 40px;
	}

	.zoowai-worldtree-lede {
		font-size: 14px;
	}

	.zoowai-advisor-capsule {
		border-radius: 26px;
		padding: 16px;
	}

	.zoowai-result-grid,
	.zoowai-worldtree-hero.has-advisor-result .zoowai-result-grid {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 1280px) {
	.zoowai-worldtree-hero {
		min-height: clamp(800px, 94svh, 1040px);
	}

	.zoowai-product-node-visual {
		will-change: transform, filter;
	}
}

/* This follows the generic desktop rule so the 4K constellation has the full viewport canvas. */
@media (min-width: 2200px) and (min-height: 850px) {
	.zoowai-worldtree-hero {
		min-height: 100svh;
	}
}

@media (min-width: 768px) and (max-width: 1279px) {
	.zoowai-worldtree-hero,
	.zoowai-worldtree-branch,
	.zoowai-model-stage {
		min-height: auto;
		margin-top: 0;
		padding-inline: clamp(24px, 4vw, 44px);
	}

	.zoowai-worldtree-hero {
		padding-top: 118px;
		padding-bottom: 82px;
	}

	.zoowai-worldtree-shell,
	.zoowai-branch-inner,
	.zoowai-model-stage-inner {
		grid-template-columns: 1fr;
		max-width: min(100%, 860px);
		min-height: 0;
	}

	.zoowai-worldtree-copy,
	.zoowai-advisor-core-wrap,
	.zoowai-product-node {
		position: relative;
		left: auto;
		top: auto;
		width: min(100%, 760px);
		margin-inline: auto;
		transform: none;
		opacity: 1;
	}

	.zoowai-spatial-field {
		min-height: 0;
	}

	.zoowai-recommendation-row {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
		margin-top: 24px;
	}

	.zoowai-product-node {
		min-height: 136px;
	}

	.zoowai-product-node-edu {
		grid-column: span 2;
	}

	.zoowai-worldtree-branch,
	.zoowai-model-stage {
		padding-top: 82px;
		padding-bottom: 96px;
	}

	.zoowai-branch-showcase {
		max-width: min(100%, 760px);
	}

	.zoowai-model-glass-frame,
	.zoowai-model-viewer {
		min-height: clamp(420px, 58vw, 560px);
	}
}

@media (min-width: 900px) and (max-width: 1279px) {
	.zoowai-worldtree-hero {
		min-height: 0;
		padding-top: 112px;
		padding-bottom: 58px;
	}

	.zoowai-worldtree-shell {
		grid-template-columns: minmax(260px, 0.68fr) minmax(440px, 1.32fr);
		align-items: start;
		gap: clamp(24px, 3.5vw, 44px);
		max-width: min(1180px, 100%);
	}

	.zoowai-worldtree-copy {
		width: 100%;
		margin: 0;
	}

	.zoowai-spatial-field {
		display: contents;
		min-width: 0;
	}

	.zoowai-advisor-core-wrap,
	.zoowai-worldtree-hero.has-advisor-result .zoowai-advisor-core-wrap {
		grid-column: 2;
		grid-row: 1;
		align-self: start;
		left: auto;
		top: auto;
		width: 100%;
		margin-left: auto;
	}

	.zoowai-recommendation-row {
		display: grid;
		grid-column: 1 / -1;
		grid-row: 2;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: none;
		gap: 14px;
		margin-top: 20px;
	}

	/* Laptop keeps the product entrances together as one complete, readable band. */
	.zoowai-product-node {
		position: relative;
		left: auto;
		top: auto;
		z-index: 1;
		width: 100%;
		min-height: 150px;
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 10px;
		padding: 12px;
		margin: 0;
		opacity: 1;
	}

	.zoowai-worldtree-hero.has-advisor-result .zoowai-product-node {
		width: 100%;
	}

	.zoowai-product-node-glasses {
		grid-column: auto;
		grid-row: auto;
		align-self: stretch;
		min-height: 150px;
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.zoowai-product-node-visual {
		width: 72px;
		height: 72px;
	}

	.zoowai-product-node-toy {
		grid-column: auto;
		grid-row: auto;
	}

	.zoowai-product-node-edu {
		grid-column: auto;
		grid-row: auto;
	}

	.zoowai-worldtree-branch {
		padding-top: 112px;
		padding-bottom: 92px;
		padding-inline: 24px;
	}

	.zoowai-branch-inner {
		grid-template-columns: 280px minmax(0, 1fr);
		align-items: center;
		gap: clamp(22px, 2.4vw, 28px);
		max-width: min(1080px, 100%);
		min-height: clamp(500px, calc(100svh - 208px), 620px);
	}

	.zoowai-branch-showcase {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		justify-self: stretch;
	}

	.zoowai-branch-copy {
		max-width: 280px;
		padding: 20px 20px 22px;
		background: linear-gradient(90deg, rgba(249, 253, 255, 0.92) 0%, rgba(244, 251, 255, 0.82) 54%, rgba(239, 249, 255, 0.52) 74%, rgba(239, 249, 255, 0) 100%);
	}

	.zoowai-branch-copy h2 {
		font-size: clamp(42px, 4.25vw, 50px);
	}
}

@media (min-width: 1280px) and (max-width: 1535px) {
	.zoowai-model-showcase {
		min-width: 0;
	}

	.zoowai-model-glass-frame {
		width: 100%;
		min-height: 0;
	}

	.zoowai-model-viewer {
		min-height: 0;
	}
}

/* Laptop L scales the approved 4K glasses stage instead of falling back to the compact desktop treatment. */
@media (min-width: 1280px) and (max-width: 2199px) and (min-height: 850px) {
	.zoowai-branch-inner {
		grid-template-columns: minmax(360px, 0.45fr) minmax(640px, 1fr);
		align-items: stretch;
		gap: 0;
		min-height: 0;
		max-width: min(1368px, calc(100vw - 72px));
	}

	.zoowai-branch-copy {
		display: flex;
		align-self: stretch;
		flex-direction: column;
		justify-content: center;
		max-width: none;
		padding: clamp(30px, 3.2vw, 52px);
		background: linear-gradient(90deg, rgba(249, 253, 255, 0.92) 0%, rgba(244, 251, 255, 0.82) 54%, rgba(239, 249, 255, 0.52) 74%, rgba(239, 249, 255, 0) 100%);
	}

	.zoowai-branch-copy::before {
		width: min(300px, 100%);
	}

	.zoowai-branch-copy h2 {
		font-size: clamp(48px, 5.1vw, 68px);
	}

	.zoowai-branch-showcase {
		width: 100%;
		max-width: none;
		align-self: stretch;
		justify-self: stretch;
	}
}

@media (max-width: 767px) {
	.zoowai-worldtree-hero,
	.zoowai-worldtree-branch,
	.zoowai-model-stage {
		min-height: auto;
		margin-top: 0;
		padding: 106px 18px 72px;
		overflow: hidden;
	}

	.zoowai-worldtree-shell,
	.zoowai-branch-inner,
	.zoowai-model-stage-inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
		max-width: min(100%, 680px);
		min-height: 0;
	}

	.zoowai-worldtree-copy,
	.zoowai-advisor-core-wrap,
	.zoowai-product-node {
		position: relative;
		left: auto;
		top: auto;
		width: min(100%, 620px);
		margin-inline: auto;
		transform: none;
		opacity: 1;
	}

	.zoowai-spatial-field {
		min-height: 0;
	}

	.zoowai-recommendation-row {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
		margin-top: 18px;
	}

	.zoowai-product-node-edu {
		grid-column: auto;
	}

	.zoowai-worldtree-copy h1,
	.zoowai-branch-copy h2,
	.zoowai-model-copy h2 {
		font-size: clamp(32px, 10vw, 44px);
	}

	.zoowai-worldtree-lede {
		font-size: 14px;
	}

	.zoowai-model-glass-frame,
	.zoowai-model-viewer {
		min-height: clamp(320px, 88vw, 480px);
	}

	.zoowai-model-frame-caption {
		left: 16px;
		right: 16px;
		bottom: 16px;
	}
}