body::-webkit-scrollbar {
	display: none;
}

body {
	scrollbar-width: none;
	-ms-overflow-style: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

/* H5 新页面时 body 需要可滚动 */
@media screen and (max-width: 899px) {
	body {
		overflow-y: auto;
		height: auto;
	}
}

@media screen and (min-width: 900px) {
	html {
		font-size: calc(100vw / 9.6);
	}
}

@media screen and (max-width: 899px) {
	html {
		font-size: 93.75px;
	}
}

.header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header img {
	object-fit: cover;
}

.header .links img {
	width: 15vh;
}

.header .links {
	display: flex;
	gap: 2vh;
	flex-shrink: 1;
	min-width: 0;
}

.pc-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.pc-bg picture,
.pc-bg img {
	display: block;
	width: 100%;
	height: 100%;
}

.pc-bg img {
	object-fit: cover;
	object-position: center;
}

/* H5 专属元素默认隐藏，移动端媒体查询中打开 */
.h5-only {
	display: none;
}

.pc-page {
	display: block;
	position: relative;
	height: 100%;
	overflow: hidden;
}

.pc-layout {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1792px;
	transform: translate(-50%, -50%) scale(var(--pc-layout-scale, 1));
	transform-origin: center;
	will-change: transform;
}

.pc-page .left {
	max-width: 989px;
	width: 100%;
}

.pc-page .left .pc-title {
	width: 100%;
	height: auto;
}

.pc-title-qr {
	display: flex;
	align-items: center;
	gap: 30px;
}

.pc-title-qr-code {
	width: 160px;
	height: 160px;
	min-width: 160px;
	min-height: 160px;
	padding: 8px;
	background: #fff;
	border-radius: 12px;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pc-title-qr-code canvas,
.pc-title-qr-code img,
.pc-title-qr-code table {
	width: 100% !important;
	height: 100% !important;
	display: block;
}

.pc-title-qr .right {
	margin: 0;
	color: rgba(255, 255, 255, 0.85);
	font-size: 14px;
	letter-spacing: 0.05em;
}

.pc-title-qr-tip {
	color: #ffffff;
	font-family: JiangChengXieHei;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 36px;
	font-style: italic;
}
.pc-title-qr-tip-title {
	color: #faff5c;
	font-style: italic;
}
.pc-title-qr-tip-install {
	color: #ffffff;
	font-family: 'PingFang SC';
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	margin-top: 17px;
	width: 530px;
}

main .right {
	max-width: 803px;
	width: 100%;
}

main .swiper-container {
	width: 804px;
	height: 593px;
}

main .tags {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-top: 20px;
}

main .tags .tag {
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	background: linear-gradient(180deg, #38b9ff 0%, #005eff 100%);
	backdrop-filter: blur(0px);
	font-size: 24px;
	color: #fff;
	font-family: 'PingFang SC';
	font-weight: 500;
	width: 130px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

main .swiper-container .swiper-slide {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 15vh 10vh;
}

main .swiper-container .swiper-slide .slide-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
}

main .swiper-container .swiper-slide .slide-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

main .swiper-container .swiper-slide .title {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

main .swiper-container .swiper-slide .title img {
	width: 80%;
	max-width: min(80vw, 900px);
	height: auto;
}

main .swiper-container .swiper-slide .title .tips {
	width: 60%;
	margin-top: 1vh;
	margin-left: 6vh;
}
main .swiper-container .swiper-slide .title .download {
	width: 30%;
	margin-top: 6vh;
	margin-left: 5vh;
}

main .swiper-container .swiper-slide .qrcode-section {
	display: flex;
	flex-direction: column;
	align-items: center;
}

main .swiper-container .swiper-slide .qrcode-section .qrcode {
	background-color: white;
	padding: 3px;
	border-radius: 2px;
	display: none;
}

/* PC：主文案在左、手机壳 mockup 固定右下，避免大图按百分比撑满屏宽 */
@media screen and (min-width: 900px) {
	.header {
		height: 150px;
		box-sizing: border-box;
		padding-right: 30px;
		padding-left: 40px;
	}

	.header .links {
		gap: 20px;
	}

	.header .links img {
		width: 203px;
		height: autp;
		object-fit: cover;
	}

	.header .logo img {
		width: auto;
		height: 90px;
		object-fit: cover;
	}

	main .swiper-container .swiper-slide {
		align-items: stretch;
		justify-content: flex-start;
		padding: 0;
	}

	main .swiper-container .swiper-slide .title {
		position: absolute;
		left: clamp(56px, 4.6vw, 88px);
		top: clamp(138px, 19.1vh, 206px);
		width: min(1155px, 60.2vw);
		align-items: flex-start;
		margin-right: 0;
	}

	/* 仅主标题图（首张），不含 tips / download */
	main .swiper-container .swiper-slide .title > img:first-of-type {
		width: min(1155px, 60.2vw);
		max-width: none;
		height: auto;
	}

	main .swiper-container .swiper-slide .title .tips {
		width: min(684px, 35.6vw);
		max-width: none;
		margin-top: clamp(18px, 2vh, 26px);
		margin-left: 0;
	}

	main .swiper-container .swiper-slide .title .download {
		width: min(348px, 18.1vw);
		max-width: none;
		margin-top: clamp(52px, 7.6vh, 82px);
		margin-left: clamp(42px, 5.3vw, 101px);
		cursor: pointer;
		pointer-events: auto !important;
		position: relative;
		z-index: 8;
	}

	main .swiper-container .swiper-slide .qrcode-section {
		position: absolute;
		right: clamp(84px, 8.8vw, 168px);
		top: clamp(106px, 14.5vh, 157px);
		z-index: 3;
		width: auto;
		pointer-events: none;
	}

	main .swiper-container .swiper-slide .qrcode-section .qr-tips img {
		width: min(409px, 21.3vw);
		max-width: none;
		height: auto;
	}

}

/* ===== 熊窝新版桌面落地页（Figma 1440 × 900） ===== */
@media screen and (min-width: 900px) {
	body {
		background: #050806;
	}

	.pc-page {
		position: relative;
		width: 100%;
		height: 100%;
		min-height: 100vh;
		overflow: hidden;
		background: radial-gradient(ellipse at 70.7% 42%, #143d2a 0%, #011d10 42%, #050806 100%);
	}

	.pc-stage {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 1440px;
		height: 900px;
		overflow: hidden;
		transform: translate(-50%, -50%) scale(var(--pc-layout-scale, 1));
		transform-origin: center;
		will-change: transform;
	}

	.pc-hero-group {
		display: contents;
	}

	.pc-left-art-anchor {
		position: absolute;
		left: 0;
		top: 50%;
		z-index: 1;
		width: 220px;
		height: 260.5px;
		transform: scale(var(--pc-layout-scale, 1));
		transform-origin: left top;
		pointer-events: none;
	}

	.pc-art {
		position: absolute;
		display: block;
		max-width: none;
		pointer-events: none;
		user-select: none;
	}

	.pc-art-left {
		left: -104px;
		top: 47px;
		z-index: 1;
		width: 220px;
		height: 213.5px;
	}

	.pc-hero-ring,
	.pc-hero-shape {
		z-index: 2;
	}

	.pc-hero-ring-lg {
		left: 574px;
		top: 83.9px;
		width: 806.5px;
		height: 605.5px;
	}

	.pc-hero-ring-md {
		left: 587px;
		top: 102.9px;
		width: 780.5px;
		height: 584.5px;
	}

	.pc-hero-ring-solid {
		left: 599px;
		top: 119.9px;
		width: 756.5px;
		height: 564.5px;
	}

	.pc-hero-shape {
		left: 613px;
		top: 137px;
		width: 728px;
		height: 542px;
	}

	.pc-hero-accent {
		left: 784.5px;
		top: 437px;
		z-index: 5;
		width: 75.5px;
		height: 70px;
	}

	.pc-hero-people {
		left: 557px;
		top: -43px;
		z-index: 10;
		width: 837px;
		height: 750.5px;
	}

	.pc-header {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		z-index: 100;
		width: auto;
		height: 88px;
		box-sizing: border-box;
		transform: none;
	}

	.pc-logo {
		position: absolute;
		left: 40px;
		top: 24px;
		width: 101px;
		height: 40px;
		object-fit: contain;
	}

	.pc-nav {
		position: absolute;
		right: 40px;
		top: 35.5px;
		display: flex;
		align-items: center;
		gap: 40px;
	}

	.pc-nav a {
		display: flex;
		align-items: center;
		gap: 8px;
		color: rgba(246, 242, 233, 0.7);
		font-size: 14px;
		line-height: 17px;
		white-space: nowrap;
		transition: color 160ms ease;
	}

	.pc-nav a:hover,
	.pc-nav a:focus-visible {
		color: #f6f2e9;
	}

	.pc-nav-icon {
		width: 14px;
		height: 14px;
		object-fit: contain;
		flex: 0 0 auto;
		opacity: 0.7;
		transition: opacity 160ms ease;
	}

	.pc-nav a:hover .pc-nav-icon,
	.pc-nav a:focus-visible .pc-nav-icon {
		opacity: 1;
	}

	.pc-copy {
		position: absolute;
		left: 100px;
		top: 214px;
		z-index: 30;
		width: 432px;
		height: 372px;
	}

	.pc-heading {
		position: relative;
		z-index: 2;
		display: flex;
		flex-direction: column;
		color: #f6f2e9;
		font-size: 68px;
		font-weight: 500;
		line-height: 82px;
		letter-spacing: 0;
		white-space: nowrap;
	}

	.pc-heading > span + span {
		margin-top: 4px;
	}

	.pc-heading-gold {
		position: relative;
		top: -4px;
		margin-left: 2px;
		color: #da9b00;
		font-weight: 600;
	}

	.pc-title-underline {
		position: absolute;
		left: 73px;
		top: 72px;
		z-index: 3;
		width: 125px;
		height: 14px;
	}

	.pc-description {
		position: absolute;
		left: 0;
		top: 184px;
		width: 408px;
		color: rgba(246, 242, 233, 0.72);
		font-size: 24px;
		font-weight: 300;
		line-height: 36px;
	}

	.pc-download-wrap {
		position: absolute;
		left: 0;
		top: 312px;
		z-index: 50;
		width: 220px;
		height: 60px;
	}

	.pc-download-button {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: 220px;
		height: 60px;
		border: 0;
		border-radius: 999px;
		background: #da9b00;
		color: #fff;
		font-family: inherit;
		font-size: 20px;
		font-weight: 500;
		line-height: 24px;
		cursor: pointer;
		box-shadow: none;
		transition: filter 160ms ease, transform 160ms ease;
	}

	.pc-download-button:hover,
	.pc-download-button:focus-visible {
		filter: brightness(1.06);
	}

	.pc-download-button:active {
		transform: translateY(1px);
	}

	.pc-download-icon {
		width: 24px;
		height: 24px;
		object-fit: contain;
		flex: 0 0 auto;
	}

	.pc-download-popover {
		position: absolute;
		left: -22px;
		bottom: calc(100% + 27px);
		width: 264px;
		height: 374px;
		padding: 32px 32px 20px;
		border-radius: 32px;
		background: #f6f2e9;
		color: #011d10;
		text-align: center;
		opacity: 0;
		visibility: hidden;
		transform: translateY(8px);
		transform-origin: center bottom;
		transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
		pointer-events: none;
	}

	.pc-download-popover::after {
		content: '';
		position: absolute;
		left: 100px;
		top: 353px;
		width: 64px;
		height: 32px;
		border-radius: 2px;
		background: #f6f2e9;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}

	.pc-download-wrap:hover .pc-download-popover,
	.pc-download-wrap:focus-within .pc-download-popover {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	.pc-download-popover-qr {
		position: relative;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 200px;
		height: 200px;
		padding: 20px;
		border: 2px solid #da9b00;
		border-radius: 20px;
		background: #fffbee;
		overflow: hidden;
	}

	.pc-download-popover-qr canvas,
	.pc-download-popover-qr img,
	.pc-download-popover-qr table {
		display: block;
		width: 100% !important;
		height: 100% !important;
	}

	.pc-download-popover-copy {
		position: relative;
		z-index: 2;
		margin-top: 12px;
		width: 200px;
	}

	.pc-download-popover-copy strong {
		display: block;
		font-size: 18px;
		font-weight: 400;
		line-height: 22px;
		white-space: nowrap;
	}

	.pc-download-popover-copy p {
		margin-top: 8px;
		color: rgba(1, 29, 16, 0.4);
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
	}

	.pc-features {
		position: fixed;
		left: 50%;
		top: auto;
		bottom: 40px;
		z-index: 90;
		display: grid;
		grid-template-columns: repeat(4, 178px);
		justify-content: space-between;
		width: 1240px;
		height: 108px;
		padding: 32px 22.5px 0;
		border-top: 1px solid rgba(246, 242, 233, 0.06);
		background-image:
			linear-gradient(rgba(246, 242, 233, 0.06), rgba(246, 242, 233, 0.06)),
			linear-gradient(rgba(246, 242, 233, 0.06), rgba(246, 242, 233, 0.06)),
			linear-gradient(rgba(246, 242, 233, 0.06), rgba(246, 242, 233, 0.06));
		background-repeat: no-repeat;
		background-position: 280.5px 32px, 619.5px 32px, 958.5px 32px;
		background-size: 1px 44px;
		transform: translateX(-50%) scale(var(--pc-layout-scale, 1));
		transform-origin: bottom center;
	}

	.pc-feature {
		position: relative;
		display: flex;
		align-items: center;
		gap: 12px;
		width: 178px;
		height: 42px;
	}

	.pc-feature > img {
		width: 40px;
		height: 40px;
		object-fit: contain;
	}

	.pc-feature > div {
		display: flex;
		flex-direction: column;
		gap: 6px;
		width: 126px;
	}

	.pc-feature strong,
	.pc-feature span {
		display: block;
		white-space: nowrap;
	}

	.pc-feature strong {
		color: #f6f2e9;
		font-size: 16px;
		font-weight: 500;
		line-height: 19px;
	}

	.pc-feature span {
		color: rgba(246, 242, 233, 0.4);
		font-size: 14px;
		font-weight: 400;
		line-height: 17px;
	}
}

/* ===== H5 新页面：仅在 < 900px 显示 ===== */
.h5-page {
	display: none;
}

@media screen and (max-width: 899px) {
	.header {
		height: 86px;
		box-sizing: border-box;
		padding-right: 11px;
		padding-left: 12px;
	}

	.header .links {
		gap: 7px;
	}

	.header .links img {
		width: 84px;
		height: 24px;
		object-fit: cover;
	}
	.header .logo img {
		width: auto;
		height: 40px;
		object-fit: cover;
	}
	.pc-only {
		display: none !important;
	}
	.h5-only {
		display: revert;
	}
	.header.h5-only {
		display: flex;
	}
	.h5-footer.h5-only {
		display: flex;
	}
	.h5-page {
		display: block;
		position: relative;
		min-height: 100vh;
		background: #fff;
		overflow-x: hidden;
		padding-top: 86px;
		padding-bottom: 120px;
	}
}

.h5-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.h5-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.h5-body {
	position: relative;
	z-index: 1;
	padding-top: 8px;
}
.h5-dl-bar {
	position: relative;
	margin: 0 12px;
	height: auto;
	width: calc(100% - 24px);
	border-radius: 4px;
	cursor: pointer;
}
.h5-dl-bg-img {
	width: 100%;
	height: auto;
}
.h5-tabs {
	position: sticky;
	top: 0;
	z-index: 50;
	margin: 0 8px;
	height: 47px;
	display: flex;
	align-items: center;
	background: rgba(151, 193, 239, 0.8);
	backdrop-filter: blur(4px);
	border-radius: 4px;
	overflow: hidden;
}
.h5-tab-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% / 3);
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 0;
}
.h5-tab-slider-pill {
	width: 79px;
	height: 24px;
	border-radius: 6px;
	background: #273dff;
}
.h5-tab {
	flex: 1;
	height: 100%;
	border: none;
	background: transparent;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	-webkit-tap-highlight-color: transparent;
}
.h5-tab-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 79px;
	height: 24px;
	border-radius: 6px;
	font-family: 'PingFang SC', sans-serif;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.2em;
	color: #4144ff;
	background: transparent;
	transition: color 0.25s;
}
.h5-tab.is-active .h5-tab-inner {
	color: #fff;
}

.h5-panels {
	overflow: hidden;
	width: 100%;
}
.h5-panels-track {
	display: flex;
	width: 300%;
	will-change: transform;
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.h5-panel {
	display: flex;
	width: calc(100% / 3);
	flex-shrink: 0;
	padding: 0 9px;
	box-sizing: border-box;
}

.h5-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 8px;
	padding: 0 7px;
	justify-content: space-between;
	background-color: #fff;
}
.h5-card-thumb {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
}

.h5-sidebar {
	position: fixed;
	right: 0;
	top: calc(168px + env(safe-area-inset-top, 0px));
	width: 42px;
	min-height: 160px;
	background: rgba(17, 17, 17, 0.87);
	border-radius: 21px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 22px 4.5px;
	box-sizing: border-box;
	z-index: 100;
	border: 0.767px solid #fff;
	gap: 9px;
}
.h5-sb-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	text-decoration: none;
}
.h5-sb-item img {
	width: 18px;
	height: 18px;
	object-fit: contain;
}
.h5-sb-label {
	font-size: 7.7px;
	color: #dae8ff;
	letter-spacing: 0.08em;
	font-family: 'PingFang SC', sans-serif;
}

.h5-app-banner {
	position: relative;
	width: 100%;
	height: 88px;
	overflow: hidden;
	margin-top: 8px;
	cursor: pointer;
}
.h5-banner-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

/* ===== H5 swiper 自适应 ===== */
.h5-page .swiper-container {
	width: calc(100% - 60px);
	margin: 0 30px;
	height: auto;
	border-radius: 12px;
	overflow: hidden;
}

.h5-page .swiper-slide {
	position: relative;
	width: 100%;
	padding: 0;
}

.h5-page .swiper-slide .slide-bg {
	position: relative;
	width: 100%;
	height: auto;
}

.h5-page .swiper-slide .slide-bg img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.h5-title {
	display: block;
	width: 100%;
	height: auto;
	margin: 16px auto 0;
}

.h5-page .tags {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	width: calc(100% - 60px);
	margin: 12px auto 0;
}

.h5-page .tags .tag {
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	background: linear-gradient(180deg, #38b9ff 0%, #005eff 100%);
	backdrop-filter: blur(0px);
	font-size: 15px;
	color: #fff;
	font-family: 'PingFang SC';
	font-weight: 500;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	box-sizing: border-box;
}

.download-buttons {
	display: flex;
	width: 100%;
	gap: 12px;
}

.download-buttons .download-btn {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.download-buttons .download-btn img {
	width: 100%;
	height: auto;
	display: block;
}

.h5-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
	flex-direction: column;
	align-items: center;
	padding: 10px;
	background: #202027;
	backdrop-filter: blur(8px);
	box-sizing: border-box;
	gap: 8px;
}

.download-note {
	color: #fff;
	font-family: 'PingFang SC';
	font-size: 12px;
	line-height: 17px;
	margin-top: 7px;
}

/* ===== 新版落地页移动端响应式：不再回退旧 H5 视觉 ===== */
@media screen and (max-width: 899px) {
	body {
		height: auto;
		min-height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		background: #050806;
	}

	.header.h5-only,
	.h5-page {
		display: none !important;
	}

	.h5-footer.h5-only {
		display: flex !important;
		z-index: 120;
		height: calc(92px + env(safe-area-inset-bottom));
		padding-bottom: max(10px, env(safe-area-inset-bottom));
		background: rgba(5, 14, 9, 0.94);
		border-top: 1px solid rgba(246, 242, 233, 0.08);
	}

	.pc-page {
		--mobile-features-height: 112px;
		--mobile-hero-height: min(
			calc(89.66vw - 14px),
			448px,
			calc(100svh - 332px - var(--mobile-features-height) - env(safe-area-inset-bottom))
		);
		--mobile-hero-lift: clamp(
			0px,
			calc(100svh - 360px - var(--mobile-features-height) - var(--mobile-hero-height) - env(safe-area-inset-bottom)),
			110px
		);
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		min-height: 100vh;
		min-height: 100svh;
		overflow: hidden;
		background:
			radial-gradient(ellipse at 62% 47%, rgba(20, 61, 42, 0.96) 0%, rgba(1, 29, 16, 0.98) 43%, #050806 100%);
	}

	.pc-stage {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		height: auto;
		min-height: 100vh;
		min-height: 100svh;
		padding-top: calc(72px + env(safe-area-inset-top));
		padding-bottom: calc(112px + env(safe-area-inset-bottom));
		overflow: hidden;
		transform: none;
	}

	.pc-art {
		position: absolute;
		display: block;
		max-width: none;
		height: auto;
		pointer-events: none;
		user-select: none;
	}

	.pc-hero-group {
		position: absolute;
		left: 50%;
		bottom: calc(
			100px + var(--mobile-features-height) + var(--mobile-hero-lift) + env(safe-area-inset-bottom)
		);
		z-index: 1;
		width: auto;
		height: var(--mobile-hero-height);
		aspect-ratio: 1674 / 1501;
		transform: translateX(-50%);
		pointer-events: none;
	}

	.pc-left-art-anchor {
		position: absolute;
		left: 0;
		right: auto;
		bottom: calc(
			100px + var(--mobile-features-height) + var(--mobile-hero-lift) + env(safe-area-inset-bottom)
		);
		z-index: 1;
		width: auto;
		height: var(--mobile-hero-height);
		aspect-ratio: 1674 / 1501;
		overflow: visible;
		transform: none;
		pointer-events: none;
	}

	.pc-header {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
		width: 100%;
		height: calc(72px + env(safe-area-inset-top));
		background: rgba(5, 14, 9, 0.92);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
		border-bottom: 1px solid rgba(246, 242, 233, 0.04);
		transform: none;
	}

	.pc-logo {
		position: absolute;
		left: 16px;
		top: calc(16px + env(safe-area-inset-top));
		width: 91px;
		height: 36px;
		object-fit: contain;
	}

	.pc-nav {
		position: absolute;
		right: 14px;
		top: calc(25px + env(safe-area-inset-top));
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.pc-nav a {
		display: flex;
		align-items: center;
		gap: 5px;
		color: rgba(246, 242, 233, 0.72);
		font-size: 11px;
		line-height: 15px;
		white-space: nowrap;
	}

	.pc-nav-icon {
		width: 12px;
		height: 12px;
		object-fit: contain;
		flex: 0 0 auto;
		opacity: 0.72;
	}

	.pc-copy {
		position: relative;
		left: auto;
		top: auto;
		z-index: 30;
		width: calc(100% - 64px);
		max-width: 520px;
		height: 275px;
		margin: 28px auto 0;
		text-align: center;
	}

	.pc-heading {
		position: relative;
		z-index: 2;
		display: flex;
		flex-direction: column;
		color: #f6f2e9;
		font-size: clamp(40px, 10.8vw, 54px);
		font-weight: 500;
		line-height: 1.16;
		letter-spacing: 0;
		white-space: nowrap;
	}

	.pc-heading > span + span {
		margin-top: 2px;
	}

	.pc-heading-gold {
		position: relative;
		top: -2px;
		margin-left: 2px;
		color: #da9b00;
		font-weight: 600;
	}

	.pc-title-underline {
		position: absolute;
		left: calc(50% - clamp(20px, 5.4vw, 27px));
		top: clamp(43px, 11.7vw, 57px);
		z-index: 3;
		width: clamp(78px, 27vw, 112px);
		height: auto;
	}

	.pc-description {
		position: absolute;
		left: 50%;
		top: clamp(118px, 29vw, 142px);
		width: 92%;
		max-width: 420px;
		color: rgba(246, 242, 233, 0.7);
		font-size: clamp(15px, 4.1vw, 18px);
		font-weight: 300;
		line-height: 1.65;
		transform: translateX(-50%);
	}

	.pc-download-wrap {
		display: none;
	}

	.pc-download-button {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: 220px;
		height: 54px;
		border: 0;
		border-radius: 999px;
		background: #da9b00;
		color: #fff;
		font-family: inherit;
		font-size: 18px;
		font-weight: 500;
		line-height: 24px;
		box-shadow: 0 12px 32px rgba(218, 155, 0, 0.18);
		-webkit-tap-highlight-color: transparent;
	}

	.pc-download-icon {
		width: 22px;
		height: 22px;
		object-fit: contain;
		flex: 0 0 auto;
	}

	.pc-download-popover {
		display: none;
	}

	.pc-art-left {
		left: 0;
		right: auto;
		top: auto;
		bottom: 0;
		z-index: 1;
		width: 32%;
		transform: translateX(-47.27%);
	}

	.pc-hero-ring,
	.pc-hero-shape {
		left: 50%;
		z-index: 2;
		height: auto;
		transform: translateX(-50%);
	}

	.pc-hero-ring-lg {
		top: auto;
		bottom: 0;
		width: 96.8%;
	}

	.pc-hero-ring-md {
		top: auto;
		bottom: 0;
		width: 94.8%;
	}

	.pc-hero-ring-solid {
		top: auto;
		bottom: 0;
		width: 91.6%;
	}

	.pc-hero-shape {
		top: auto;
		bottom: 0;
		width: 87.2%;
	}

	.pc-hero-accent {
		left: 31%;
		top: auto;
		bottom: 18%;
		z-index: 5;
		width: 8.4%;
	}

	.pc-hero-people {
		left: 0;
		top: 0;
		bottom: auto;
		z-index: 10;
		width: 100%;
		height: 100%;
		object-fit: contain;
		transform: none;
	}

	.pc-features {
		position: fixed;
		left: 50%;
		top: auto;
		bottom: calc(92px + env(safe-area-inset-bottom));
		z-index: 110;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px 12px;
		width: calc(100% - 64px);
		max-width: 560px;
		height: auto;
		margin: 0;
		padding: 12px 0 14px;
		border-top: 0;
		background: transparent;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		pointer-events: none;
		transform: translateX(-50%);
	}

	.pc-feature {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: auto;
		min-width: 0;
		height: 38px;
		padding-left: 0;
	}

	.pc-feature > img {
		width: 34px;
		height: 34px;
		object-fit: contain;
		flex: 0 0 auto;
	}

	.pc-feature > div {
		display: flex;
		flex-direction: column;
		gap: 4px;
		min-width: 0;
	}

	.pc-feature strong,
	.pc-feature span {
		display: block;
		white-space: nowrap;
	}

	.pc-feature strong {
		color: #f6f2e9;
		font-size: 14px;
		font-weight: 500;
		line-height: 17px;
	}

	.pc-feature span {
		color: rgba(246, 242, 233, 0.4);
		font-size: 11px;
		font-weight: 400;
		line-height: 14px;
	}
}

@media screen and (min-width: 600px) and (max-width: 899px) {
	.pc-page {
		--mobile-features-height: 68px;
	}

	.pc-features {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 12px;
		width: calc(100% - 64px);
		max-width: 760px;
		padding: 14px 8px 16px;
	}

	.pc-feature {
		gap: 6px;
		padding-left: 0;
	}

	.pc-feature > img {
		width: 30px;
		height: 30px;
	}

	.pc-feature strong {
		font-size: 13px;
	}

	.pc-feature span {
		font-size: 10px;
	}
}

@media screen and (max-width: 359px) {
	.pc-logo {
		width: 81px;
		height: 32px;
	}

	.pc-nav {
		right: 10px;
		gap: 8px;
	}

	.pc-nav a {
		gap: 3px;
		font-size: 10px;
	}

	.pc-copy {
		width: calc(100% - 48px);
	}

	.pc-features {
		width: calc(100% - 48px);
	}

	.pc-description {
		font-size: 15px;
	}

	.pc-feature {
		gap: 6px;
		padding-left: 0;
	}

	.pc-feature > img {
		width: 30px;
		height: 30px;
	}

	.pc-feature strong {
		font-size: 13px;
	}

	.pc-feature span {
		font-size: 10px;
	}
}