.official-home *,
.official-home :after,
.official-home :before {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.official-home {
	font-size: 16px;
	scroll-behavior: smooth;
	scroll-padding-top: 96px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: var(--bg-base);
	color: var(--text-main);
	font-family:
		-apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
	line-height: 1.75;
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
}
.official-home:before {
	background: radial-gradient(
			ellipse 50% 40% at 20% -8%,
			rgba(139, 92, 246, 0.028) 0,
			transparent 55%
		),
		radial-gradient(
			ellipse 40% 32% at 110% 95%,
			rgba(109, 40, 217, 0.022) 0,
			transparent 55%
		), #050506;
	content: "";
	inset: 0;
	pointer-events: none;
	position: fixed;
	z-index: -10;
}
@keyframes bgMesh {
	0% {
		transform: scale(1) translate(0);
	}
	50% {
		transform: scale(1.05) translate(-1.2%, .6%);
	}
	to {
		transform: scale(1.02) translate(.6%, -.8%);
	}
}
.official-home .global-bg {
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	position: fixed;
	z-index: -5;
}
.official-home .global-bg-mesh {
	background: radial-gradient(
			ellipse 52% 38% at 22% 14%,
			rgba(139, 92, 246, 0.02) 0,
			transparent 60%
		),
		radial-gradient(
			ellipse 46% 34% at 90% 90%,
			rgba(109, 40, 217, 0.018) 0,
			transparent 60%
		);
	inset: -10%;
	position: absolute;
}
@keyframes meshDrift {
	0% {
		transform: translate(0) scale(1);
	}
	50% {
		transform: translate(-3.5%, 2.5%) scale(1.08);
	}
	to {
		transform: translate(2.2%, -1.8%) scale(1.04);
	}
}
.official-home .global-bg-sheen {
	display: none;
}
@keyframes sheenSweep {
	0% {
		opacity: 0;
		transform: skew(-18deg) translate(-130%);
	}
	12% {
		opacity: 0.65;
	}
	75% {
		opacity: 0.65;
	}
	to {
		opacity: 0;
		transform: skew(-18deg) translate(130%);
	}
}
.official-home .particle-canvas-wrap {
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}
.official-home #particle-canvas {
	display: block;
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
}
.official-home li,
.official-home p {
	text-wrap: pretty;
}
.official-home a {
	color: inherit;
	text-decoration: none;
}
.official-home ul {
	list-style: none;
}
.official-home img {
	display: block;
	max-width: 100%;
}
.official-home h1,
.official-home h2,
.official-home h3,
.official-home h4 {
	text-wrap: balance;
}
.official-home ::-moz-selection {
	background: #9f8fff40;
	color: #f2f1f8;
}
.official-home ::selection {
	background: #9f8fff40;
	color: #f2f1f8;
}
.official-home {
	--primary: #8b5cf6;
	--primary-light: #a78bfa;
	--primary-dark: #7c3aed;
	--primary-deep: #6d28d9;
	--primary-50: rgba(139, 92, 246, 0.12);
	--primary-100: rgba(139, 92, 246, 0.22);
	--primary-200: rgba(139, 92, 246, 0.36);
	--primary-glow: rgba(124, 58, 237, 0.4);
	--bg-base: #050506;
	--bg-elevated: rgba(18, 16, 30, 0.52);
	--bg-elevated-solid: #12101e;
	--bg-panel: rgba(22, 20, 38, 0.45);
	--bg-soft: #0e0c18;
	--bg-section: #0b0a14;
	--bg-lv1: #0a0912;
	--bg-lv2: #0c0b16;
	--bg-lv3: #0e0d1a;
	--text-main: #fff;
	--text-sub: #9ca3af;
	--text-aux: #6b7280;
	--text-light: #4b5563;
	--border: rgba(139, 92, 246, 0.16);
	--border-strong: rgba(139, 92, 246, 0.3);
	--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
	--shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
	--shadow-lg: 0 22px 60px rgba(0, 0, 0, 0.55);
	--shadow-glow: 0 0 40px rgba(124, 58, 237, 0.22);
	--radius: 16px;
	--radius-sm: 12px;
	--radius-lg: 24px;
	--max-w: 1200px;
	--grad-primary: linear-gradient(135deg, #7c3aed, #8b5cf6 50%, #a78bfa);
	--grad-soft: linear-gradient(135deg, #171528, #12101e);
	--grad-glass: linear-gradient(
		135deg,
		hsla(0, 0%, 100%, 0.08),
		hsla(0, 0%, 100%, 0.02)
	);
	--ease: cubic-bezier(0.22, 1, 0.36, 1);
}
.official-home .nav {
	align-items: center;
	backdrop-filter: blur(20px) saturate(180%);
	-webkit-backdrop-filter: blur(20px) saturate(180%);
	background: #0e0c18ad;
	border: 1px solid rgba(167, 139, 250, 0.16);
	border-radius: 18px;
	box-shadow: 0 4px 24px #00000059, inset 0 1px #ffffff0f;
	display: flex;
	height: 62px;
	justify-content: space-between;
	left: 50%;
	max-width: 1200px;
	padding: 0 12px 0 20px;
	position: fixed;
	top: 14px;
	transform: translate(-50%);
	transition: all .35s var(--ease);
	width: calc(100% - 48px);
	z-index: 1000;
}
.official-home .nav.scrolled {
	background: #0e0c18e0;
	border-color: #a78bfa3d;
	box-shadow: 0 10px 36px #8b5cf624, inset 0 1px #ffffff14;
	top: 10px;
}
.official-home .nav-logo {
	align-items: center;
	display: flex;
	text-decoration: none;
	white-space: nowrap;
}
.official-home .nav-logo-img {
	display: block;
	filter: brightness(0) invert(1);
	width: 76px;
	height: auto;
}
.official-home .nav-logo .logo-icon {
	align-items: center;
	background: var(--grad-primary);
	border-radius: 10px;
	box-shadow: 0 4px 14px #7b68ee59, inset 0 1px #ffffff4d;
	color: #fff;
	display: flex;
	font-size: 17px;
	font-weight: 800;
	height: 34px;
	justify-content: center;
	width: 34px;
}
.official-home .nav-links {
	display: flex;
	gap: 2px;
	left: 50%;
	position: absolute;
	transform: translate(-50%);
	white-space: nowrap;
}
.official-home .nav-links a {
	border-radius: 10px;
	color: var(--text-sub);
	font-size: 14px;
	font-weight: 500;
	padding: 7px 9px;
	transition: all .2s;
	white-space: nowrap;
}
.official-home .nav-links a:hover {
	background: var(--primary-50);
	color: var(--primary-dark);
}
.official-home .nav-right {
	align-items: center;
	display: flex;
	gap: 10px;
}
.official-home .nav-login {
	border-radius: 10px;
	color: var(--text-sub);
	font-size: 14px;
	font-weight: 500;
	padding: 7px 8px;
	transition: color .2s;
	white-space: nowrap;
}
.official-home .nav-login:hover {
	background: var(--primary-50);
	color: var(--primary-dark);
}
.official-home .nav-cta {
	background: linear-gradient(135deg, #7c3aed, #8b5cf6);
	border: none;
	border-radius: 11px;
	box-shadow: 0 4px 16px #7b68ee52, inset 0 1px #ffffff40;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	padding: 9px 20px;
	transition: all .25s var(--ease);
	white-space: nowrap;
}
.official-home .nav-cta:hover {
	box-shadow: 0 8px 24px #7b68ee6b;
	transform: translateY(-1px);
}
.official-home .section {
	margin: 32px auto;
	max-width: var(--max-w);
	padding: 80px 48px;
	position: relative;
}
.official-home .section-full {
	padding: 0;
}
.official-home .section-full.bg-gradient {
	background: linear-gradient(180deg, var(--bg-soft) 0, #fff 100%);
}
.official-home .section {
	background: transparent;
}
.official-home .section:after,
.official-home .section:before {
	display: none;
}
.official-home .section-full .section {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	background: transparent;
	border: none;
	box-shadow: none;
}
.official-home .section-full .section:before {
	display: none;
}
.official-home #hero,
.official-home .section-full.bg-lv1,
.official-home .section-full.bg-lv2,
.official-home .section-full.bg-lv3,
.official-home .section-full.bg-soft {
	background: transparent;
}
.official-home #hero {
	position: relative;
}
.official-home #cases,
.official-home #experts,
.official-home #skills,
.official-home #trust {
	background: transparent;
}
.official-home .section-eyebrow {
	align-items: center;
	background: linear-gradient(135deg, #a78bfa1f, #a78bfa0a);
	border: 1px solid var(--primary-100);
	border-radius: 100px;
	color: var(--primary-dark);
	display: inline-flex;
	font-size: 13px;
	font-weight: 700;
	gap: 8px;
	letter-spacing: .5px;
	margin-bottom: 22px;
	padding: 7px 16px;
	white-space: nowrap;
}
.official-home .section-eyebrow:before {
	background: var(--primary);
	border-radius: 50%;
	box-shadow: 0 0 8px #7b68ee99;
	content: "";
	height: 6px;
	width: 6px;
}
.official-home .section-title {
	color: var(--text-main);
	font-size: clamp(45px, 5.5vw, 61px);
	font-weight: 800;
	letter-spacing: .02em;
	line-height: 1.15;
	text-wrap: balance;
}
.official-home .cases-title {
	font-size: clamp(38px, 4.8vw, 54px);
	letter-spacing: .01em;
	white-space: nowrap;
}
.official-home .section-title .accent {
	background: linear-gradient(120deg, var(--primary), var(--primary-light));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	white-space: nowrap;
}
.official-home .section-sub {
	color: var(--text-sub);
	font-size: 17px;
	line-height: 1.75;
	margin-top: 16px;
	max-width: 720px;
}
.official-home .section-center {
	margin: 0 auto;
	text-align: center;
}
.official-home .section-center .section-sub {
	margin-left: auto;
	margin-right: auto;
}
.official-home .hero {
	align-items: center;
	background: transparent;
	display: flex;
	justify-content: center;
	min-height: 100vh;
	overflow: hidden;
	padding: 120px 48px 40px;
	position: relative;
}
.official-home .hero:before {
	background-image: linear-gradient(
			rgba(123, 104, 238, 0.015) 1px,
			transparent 0
		), linear-gradient(90deg, rgba(123, 104, 238, 0.03) 1px, transparent 0);
	background-size: 56px 56px;
	content: "";
	inset: 0;
	-webkit-mask-image: radial-gradient(
		ellipse 80% 60% at 50% 20%,
		#000 30%,
		transparent 75%
	);
	mask-image: radial-gradient(
		ellipse 80% 60% at 50% 20%,
		#000 30%,
		transparent 75%
	);
	pointer-events: none;
	position: absolute;
	z-index: 1;
}
.official-home .hero-inner {
	max-width: 1200px;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 2;
}
.official-home .hero-title {
	color: var(--text-main);
	font-size: clamp(42px, 5.6vw, 72px);
	font-weight: 800;
	letter-spacing: -.04em;
	line-height: 1.05;
	margin-bottom: 14px;
}
.official-home .hero-title .highlight {
	background: linear-gradient(120deg, #a78bfa, #c4b5fd 55%, #ddd6fe);
	-webkit-text-fill-color: transparent;
}
.official-home .hero-subtitle {
	color: var(--text-sub);
	font-size: clamp(15px, 1.7vw, 19px);
	line-height: 1.65;
	margin: 0 auto 22px;
	max-width: 640px;
}
.official-home .hero-subtitle br {
	content: "";
	display: block;
	margin-bottom: 6px;
}
.official-home .hero-cta-group {
	display: flex;
	gap: 16px;
	justify-content: center;
	margin-bottom: 28px;
}
.official-home .btn-primary {
	background: linear-gradient(135deg, #7c3aed, #8b5cf6);
	border: none;
	border-radius: 12px;
	box-shadow: 0 8px 24px #7b68ee59, inset 0 1px #ffffff40;
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	font-weight: 700;
	overflow: hidden;
	padding: 14px 32px;
	position: relative;
	transition: all .3s var(--ease);
	white-space: nowrap;
}
.official-home .btn-primary:after {
	background: linear-gradient(
		100deg,
		transparent,
		hsla(0, 0%, 100%, 0.35),
		transparent
	);
	content: "";
	height: 100%;
	left: -80%;
	position: absolute;
	top: 0;
	transform: skew(-20deg);
	transition: left .6s ease;
	width: 50%;
}
.official-home .btn-primary:hover {
	box-shadow: 0 14px 36px #7b68ee73, inset 0 1px #ffffff40;
	transform: translateY(-2px);
}
.official-home .btn-primary:hover:after {
	left: 130%;
}
.official-home .btn-primary:active {
	box-shadow: 0 6px 16px #7b68ee59;
	transform: translateY(0);
}
.official-home .btn-secondary {
	background: #ffffff0f;
	border: 1.5px solid rgba(167, 139, 250, 0.32);
	border-radius: 12px;
	box-shadow: 0 2px 10px #7b68ee0f;
	cursor: pointer;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 32px;
	transition: all .3s var(--ease);
	white-space: nowrap;
}
.official-home .btn-secondary:hover {
	background: #ffffff1f;
	border-color: var(--primary-light);
	box-shadow: 0 10px 28px #8b5cf62e;
	transform: translateY(-2px);
}
.official-home .hero-showcase {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
}
.official-home .hero-tabs {
	display: flex;
	flex-direction: row;
	flex-shrink: 0;
	gap: 14px;
	justify-content: center;
	margin: 0 auto;
	max-width: 1080px;
	width: 100%;
}
.official-home .hero-tab {
	align-items: center;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 18px;
	cursor: pointer;
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	max-width: 260px;
	padding: 18px 12px 16px;
	position: relative;
	text-align: center;
	transition: all .3s var(--ease);
}
.official-home .hero-tab:hover {
	background: #a78bfa14;
}
.official-home .hero-tab.active {
	background: var(--bg-elevated);
	border-color: var(--border-strong);
	box-shadow: 0 14px 40px #00000059, 0 0 24px #8b5cf61f;
}
.official-home .hero-tab:after {
	background: var(--grad-primary);
	border-radius: 3px;
	bottom: -8px;
	content: "";
	height: 3px;
	left: 50%;
	position: absolute;
	top: auto;
	transform: translate(-50%) scaleX(0);
	transition: transform .25s var(--ease);
	width: 44px;
}
.official-home .hero-tab.active:after {
	transform: translate(-50%) scaleX(1);
}
.official-home .hero-tab .ht-icon {
	align-items: center;
	background: linear-gradient(135deg, #a78bfa1f, #a78bfa0a);
	border: 1px solid rgba(123, 104, 238, 0.1);
	border-radius: 18px;
	display: flex;
	flex-shrink: 0;
	font-size: 26px;
	height: 54px;
	justify-content: center;
	opacity: 0.55;
	transition: all .3s var(--ease);
	width: 54px;
}
.official-home .hero-tab:hover .ht-icon {
	opacity: 0.75;
}
.official-home .hero-tab.active .ht-icon {
	box-shadow: 0 12px 32px #8b5cf657;
	color: #0a0814;
	opacity: 1;
	transform: scale(1.05);
}
.official-home .hero-tab .ht-main strong {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	transition: color .25s var(--ease);
}
.official-home .hero-tab.active .ht-main strong {
	color: var(--primary-dark);
}
.official-home .hero-demo {
	background: var(--bg-elevated);
	border: 1px solid rgba(167, 139, 250, 0.22);
	border-radius: 18px;
	box-shadow: 0 32px 88px #00000073, 0 24px 70px #6d28d933, inset 0 1px
		#e9e5ff1f;
	flex: none;
	max-width: 1080px;
	min-width: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.official-home .hero-demo:before {
	background: linear-gradient(
		90deg,
		transparent,
		rgba(196, 181, 253, 0.55),
		transparent
	);
	content: "";
	height: 1px;
	left: 10%;
	pointer-events: none;
	position: absolute;
	right: 10%;
	top: 0;
	z-index: 7;
}
.official-home .demo-stage {
	display: none;
}
.official-home .demo-stage.active {
	animation: fadeInDemo .45s var(--ease);
	display: block;
}
.official-home .demo-chrome {
	align-items: center;
	backdrop-filter: blur(12px) saturate(130%);
	-webkit-backdrop-filter: blur(12px) saturate(130%);
	background: linear-gradient(180deg, #1c1634e0, #120e24a8);
	border-bottom: 1px solid rgba(167, 139, 250, 0.14);
	display: flex;
	gap: 14px;
	height: 46px;
	padding: 0 16px;
	position: relative;
	z-index: 6;
}
.official-home .dc-dots {
	display: flex;
	flex: none;
	gap: 7px;
}
.official-home .dc-dots i {
	border-radius: 50%;
	box-shadow: inset 0 0 0 .5px #00000040;
	display: block;
	height: 11px;
	width: 11px;
}
.official-home .dc-dots i:first-child {
	background: #ff5f57;
}
.official-home .dc-dots i:nth-child(2) {
	background: #febc2e;
}
.official-home .dc-dots i:nth-child(3) {
	background: #28c840;
}
.official-home .dc-url {
	align-items: center;
	background: #0a08148c;
	border: 1px solid rgba(167, 139, 250, 0.16);
	border-radius: 100px;
	color: var(--text-aux);
	display: flex;
	flex: 1;
	font-size: 12.5px;
	font-weight: 500;
	gap: 7px;
	height: 28px;
	justify-content: center;
	letter-spacing: .02em;
	min-width: 0;
	overflow: hidden;
	padding: 0 16px;
	white-space: nowrap;
}
.official-home .dc-url svg {
	flex: none;
	height: 11px;
	opacity: 0.7;
	width: 11px;
}
.official-home .dc-live {
	align-items: center;
	background: #8b5cf61f;
	border: 1px solid rgba(167, 139, 250, 0.25);
	border-radius: 100px;
	color: var(--primary-light);
	display: flex;
	flex: none;
	font-size: 11px;
	font-weight: 600;
	gap: 6px;
	height: 24px;
	letter-spacing: .06em;
	padding: 0 11px;
}
.official-home .dc-live i {
	animation: dcPulse 1.8s infinite;
	background: #22c55e;
	border-radius: 50%;
	box-shadow: 0 0 8px #22c55ee6;
	height: 6px;
	width: 6px;
}
@keyframes dcPulse {
	0%,
	to {
		opacity: 1;
	}
	50% {
		opacity: 0.35;
	}
}
.official-home .demo-video {
	aspect-ratio: var(--vr, 16 / 10);
	background: #0a0814;
	display: block;
	margin: 0 auto;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.official-home .demo-video-el {
	background: #0a0814;
	cursor: pointer;
	display: block;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	outline: none;
	width: 100%;
}
.official-home .video-fs-btn {
	align-items: center;
	backdrop-filter: blur(10px) saturate(140%);
	-webkit-backdrop-filter: blur(10px) saturate(140%);
	background: #0a08148c;
	border: 1px solid rgba(167, 139, 250, 0.28);
	border-radius: 12px;
	bottom: 14px;
	color: #e9e5ff;
	cursor: pointer;
	display: flex;
	height: 42px;
	justify-content: center;
	opacity: 0;
	position: absolute;
	right: 14px;
	transition: opacity .25s var(--ease), background .25s var(--ease),
		border-color .25s var(--ease);
	width: 42px;
	z-index: 6;
}
.official-home .demo-video:-webkit-full-screen .video-fs-btn,
.official-home .demo-video:fullscreen .video-fs-btn,
.official-home .demo-video:hover .video-fs-btn {
	opacity: 1;
}
.official-home .video-fs-btn:hover {
	background: #7c3aedad;
	border-color: #a78bfa8c;
}
.official-home .video-fs-btn svg {
	display: block;
	height: 20px;
	width: 20px;
}
.official-home .video-center-hint {
	align-items: center;
	display: flex;
	inset: 0;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity .3s var(--ease);
	z-index: 5;
}
.official-home .demo-video.paused .video-center-hint {
	opacity: 1;
}
.official-home .video-center-hint .vh-inner {
	align-items: center;
	backdrop-filter: blur(12px) saturate(140%);
	-webkit-backdrop-filter: blur(12px) saturate(140%);
	background: #0a08149e;
	border: 1px solid rgba(167, 139, 250, 0.32);
	border-radius: 100px;
	color: #fff;
	display: flex;
	font-size: 14px;
	font-weight: 600;
	gap: 10px;
	padding: 12px 22px;
}
.official-home .video-center-hint .vh-ico {
	color: var(--primary-light);
	font-size: 15px;
}
.official-home .demo-video:fullscreen {
	aspect-ratio: auto;
	background: #000;
	height: 100vh;
	max-width: none;
	width: 100vw;
}
.official-home .demo-video:fullscreen .demo-video-el {
	-o-object-fit: contain;
	object-fit: contain;
}
.official-home .demo-video:-webkit-full-screen {
	aspect-ratio: auto;
	background: #000;
	height: 100vh;
	max-width: none;
	width: 100vw;
}
.official-home .video-placeholder {
	align-items: center;
	display: flex;
	flex-direction: column;
	font-size: 18px;
	font-weight: 600;
	gap: 18px;
}
.official-home .play-btn {
	align-items: center;
	background: var(--bg-elevated);
	border-radius: 50%;
	box-shadow: 0 12px 36px #5d4edc33, inset 0 0 0 1px #7b68ee1a;
	color: var(--primary-light);
	display: flex;
	font-size: 22px;
	height: 76px;
	justify-content: center;
	padding-left: 4px;
	transition: all .25s var(--ease);
	width: 76px;
}
.official-home .hero-demo:hover .play-btn {
	box-shadow: 0 16px 44px #5d4edc47;
	transform: scale(1.05);
}
@keyframes fadeInDemo {
	0% {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.official-home .agent-panel {
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}
.official-home .agent-grid {
	display: flex;
	flex-direction: column;
	gap: 44px;
	margin-top: 8px;
}
.official-home .agent-row {
	align-items: center;
	backdrop-filter: blur(12px) saturate(150%);
	-webkit-backdrop-filter: blur(12px) saturate(150%);
	background: linear-gradient(180deg, #1e1a368c, #12101e6b);
	border: 1px solid rgba(139, 92, 246, 0.14);
	border-radius: 28px;
	box-shadow: 0 14px 44px #06050a73, 0 0 32px #7c3aed1a, inset 0 1px #ffffff0f;
	display: grid;
	gap: 64px;
	grid-template-columns: 1fr 1fr;
	overflow: hidden;
	padding: 44px 48px;
	position: relative;
	transition: transform .5s var(--ease), box-shadow .5s var(--ease),
		border-color .5s var(--ease);
}
.official-home .agent-row:before {
	color: transparent;
	content: attr(data-num);
	font-size: 88px;
	font-weight: 900;
	letter-spacing: -.04em;
	line-height: 1;
	position: absolute;
	right: 36px;
	top: 18px;
	-webkit-text-stroke: 1.5px rgba(167, 139, 250, 0.13);
	pointer-events: none;
	z-index: 0;
}
.official-home .agent-row:after {
	background: radial-gradient(
		ellipse 60% 55% at 50% 50%,
		rgba(139, 92, 246, 0.07) 0,
		transparent 70%
	);
	border-radius: 28px;
	content: "";
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity .5s var(--ease);
	z-index: 0;
}
.official-home .agent-row:hover {
	border-color: #8b5cf647;
	box-shadow: 0 28px 68px #06050a8c, 0 0 52px #7c3aed38, 0 8px 24px #5d4edc29,
		inset 0 1px #ffffff17;
	transform: translateY(-4px);
}
.official-home .agent-row:hover:after {
	opacity: 1;
}
.official-home .agent-row.reverse .agent-screenshot {
	margin-left: 0;
}
.official-home .agent-row:not(.reverse) .agent-screenshot {
	margin-right: 0;
}
.official-home .agent-col {
	min-width: 0;
	position: relative;
	z-index: 1;
}
.official-home .agent-col.text {
	padding: 10px 0;
}
.official-home .agent-eyebrow {
	align-items: center;
	background: linear-gradient(135deg, #a78bfa1f, #a78bfa0a);
	border: 1px solid var(--primary-100);
	border-radius: 100px;
	color: var(--primary-dark);
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	gap: 8px;
	letter-spacing: .5px;
	margin-bottom: 18px;
	padding: 6px 14px;
	white-space: nowrap;
}
.official-home .agent-eyebrow:before {
	background: var(--primary);
	border-radius: 50%;
	box-shadow: 0 0 8px #7b68ee80;
	content: "";
	height: 5px;
	width: 5px;
}
.official-home .agent-col.text h3 {
	color: var(--text-main);
	font-size: 41px;
	font-weight: 800;
	letter-spacing: .02em;
	line-height: 1.15;
	margin-bottom: 16px;
	text-wrap: balance;
}
.official-home .agent-col.text .agent-desc {
	color: var(--text-sub);
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.official-home .agent-col.text .agent-list {
	display: flex;
	flex-direction: column;
	gap: 13px;
	margin-bottom: 28px;
}
.official-home .agent-col.text .agent-list li {
	align-items: flex-start;
	color: var(--text-sub);
	display: flex;
	font-size: 15px;
	gap: 12px;
	line-height: 1.6;
	transition: color .3s var(--ease), transform .3s var(--ease);
}
.official-home .agent-col.text .agent-list li:hover {
	color: var(--text-main);
	transform: translate(4px);
}
.official-home .agent-col.text .agent-list li .check {
	align-items: center;
	background: var(--primary-50);
	border: 1px solid var(--primary-100);
	border-radius: 7px;
	color: var(--primary);
	display: flex;
	flex-shrink: 0;
	font-size: 12px;
	font-weight: 700;
	height: 22px;
	justify-content: center;
	margin-top: 1px;
	transition: all .3s var(--ease);
	width: 22px;
}
.official-home .agent-col.text .agent-list li:hover .check {
	background: linear-gradient(135deg, #7c3aed, #8b5cf6);
	border-color: #8b5cf699;
	box-shadow: 0 4px 14px #7c3aed59;
	color: #fff;
}
.official-home .agent-col.text .agent-actions {
	align-items: center;
	display: flex;
	gap: 16px;
}
.official-home .agent-btn-use {
	align-items: center;
	background: linear-gradient(135deg, #7c3aed, #8b5cf6);
	border: none;
	border-radius: 100px;
	box-shadow: 0 6px 18px #7b68ee52, inset 0 1px #ffffff40;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	gap: 6px;
	padding: 10px 22px;
	text-decoration: none;
	transition: all .25s var(--ease);
	white-space: nowrap;
}
.official-home .agent-btn-use:hover {
	box-shadow: 0 10px 26px #7b68ee70;
	transform: translateY(-1px);
}
.official-home .agent-col.visual {
	position: relative;
}
.official-home .agent-col.visual:before {
	background: radial-gradient(
		ellipse 70% 60% at 50% 50%,
		rgba(123, 104, 238, 0.14) 0,
		transparent 70%
	);
	content: "";
	filter: blur(18px);
	inset: -14px;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}
.official-home .agent-screenshot {
	border: 1px solid rgba(139, 92, 246, 0.14);
	border-radius: 24px;
	box-shadow: 0 18px 44px #06050a66;
	overflow: hidden;
	position: relative;
	transition: transform .5s var(--ease), box-shadow .5s var(--ease);
	z-index: 1;
}
.official-home .agent-row:hover .agent-screenshot {
	box-shadow: 0 26px 60px #06050a80, 0 0 36px #7c3aed2e;
	transform: translateY(-4px) scale(1.01);
}
.official-home .agent-screenshot img {
	display: block;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
	width: 100%;
}
.official-home .as-inner {
	background: var(--bg-elevated);
	border: 1px solid var(--border);
	border-radius: 16px;
	box-shadow: 0 12px 36px #5d4edc14;
	display: flex;
	height: 100%;
	min-height: 324px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.official-home .as-sidebar {
	background: linear-gradient(180deg, #ffffff0f, #ffffff05);
	border-right: 1px solid var(--border);
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	gap: 14px;
	padding: 18px 14px;
	width: 90px;
}
.official-home .as-s-item {
	background: #7b68ee1f;
	border-radius: 5px;
	height: 10px;
}
.official-home .as-s-item.hl {
	background: var(--primary);
	border-radius: 8px;
	height: 34px;
	opacity: 0.22;
}
.official-home .as-main {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
	padding: 22px 24px;
}
.official-home .as-header {
	align-items: center;
	display: flex;
	gap: 8px;
	margin-bottom: 4px;
}
.official-home .as-dot {
	background: #ffffff40;
	border-radius: 50%;
	height: 8px;
	width: 8px;
}
.official-home .as-dot:first-child {
	background: #ff6b6b;
}
.official-home .as-dot:nth-child(2) {
	background: #ffd166;
}
.official-home .as-dot:nth-child(3) {
	background: #06d6a0;
}
.official-home .as-title {
	background: #16152b1a;
	border-radius: 6px;
	height: 12px;
	width: 45%;
}
.official-home .as-row {
	align-items: center;
	display: flex;
	gap: 12px;
}
.official-home .as-avatar {
	background: var(--grad-soft);
	border-radius: 10px;
	flex-shrink: 0;
	height: 34px;
	width: 34px;
}
.official-home .as-line {
	background: #7b68ee1f;
	border-radius: 5px;
	flex: 1;
	height: 10px;
}
.official-home .as-line.short {
	flex: 0 0 40%;
}
.official-home .as-card {
	background: linear-gradient(135deg, #ffffff12, #ffffff08);
	border: 1px solid var(--border);
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px;
}
.official-home .as-card-row {
	align-items: center;
	display: flex;
	gap: 10px;
}
.official-home .as-badge {
	background: var(--primary-50);
	border: 1px solid var(--primary-100);
	border-radius: 100px;
	color: var(--primary-dark);
	font-size: 10px;
	font-weight: 700;
	padding: 3px 8px;
	white-space: nowrap;
}
.official-home .as-chart {
	align-items: flex-end;
	display: flex;
	gap: 8px;
	height: 90px;
	padding: 10px 0;
}
.official-home .as-bar {
	background: linear-gradient(180deg, var(--primary-light), var(--primary));
	border-radius: 5px 5px 0 0;
	flex: 1;
	opacity: 0.7;
}
.official-home .as-alert {
	align-items: flex-start;
	background: linear-gradient(135deg, #f872721a, #f872720a);
	border: 1px solid hsla(0, 91%, 71%, 0.22);
	border-radius: 12px;
	display: flex;
	gap: 12px;
	padding: 14px;
}
.official-home .as-alert-icon {
	align-items: center;
	background: #ff6b6b;
	border-radius: 8px;
	color: #fff;
	display: flex;
	flex-shrink: 0;
	font-size: 14px;
	height: 28px;
	justify-content: center;
	width: 28px;
}
.official-home .as-alert-text {
	flex: 1;
}
.official-home .as-alert-text .as-line {
	background: #ff6b6b2e;
}
.official-home .as-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.official-home .as-pill {
	background: #7b68ee1a;
	border-radius: 11px;
	flex: 1;
	height: 22px;
	min-width: 46px;
}
@media (max-width: 1024px) {
	.official-home .agent-row {
		gap: 28px;
		grid-template-columns: 1fr;
		padding: 32px 28px;
	}
	.official-home .agent-row.reverse .agent-col.text {
		order: -1;
	}
	.official-home .agent-col.text {
		order: 1;
	}
	.official-home .agent-col.visual {
		order: 2;
	}
	.official-home .agent-screenshot {
		min-height: auto;
	}
	.official-home .agent-row:before {
		font-size: 60px;
		right: 20px;
		top: 12px;
	}
}
@media (max-width: 640px) {
	.official-home .agent-grid {
		gap: 28px;
	}
	.official-home .agent-row {
		gap: 20px;
		padding: 26px 22px;
	}
	.official-home .agent-col.text h3 {
		font-size: 33px;
	}
	.official-home .agent-col.text .agent-desc {
		font-size: 15px;
	}
	.official-home .agent-row:before {
		font-size: 46px;
		right: 14px;
		top: 10px;
	}
	.official-home .as-inner {
		min-height: 280px;
	}
	.official-home .as-sidebar {
		padding: 14px 10px;
		width: 72px;
	}
	.official-home .as-main {
		padding: 16px;
	}
}
.official-home .skills-header {
	position: relative;
}
.official-home .skills-header .section-title {
	max-width: 760px;
}
.official-home .skills-avatars {
	align-items: flex-end;
	display: flex;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.official-home .skills-avatars svg {
	height: 96px;
	width: 150px;
}
.official-home .skills-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 48px;
}
.official-home .skill-card {
	backdrop-filter: blur(16px) saturate(140%);
	-webkit-backdrop-filter: blur(16px) saturate(140%);
	background: var(--bg-elevated);
	border: 1px solid var(--border);
	border-radius: 20px;
	box-shadow: 0 4px 20px #0000004d, inset 0 1px #ffffff0f;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 24px;
	transition: transform .3s var(--ease), box-shadow .3s var(--ease),
		border-color .3s var(--ease);
}
.official-home .skill-card:hover {
	border-color: var(--border-strong);
	box-shadow: 0 16px 42px #00000073, 0 0 32px #8b5cf629, inset 0 1px #ffffff1a;
	transform: translateY(-6px);
}
.official-home .skill-card-header {
	align-items: flex-start;
	display: flex;
	gap: 14px;
}
.official-home .skill-icon {
	background: linear-gradient(135deg, #a78bfa1f, #a78bfa0a);
	border: 1px solid var(--primary-100);
	border-radius: 50%;
	display: grid;
	flex-shrink: 0;
	font-size: 22px;
	height: 48px;
	place-items: center;
	width: 48px;
}
.official-home .skill-meta {
	min-width: 0;
}
.official-home .skill-meta h4 {
	color: var(--text-main);
	font-size: 15.5px;
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 1.25;
	margin-bottom: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.official-home .skill-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.official-home .skill-tag {
	background: linear-gradient(135deg, #a78bfa1f, #a78bfa0a);
	border: 1px solid var(--primary-100);
	border-radius: 100px;
	color: var(--primary-dark);
	font-size: 11px;
	font-weight: 600;
	padding: 3px 10px;
}
.official-home .skill-desc {
	flex: 1;
	font-size: 14px;
	line-height: 1.75;
}
.official-home .skill-detail {
	display: none;
}
.official-home .skill-actions {
	display: flex;
	gap: 10px;
	margin-top: auto;
}
.official-home .skill-btn {
	align-items: center;
	background: #ffffff0d;
	border: 1px solid var(--border);
	border-radius: 100px;
	cursor: pointer;
	display: flex;
	flex: 1;
	font-size: 13px;
	font-weight: 600;
	gap: 6px;
	justify-content: center;
	padding: 10px 14px;
	text-decoration: none;
	transition: all .2s var(--ease);
}
.official-home .skill-btn span {
	font-size: 12px;
	transition: transform .2s var(--ease);
}
.official-home .skill-btn-primary {
	background: linear-gradient(135deg, #7c3aed, #8b5cf6);
	border: none;
	box-shadow: 0 6px 18px #8b5cf652, inset 0 1px #ffffff40;
	color: #fff;
}
.official-home .skill-btn-primary:hover {
	box-shadow: 0 10px 26px #7b68ee70;
	transform: translateY(-1px);
}
.official-home .skills-more-wrap {
	margin-top: 48px;
	text-align: center;
}
.official-home .skills-more-btn {
	align-items: center;
	background: #ffffff0d;
	border: 1px solid var(--border);
	border-radius: 100px;
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	gap: 8px;
	padding: 12px 28px;
	transition: all .2s var(--ease);
}
.official-home .skills-more-btn span {
	font-size: 10px;
	transition: transform .2s var(--ease);
}
.official-home .skills-grid.show-all .hidden-skills {
	animation: expandIn .4s var(--ease);
	display: block;
}
.official-home .hidden-skills {
	display: none;
}
.official-home .skill-modal {
	align-items: center;
	display: none;
	inset: 0;
	justify-content: center;
	padding: 24px;
	position: fixed;
	z-index: 1200;
}
.official-home .skill-modal.open {
	display: flex;
}
.official-home .skill-modal-backdrop {
	animation: modalFade .25s var(--ease);
	background: #0f103273;
	background: #0f10328c;
	inset: 0;
	position: absolute;
}
.official-home .skill-modal-card {
	animation: modalIn .32s var(--ease);
	background: var(--bg-elevated);
	border: 1px solid var(--border-strong);
	border-radius: 24px;
	box-shadow: 0 32px 80px #0f103247;
	display: flex;
	flex-direction: column;
	max-height: min(920px, 92vh);
	max-width: 1200px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.official-home .skill-modal-card::-webkit-scrollbar {
	width: 6px;
}
.official-home .skill-modal-card::-webkit-scrollbar-thumb {
	background: var(--border-strong);
	border-radius: 3px;
}
.official-home .skill-modal-close {
	background: var(--bg-elevated);
	border: 1px solid var(--border);
	border-radius: 50%;
	cursor: pointer;
	display: grid;
	font-size: 18px;
	height: 34px;
	line-height: 1;
	place-items: center;
	position: absolute;
	right: 18px;
	top: 18px;
	transition: all .2s var(--ease);
	width: 34px;
	z-index: 2;
}
.official-home .skill-modal-close:hover {
	transform: rotate(90deg);
}
.official-home .skill-modal-body {
	flex: 1;
	overflow-y: auto;
	padding: 36px 34px 30px;
}
.official-home .skill-modal-head {
	align-items: center;
	display: flex;
	gap: 16px;
	margin-bottom: 20px;
	padding-right: 36px;
}
.official-home .skill-modal-icon {
	background: linear-gradient(135deg, #a78bfa1f, #a78bfa0a);
	border: 1px solid var(--primary-100);
	border-radius: 50%;
	display: grid;
	flex-shrink: 0;
	font-size: 26px;
	height: 56px;
	place-items: center;
	width: 56px;
}
.official-home .skill-modal-meta {
	min-width: 0;
}
.official-home .skill-modal-meta h4 {
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -.01em;
	line-height: 1.25;
	margin-bottom: 8px;
}
.official-home .skill-modal-desc {
	border-bottom: 1px solid var(--border);
	font-size: 15px;
	line-height: 1.8;
	margin-bottom: 22px;
	padding-bottom: 22px;
}
.official-home .skill-modal-detail h5 {
	color: var(--primary-dark);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .5px;
	margin-bottom: 10px;
}
.official-home .skill-modal-detail p {
	font-size: 14px;
	line-height: 1.85;
}
.official-home .skill-modal-screenshot {
	background: #ffffff0a;
	border: 1px solid var(--border);
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	margin-top: 22px;
	max-height: 560px;
	overflow: hidden;
}
.official-home .skill-modal-screenshot-label {
	align-items: center;
	background: var(--bg-elevated);
	display: flex;
	font-size: 12px;
	font-weight: 700;
	justify-content: space-between;
	letter-spacing: .5px;
	padding: 12px 14px 0;
}
.official-home .skill-modal-screenshot-label .zoom-hint {
	align-items: center;
	color: var(--text-aux);
	display: flex;
	font-size: 11px;
	font-weight: 500;
	gap: 4px;
}
.official-home .skill-modal-screenshot-label .zoom-hint a.view-original {
	color: var(--primary);
	text-decoration: underline;
}
.official-home .skill-modal-screenshot-label .zoom-hint a.view-original:hover {
	color: var(--primary-dark);
}
.official-home .skill-modal-screenshot-view {
	background: #ffffff0a;
	cursor: default;
	flex: 1;
	overflow-x: hidden;
	overflow-y: auto;
}
.official-home .skill-modal-screenshot-view img {
	display: block;
	height: auto;
	width: 100%;
}
.official-home .skill-modal-screenshot-view.screenshot-stack {
	display: flex;
	flex-direction: column;
	gap: 0;
}
.official-home
	.skill-modal-screenshot-view.screenshot-stack
	.screenshot-stack-item {
	border-bottom: 1px solid var(--border);
	cursor: zoom-in;
}
.official-home
	.skill-modal-screenshot-view.screenshot-stack
	.screenshot-stack-item:last-child {
	border-bottom: none;
}
.official-home
	.skill-modal-screenshot-view.screenshot-stack
	.screenshot-stack-item
	img {
	display: block;
}
.official-home .skill-modal-foot {
	border-top: 1px solid var(--border);
	display: flex;
	justify-content: center;
	margin-top: 26px;
	padding-top: 20px;
}
.official-home .skill-modal-foot .skill-btn {
	max-width: 220px;
	width: 100%;
}
@keyframes modalFade {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes modalIn {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.official-home .img-lightbox {
	align-items: flex-start;
	background: #0f1032f5;
	cursor: grab;
	display: none;
	inset: 0;
	justify-content: flex-start;
	overflow: auto;
	position: fixed;
	z-index: 10000;
}
.official-home .img-lightbox.open {
	animation: modalFade .25s var(--ease);
	display: flex;
}
.official-home .img-lightbox img {
	border-radius: 6px;
	box-shadow: 0 24px 80px #00000080;
	display: block;
	height: auto;
	margin: 0 auto;
	transform-origin: center top;
	width: 1400px;
}
.official-home .img-lightbox-close {
	background: #ffffff1a;
	border: 1px solid hsla(0, 0%, 100%, 0.3);
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: grid;
	font-size: 20px;
	height: 40px;
	line-height: 1;
	place-items: center;
	position: fixed;
	right: 20px;
	top: 20px;
	transition: all .2s var(--ease);
	width: 40px;
	z-index: 10001;
}
.official-home .img-lightbox-close:hover {
	background: #fff3;
	transform: rotate(90deg);
}
.official-home .img-lightbox-hint {
	background: #0006;
	border-radius: 20px;
	bottom: 20px;
	color: #ffffffb3;
	font-size: 12px;
	left: 50%;
	padding: 6px 12px;
	pointer-events: none;
	position: fixed;
	transform: translate(-50%);
}
@media (max-width: 1100px) {
	.official-home .skills-avatars {
		display: none;
	}
	.official-home .skills-header .section-title {
		max-width: none;
	}
}
@media (max-width: 1024px) {
	.official-home .skills-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 640px) {
	.official-home .skills-grid {
		grid-template-columns: 1fr;
	}
	.official-home .skill-card {
		padding: 22px;
	}
}
.official-home .trust-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 48px;
}
.official-home .trust-card {
	align-items: center;
	backdrop-filter: blur(16px) saturate(140%);
	-webkit-backdrop-filter: blur(16px) saturate(140%);
	background: var(--bg-elevated);
	border: 1px solid var(--border);
	border-radius: 20px;
	box-shadow: 0 4px 20px #0000004d, inset 0 1px #ffffff0f;
	display: flex;
	flex-direction: column;
	gap: 18px;
	justify-content: flex-start;
	padding: 36px 28px 32px;
	position: relative;
	text-align: center;
	transition: all .35s var(--ease);
}
.official-home .trust-card:hover {
	border-color: var(--border-strong);
	box-shadow: 0 18px 46px #00000073, 0 0 32px #8b5cf629, inset 0 1px #ffffff1a;
	transform: translateY(-6px);
}
.official-home .trust-icon {
	align-items: center;
	display: flex;
	font-size: 48px;
	height: 90px;
	justify-content: center;
	margin: 0;
	overflow: hidden;
	transition: transform .35s var(--ease);
	width: 140px;
}
.official-home .trust-icon img {
	display: block;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	width: auto;
}
.official-home .trust-icon svg {
	display: block;
	height: 56px;
	width: 56px;
}
.official-home .trust-card:hover .trust-icon {
	transform: scale(1.05);
}
.official-home .trust-card h3 {
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -.01em;
	line-height: 1.6;
	margin: 0;
	text-wrap: balance;
}
.official-home .trust-card .badge,
.official-home .trust-card p {
	display: none;
}
.official-home .carousel-wrap {
	align-items: center;
	display: flex;
	height: 480px;
	justify-content: center;
	left: 50%;
	margin-left: -50vw;
	margin-top: 48px;
	perspective: 1300px;
	position: relative;
	width: 100vw;
}
.official-home .carousel-track {
	height: 100%;
	position: relative;
	transform-style: preserve-3d;
	width: 100%;
}
.official-home .carousel-card {
	background: linear-gradient(165deg, #1e1a32, #151225);
	border: 1px solid rgba(167, 139, 250, 0.3);
	border-radius: var(--radius-lg);
	box-shadow: 0 18px 46px #0000006b, inset 0 0 0 1px #ffffff08;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: 340px;
	margin-left: -150px;
	margin-top: -170px;
	opacity: 0;
	padding: 24px;
	pointer-events: none;
	position: absolute;
	transition: transform .7s var(--ease), opacity .7s var(--ease), box-shadow .7s
		var(--ease), visibility .7s;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	visibility: hidden;
	width: 300px;
	z-index: 0;
}
.official-home .carousel-card:after {
	background: linear-gradient(
		90deg,
		transparent,
		rgba(196, 181, 253, 0.55),
		transparent
	);
	border-radius: 1px;
	content: "";
	height: 1px;
	left: 16%;
	pointer-events: none;
	position: absolute;
	right: 16%;
	top: 0;
}
.official-home .carousel-card:before {
	background: var(--grad-primary);
	border-radius: 0 0 4px 4px;
	content: "";
	height: 4px;
	left: 22px;
	opacity: 0.9;
	position: absolute;
	right: 22px;
	top: 0;
}
.official-home .card-pos-0 {
	opacity: 0.55;
	pointer-events: auto;
	transform: translate(-460px) translateY(30px) rotateY(10deg) scale(0.62);
	visibility: visible;
	z-index: 30;
}
.official-home .card-pos-1 {
	opacity: 0.95;
	pointer-events: auto;
	transform: translate(-244px) translateY(12px) rotateY(5deg) scale(0.84);
	visibility: visible;
	z-index: 40;
}
.official-home .card-pos-2 {
	box-shadow: 0 24px 64px #8b5cf640, 0 0 0 1px #a78bfa59;
	opacity: 1;
	pointer-events: auto;
	transform: translate(0) translateY(0) rotateY(0) scale(1);
	visibility: visible;
	z-index: 50;
}
.official-home .card-pos-3 {
	opacity: 0.95;
	pointer-events: auto;
	transform: translate(244px) translateY(12px) rotateY(-5deg) scale(0.84);
	visibility: visible;
	z-index: 40;
}
.official-home .card-pos-4 {
	opacity: 0.55;
	pointer-events: auto;
	transform: translate(460px) translateY(30px) rotateY(-10deg) scale(0.62);
	visibility: visible;
	z-index: 30;
}
.official-home .case-head {
	margin-bottom: 2px;
}
.official-home .case-seller {
	color: var(--text-main);
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -.01em;
	line-height: 1.3;
}
.official-home .case-cat {
	border: 1px solid var(--primary-100);
	border-radius: 100px;
	color: var(--primary-dark);
	display: inline-block;
	font-size: 11.5px;
	font-weight: 600;
	margin-top: 6px;
	padding: 3px 10px;
}
.official-home .cm-label {
	color: var(--primary);
	display: inline;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .5px;
	margin-right: 6px;
}
.official-home .case-modules {
	color: var(--text-sub);
}
.official-home .case-modules,
.official-home .case-result {
	background: #ffffff0d;
	border: 1px solid var(--border);
	border-radius: 10px;
	font-size: 13px;
	line-height: 1.6;
	padding: 10px 14px;
}
.official-home .case-result {
	color: var(--text-main);
	font-weight: 600;
}
.official-home .case-quote {
	background: linear-gradient(135deg, #a78bfa1f, #a78bfa0a);
	border: 1px solid var(--border);
	border-radius: 10px;
	color: var(--primary-dark);
	font-size: 13px;
	font-style: italic;
	font-weight: 700;
	line-height: 1.55;
	margin-top: auto;
	padding: 12px 14px;
	position: relative;
}
.official-home .case-quote:before {
	background: var(--grad-primary);
	border-radius: 3px 0 0 3px;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	width: 3px;
}
.official-home .carousel-controls {
	align-items: center;
	display: flex;
	gap: 18px;
	justify-content: center;
	margin: 34px auto 0;
	position: relative;
}
.official-home .ctrl-btn {
	align-items: center;
	background: var(--bg-elevated);
	border: 1px solid var(--border);
	border-radius: 50%;
	color: var(--primary-dark);
	cursor: pointer;
	display: flex;
	flex: none;
	height: 44px;
	justify-content: center;
	transition: all .25s var(--ease);
	width: 44px;
}
.official-home .ctrl-btn:hover {
	transform: scale(1.08);
}
.official-home .ctrl-btn svg {
	height: 20px;
	width: 20px;
}
.official-home .case-dots {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	max-width: 340px;
}
.official-home .case-dot {
	border: none;
	border-radius: 50%;
	cursor: pointer;
	height: 8px;
	padding: 0;
	transition: all .3s var(--ease);
	width: 8px;
}
.official-home .case-dot.active {
	border-radius: 100px;
	width: 24px;
}
.official-home .carousel-hint {
	font-size: 13px;
	margin-top: 18px;
	text-align: center;
}
@media (max-width: 1200px) {
	.official-home .carousel-card {
		height: 320px;
		margin-left: -140px;
		margin-top: -160px;
		padding: 22px;
		width: 280px;
	}
	.official-home .card-pos-0 {
		transform: translate(-400px) translateY(28px) rotateY(8deg) scale(0.62);
	}
	.official-home .card-pos-1 {
		transform: translate(-220px) translateY(10px) rotateY(4deg) scale(0.84);
	}
	.official-home .card-pos-3 {
		transform: translate(220px) translateY(10px) rotateY(-4deg) scale(0.84);
	}
	.official-home .card-pos-4 {
		transform: translate(400px) translateY(28px) rotateY(-8deg) scale(0.62);
	}
}
@media (max-width: 900px) {
	.official-home .carousel-wrap {
		height: 440px;
	}
	.official-home .carousel-card {
		gap: 10px;
		height: 300px;
		margin-left: -125px;
		margin-top: -150px;
		padding: 20px;
		width: 250px;
	}
	.official-home .case-seller {
		font-size: 15px;
	}
	.official-home .case-modules,
	.official-home .case-result {
		font-size: 12px;
	}
	.official-home .case-quote {
		font-size: 12.5px;
		padding: 10px 12px;
	}
	.official-home .card-pos-0 {
		opacity: 0.45;
		transform: translate(-240px) translateY(22px) rotateY(6deg) scale(0.58);
	}
	.official-home .card-pos-1 {
		opacity: 0.88;
		transform: translate(-190px) translateY(9px) rotateY(3deg) scale(0.82);
	}
	.official-home .card-pos-3 {
		opacity: 0.88;
		transform: translate(190px) translateY(9px) rotateY(-3deg) scale(0.82);
	}
	.official-home .card-pos-4 {
		opacity: 0.45;
		transform: translate(240px) translateY(22px) rotateY(-6deg) scale(0.58);
	}
}
@media (max-width: 640px) {
	.official-home .carousel-wrap {
		height: 400px;
		margin-top: 48px;
	}
	.official-home .carousel-card {
		border-radius: var(--radius);
		gap: 8px;
		height: 280px;
		margin-left: -107px;
		margin-top: -140px;
		padding: 16px;
		width: 215px;
	}
	.official-home .case-cat {
		font-size: 11px;
		padding: 3px 8px;
	}
	.official-home .case-seller {
		font-size: 14px;
	}
	.official-home .case-modules,
	.official-home .case-result {
		font-size: 11.5px;
		padding: 8px 10px;
	}
	.official-home .case-quote {
		font-size: 12px;
		padding: 10px 12px;
	}
	.official-home .card-pos-0 {
		opacity: 0.4;
		transform: translate(-250px) translateY(18px) rotateY(4deg) scale(0.55);
	}
	.official-home .card-pos-1 {
		opacity: 0.85;
		transform: translate(-150px) translateY(7px) rotateY(2deg) scale(0.82);
	}
	.official-home .card-pos-3 {
		opacity: 0.85;
		transform: translate(150px) translateY(7px) rotateY(-2deg) scale(0.82);
	}
	.official-home .card-pos-4 {
		opacity: 0.4;
		transform: translate(250px) translateY(18px) rotateY(-4deg) scale(0.55);
	}
	.official-home .ctrl-btn {
		height: 38px;
		width: 38px;
	}
	.official-home .ctrl-btn svg {
		height: 18px;
		width: 18px;
	}
}
.official-home .expert-tabs {
	position: relative;
}
.official-home .expert-tabs .tabs {
	align-items: stretch;
	border-bottom: 1px solid var(--border);
	display: flex;
	gap: 0;
	justify-content: center;
	margin-bottom: 28px;
	position: relative;
	z-index: 10;
}
.official-home .expert-tabs .tab {
	align-items: center;
	background: transparent;
	border: none;
	cursor: pointer;
	display: flex;
	flex: 1;
	flex-direction: column;
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	gap: 7px;
	max-width: 200px;
	min-width: 0;
	padding: 14px 8px 12px;
	position: relative;
	transition: all .25s var(--ease);
}
.official-home .expert-tabs .tab:after {
	background: var(--accent);
	border-radius: 3px 3px 0 0;
	bottom: -1px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
	transform: scaleX(0);
	transition: transform .3s var(--ease);
}
.official-home .expert-tabs .tab.active {
	color: var(--accent);
}
.official-home .expert-tabs .tab.active:after {
	transform: scaleX(1);
}
.official-home .expert-tabs .tab-icon {
	align-items: center;
	color: currentColor;
	display: flex;
	height: 26px;
	justify-content: center;
	width: 26px;
}
.official-home .expert-tabs .tab-icon svg {
	height: 22px;
	width: 22px;
}
.official-home .expert-card-grid {
	min-height: 360px;
	position: relative;
}
.official-home .expert-card {
	backdrop-filter: blur(14px) saturate(150%);
	-webkit-backdrop-filter: blur(14px) saturate(150%);
	background: var(--bg-elevated);
	border: 1px solid var(--border);
	border-radius: 22px;
	box-shadow: 0 14px 40px #00000059, inset 0 1px #ffffff0f;
	display: none;
	overflow: hidden;
	transition: opacity .3s var(--ease), transform .3s var(--ease);
}
.official-home .expert-card.active {
	animation: expIn .4s var(--ease);
	display: block;
}
@keyframes expIn {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.official-home .expert-card-inner {
	display: grid;
	grid-template-columns: 360px 1fr;
	min-height: 360px;
}
.official-home .expert-card-info {
	background: linear-gradient(180deg, var(--tint) 0, var(--bg-elevated) 70%);
	display: flex;
	flex-direction: column;
	padding: 26px 24px;
}
.official-home .expert-card-head {
	padding-bottom: 16px;
}
.official-home .expert-card-top {
	align-items: center;
	display: flex;
	gap: 14px;
	margin-bottom: 14px;
}
.official-home .expert-card-avatar {
	background: linear-gradient(145deg, var(--accent), var(--accent-soft));
	border-radius: 20px;
	box-shadow: 0 10px 26px #0000001f;
	flex: none;
	height: 64px;
	overflow: hidden;
	width: 64px;
}
.official-home .expert-card-avatar svg {
	height: 64px;
	width: 64px;
}
.official-home .expert-card-name {
	line-height: 1.3;
}
.official-home .expert-card-name strong {
	display: block;
	font-size: 17px;
	font-weight: 800;
	letter-spacing: -.01em;
}
.official-home .expert-card-name span {
	font-size: 13px;
	font-weight: 600;
}
.official-home .expert-card-status {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.official-home .expert-card-status .badge {
	align-items: center;
	background: #4ade8024;
	border-radius: 999px;
	color: #4ade80;
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	gap: 5px;
	padding: 4px 10px;
}
.official-home .expert-card-status .badge:before {
	background: #10b981;
	border-radius: 50%;
	content: "";
	height: 6px;
	width: 6px;
}
.official-home .expert-card-status .role {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 10px;
}
.official-home .expert-card-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 18px;
}
.official-home .expert-card-skills-title {
	align-items: center;
	display: flex;
	font-size: 13px;
	font-weight: 700;
	gap: 6px;
	margin-bottom: 10px;
}
.official-home .expert-card-skills-title span {
	border-radius: 999px;
	color: var(--text-sub);
	font-size: 12px;
	font-weight: 600;
	padding: 2px 7px;
}
.official-home .expert-card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}
.official-home .expert-card-tags .tag {
	border-radius: 9px;
	font-size: 12px;
	font-weight: 600;
	padding: 6px 11px;
}
.official-home .expert-card-desc {
	font-size: 14px;
	line-height: 1.7;
	margin: 0;
}
.official-home .expert-card-mockup {
	align-items: center;
	background: #ffffff08;
	border-left: 1px solid var(--border);
	display: flex;
	justify-content: center;
	padding: 24px;
}
.official-home .mock-frame {
	background: var(--bg-elevated);
	border: 1px solid var(--border);
	border-radius: 14px;
	box-shadow: 0 10px 28px #00000059;
	max-width: 520px;
	overflow: hidden;
	width: 100%;
}
.official-home .mock-top {
	align-items: center;
	background: #ffffff0f;
	border-bottom: 1px solid var(--border);
	display: flex;
	gap: 6px;
	padding: 10px 14px;
}
.official-home .mock-dot {
	border-radius: 50%;
	height: 9px;
	width: 9px;
}
.official-home .mock-dot.red {
	background: #ef4444;
}
.official-home .mock-dot.yellow {
	background: #f59e0b;
}
.official-home .mock-dot.green {
	background: #10b981;
}
.official-home .mock-title {
	font-size: 12px;
	font-weight: 700;
	margin-left: 8px;
}
.official-home .mock-body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px;
}
.official-home .mock-row {
	align-items: center;
	border-radius: 8px;
	display: grid;
	font-size: 12px;
	gap: 8px;
	grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
	padding: 7px 8px;
}
.official-home .mock-row:nth-child(odd) {
	background: #ffffff0a;
}
.official-home .mock-row.head {
	background: transparent;
	font-weight: 700;
}
.official-home .mock-action {
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 7px;
	text-align: center;
}
.official-home .mock-action.up {
	background: #4ade8024;
	color: #4ade80;
}
.official-home .mock-action.down {
	background: #f8727224;
	color: #f87171;
}
.official-home .mock-action.hold {
	background: #ffffff0f;
	color: #4b5563;
}
.official-home .mock-ai-tip {
	background: rgba(from var(--tip) r g b / 0.08);
	border: 1px solid rgba(from var(--tip) r g b / 0.18);
	border-radius: 10px;
	font-size: 12px;
	line-height: 1.55;
	margin-top: 6px;
	padding: 10px 12px;
}
.official-home .mock-ai-tip b {
	color: var(--tip);
	margin-right: 6px;
}
.official-home .health-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, 1fr);
}
.official-home .health-item {
	background: #ffffff0a;
	border: 1px solid var(--border);
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	font-size: 12px;
	gap: 4px;
	overflow: hidden;
	padding: 12px;
	position: relative;
}
.official-home .health-item b {
	font-size: 14px;
}
.official-home .health-item span {
	font-size: 11px;
}
.official-home .health-item.green {
	background: #4ade8014;
	border-color: #4ade8059;
}
.official-home .health-item.yellow {
	background: #facc1514;
	border-color: #facc1559;
}
.official-home .health-item.red {
	background: #f8727214;
	border-color: #f8727259;
}
.official-home .h-light {
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 4px;
}
.official-home .health-item.green .h-light {
	background: #22c55e;
}
.official-home .health-item.yellow .h-light {
	background: #eab308;
}
.official-home .health-item.red .h-light {
	background: #ef4444;
}
.official-home .inv-row {
	align-items: center;
	display: flex;
	font-size: 13px;
	justify-content: space-between;
	padding: 5px 0;
}
.official-home .inv-row b {
	color: var(--text-main);
	font-weight: 700;
}
.official-home .inv-bar {
	background: #ffffff1f;
	border-radius: 999px;
	height: 8px;
	margin: 2px 0 10px;
	overflow: hidden;
}
.official-home .inv-bar span {
	background: linear-gradient(90deg, var(--accent), var(--accent-soft));
	border-radius: 999px;
	display: block;
	height: 100%;
}
.official-home .arch-tree {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.official-home .arch-node {
	align-items: center;
	background: #ffffff0a;
	border: 1px solid var(--border);
	border-radius: 10px;
	display: flex;
	font-size: 12px;
	justify-content: space-between;
	padding: 10px 12px;
}
.official-home .arch-node b {
	font-size: 13px;
}
.official-home .arch-node span {
	font-size: 11px;
}
.official-home .arch-children {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, 1fr);
	padding-left: 20px;
	position: relative;
}
.official-home .arch-children:before {
	bottom: 50%;
	content: "";
	left: 10px;
	position: absolute;
	top: -8px;
	width: 1px;
}
.official-home .kpis {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(3, 1fr);
}
.official-home .kpi {
	align-items: center;
	background: #ffffff0a;
	border: 1px solid var(--border);
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px 8px;
}
.official-home .kpi span {
	font-size: 11px;
}
.official-home .kpi b {
	font-size: 20px;
	font-weight: 800;
}
.official-home .expert-more-row {
	display: flex;
	justify-content: center;
	margin-top: 32px;
}
.official-home .expert-more-btn {
	align-items: center;
	background: var(--bg-soft);
	border: 1px solid var(--border);
	border-radius: 999px;
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 700;
	gap: 8px;
	padding: 12px 24px;
	transition: all .2s var(--ease);
}
.official-home .expert-more-btn:hover {
	background: #ffffff14;
	box-shadow: 0 8px 24px #00000040;
}
.official-home .expert-more-btn svg {
	height: 16px;
	width: 16px;
}
@media (max-width: 1100px) {
	.official-home .expert-card-inner {
		grid-template-columns: 320px 1fr;
	}
	.official-home .expert-card-info {
		padding: 22px 20px;
	}
	.official-home .expert-card-mockup {
		padding: 20px;
	}
}
@media (max-width: 900px) {
	.official-home .expert-tabs .tab {
		font-size: 12px;
		padding: 12px 4px 10px;
	}
	.official-home .expert-tabs .tab-icon svg {
		height: 20px;
		width: 20px;
	}
	.official-home .expert-card-inner {
		grid-template-columns: 1fr;
	}
	.official-home .expert-card-mockup {
		border-left: none;
		border-top: 1px solid var(--border);
	}
	.official-home .mock-frame {
		max-width: 100%;
	}
}
@media (max-width: 640px) {
	.official-home .expert-tabs .tabs {
		border-bottom: none;
		justify-content: flex-start;
		overflow-x: auto;
		padding-bottom: 8px;
	}
	.official-home .expert-tabs .tab {
		border-bottom: 1px solid var(--border);
		flex: none;
		font-size: 11px;
		min-width: 90px;
		padding: 10px 8px;
	}
	.official-home .expert-card-info {
		padding: 18px 16px;
	}
	.official-home .expert-card-avatar,
	.official-home .expert-card-avatar svg {
		height: 54px;
		width: 54px;
	}
	.official-home .expert-card-name strong {
		font-size: 15px;
	}
	.official-home .expert-card-mockup {
		padding: 16px;
	}
	.official-home .mock-row {
		font-size: 11px;
		grid-template-columns: 1.5fr .8fr .8fr .8fr .8fr;
	}
	.official-home .health-grid {
		grid-template-columns: 1fr;
	}
	.official-home .arch-children {
		grid-template-columns: 1fr;
		padding-left: 0;
	}
	.official-home .arch-children:before {
		display: none;
	}
	.official-home .kpis {
		grid-template-columns: 1fr;
	}
	.official-home .expert-stats {
		border: none;
		flex-direction: column;
		gap: 0;
	}
	.official-home .expert-stat:not(:last-child):after {
		display: none;
	}
	.official-home .expert-stat {
		border-bottom: 1px solid var(--border);
		padding: 18px 8px;
	}
	.official-home .expert-stat:last-child {
		border-bottom: none;
	}
	.official-home .expert-stat .es-num {
		font-size: 40px;
	}
}
.official-home .quote-sheet {
	margin: 36px auto 0;
	max-width: 960px;
}
.official-home .quote-block:not(:last-child) {
	margin-bottom: 40px;
}
.official-home .quote-block-head {
	align-items: center;
	display: flex;
	gap: 14px;
	margin-bottom: 22px;
}
.official-home .quote-block-num {
	align-items: center;
	background: var(--grad-primary);
	border-radius: 10px;
	box-shadow: 0 6px 16px #7b68ee4d;
	color: #fff;
	display: flex;
	flex-shrink: 0;
	font-size: 15px;
	font-weight: 800;
	height: 34px;
	justify-content: center;
	width: 34px;
}
.official-home .quote-block-title {
	color: var(--text-main);
	font-size: 19px;
	font-weight: 800;
	letter-spacing: -.01em;
}
.official-home .quote-block-title small {
	color: var(--text-sub);
	font-size: 13.5px;
	font-weight: 500;
	margin-left: 12px;
}
.official-home .quote-plan-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(3, 1fr);
}
.official-home .quote-plan-card {
	backdrop-filter: blur(12px) saturate(150%);
	-webkit-backdrop-filter: blur(12px) saturate(150%);
	background: var(--bg-elevated);
	border: 1px solid var(--border);
	border-radius: 20px;
	box-shadow: 0 4px 18px #0f10320a;
	padding: 26px 22px;
	position: relative;
	text-align: center;
	transition: all .3s var(--ease);
}
.official-home .quote-plan-card:hover {
	box-shadow: 0 16px 42px #7b68ee1f;
	transform: translateY(-4px);
}
.official-home .plan-badge {
	color: var(--primary-dark);
	display: inline-block;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .5px;
	margin-bottom: 10px;
}
.official-home .plan-count {
	background: var(--grad-primary);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	display: inline-block;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1;
	margin-right: 4px;
}
.official-home .plan-price {
	font-size: 38px;
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1;
}
.official-home .plan-price .currency {
	color: var(--primary-dark);
	font-size: 22px;
	font-weight: 700;
	margin-right: 2px;
}
.official-home .plan-price .period {
	color: var(--text-light);
	font-size: 13px;
	font-weight: 500;
	margin-left: 4px;
}
.official-home .plan-name {
	font-size: 14.5px;
	font-weight: 700;
	margin-top: 12px;
}
.official-home .plan-power {
	font-size: 13px;
	margin-top: 6px;
}
.official-home .plan-power strong {
	color: var(--primary-dark);
	font-weight: 700;
}
.official-home .quote-benefit {
	border: 1px solid var(--primary-100);
	border-radius: 12px;
	color: var(--primary-dark);
	font-size: 13.5px;
	font-weight: 600;
	margin-top: 16px;
	padding: 12px 18px;
	text-align: center;
}
.official-home .quote-power-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(4, 1fr);
}
.official-home .quote-power-card {
	backdrop-filter: blur(12px) saturate(150%);
	-webkit-backdrop-filter: blur(12px) saturate(150%);
	background: var(--bg-elevated);
	border: 1px solid var(--border);
	border-radius: 16px;
	box-shadow: 0 4px 18px #0f10320a;
	padding: 20px 16px;
	text-align: center;
	transition: all .3s var(--ease);
}
.official-home .quote-power-card:hover {
	box-shadow: 0 12px 34px #7b68ee1a;
	transform: translateY(-3px);
}
.official-home .power-price {
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1;
}
.official-home .power-price .currency {
	color: var(--primary-dark);
	font-size: 16px;
	font-weight: 700;
	margin-right: 1px;
}
.official-home .power-amount {
	color: var(--text-sub);
	font-size: 13px;
	font-weight: 600;
	margin-top: 8px;
}
.official-home .power-amount strong {
	color: var(--primary-dark);
}
.official-home .power-explain {
	background: var(--bg-elevated);
	border: 1px solid var(--border);
	border-radius: 20px;
	box-shadow: 0 4px 18px #0f10320a;
	padding: 26px 28px;
}
.official-home .power-explain-intro {
	font-size: 14px;
	line-height: 1.75;
	margin-bottom: 20px;
	text-align: center;
}
.official-home .power-explain-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(3, 1fr);
}
.official-home .power-explain-item {
	background: #ffffff0d;
	border: 1px solid var(--border);
	border-radius: 14px;
	padding: 16px;
	text-align: center;
}
.official-home .power-explain-name {
	font-size: 13.5px;
	font-weight: 700;
	margin-bottom: 8px;
}
.official-home .power-explain-rate {
	color: var(--primary-dark);
	font-size: 14.5px;
	font-weight: 800;
}
.official-home .power-explain-rate span {
	color: var(--text-sub);
	font-size: 12px;
	font-weight: 500;
}
.official-home .quote-footer {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .5px;
	margin-top: 28px;
	text-align: center;
}
@media (max-width: 860px) {
	.official-home .quote-plan-grid {
		grid-template-columns: 1fr;
	}
	.official-home .quote-power-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 560px) {
	.official-home .quote-power-grid {
		grid-template-columns: 1fr;
	}
	.official-home .plan-price {
		font-size: 32px;
	}
	.official-home .power-price {
		font-size: 24px;
	}
	.official-home .power-explain-grid {
		grid-template-columns: 1fr;
	}
}
.official-home .cta-section {
	background: transparent;
	overflow: hidden;
	padding: 140px 48px;
	position: relative;
	text-align: center;
}
.official-home .cta-section:before {
	background-image: linear-gradient(hsla(0, 0%, 100%, 0.05) 1px, transparent 0),
		linear-gradient(90deg, hsla(0, 0%, 100%, 0.05) 1px, transparent 0);
	background-size: 44px 44px;
	content: "";
	inset: 0;
	-webkit-mask-image: radial-gradient(
		ellipse 80% 70% at 50% 45%,
		#000 25%,
		transparent 75%
	);
	mask-image: radial-gradient(
		ellipse 80% 70% at 50% 45%,
		#000 25%,
		transparent 75%
	);
	opacity: 0.7;
	pointer-events: none;
	position: absolute;
}
.official-home .cta-section:after {
	display: none;
}
.official-home .cta-glow {
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}
.official-home .cta-glow .g1 {
	animation: ctaGlowMove1 16s ease-in-out infinite alternate;
	background: radial-gradient(
		circle,
		rgba(139, 92, 246, 0.12) 0,
		transparent 70%
	);
	border-radius: 50%;
	filter: blur(80px);
	height: 320px;
	left: 18%;
	position: absolute;
	top: -80px;
	width: 320px;
}
.official-home .cta-glow .g2 {
	animation: ctaGlowMove2 18s ease-in-out infinite alternate;
	background: radial-gradient(
		circle,
		rgba(59, 130, 246, 0.08) 0,
		transparent 70%
	);
	border-radius: 50%;
	filter: blur(70px);
	height: 260px;
	position: absolute;
	right: 14%;
	top: 30%;
	width: 260px;
}
.official-home .cta-glow .g3 {
	animation: ctaGlowMove3 14s ease-in-out infinite alternate;
	background: radial-gradient(
		circle,
		rgba(217, 70, 239, 0.07) 0,
		transparent 70%
	);
	border-radius: 50%;
	bottom: -40px;
	filter: blur(60px);
	height: 200px;
	left: 45%;
	position: absolute;
	width: 200px;
}
@keyframes ctaGlowMove1 {
	0% {
		transform: translate(0);
	}
	to {
		transform: translate(30px, 20px);
	}
}
@keyframes ctaGlowMove2 {
	0% {
		transform: translate(0);
	}
	to {
		transform: translate(-25px, -15px);
	}
}
@keyframes ctaGlowMove3 {
	0% {
		transform: translate(0);
	}
	to {
		transform: translate(15px, -25px);
	}
}
.official-home .cta-inner {
	margin: 0 auto;
	max-width: 700px;
	position: relative;
	z-index: 2;
}
.official-home .cta-inner h2 {
	color: #fff;
	font-size: clamp(45px, 6.1vw, 63px);
	font-weight: 800;
	letter-spacing: .02em;
	line-height: 1.25;
	margin-bottom: 18px;
	text-shadow: 0 0 42px rgba(155, 142, 232, 0.35);
	text-wrap: balance;
}
.official-home .cta-inner .sub {
	color: #c9c2f5;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 44px;
	white-space: nowrap;
}
.official-home .cta-group {
	display: flex;
	gap: 18px;
	justify-content: center;
}
.official-home .cta-inner .btn-primary {
	border-radius: 16px;
	font-size: 21px;
	font-weight: 700;
	padding: 22px 64px;
}
.official-home .cta-inner .btn-primary:hover {
	box-shadow: 0 18px 48px #0006, inset 0 1px #ffffff80;
}
.official-home .cta-inner .btn-secondary {
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	background: #ffffff14;
	border: 1.5px solid hsla(0, 0%, 100%, 0.22);
	box-shadow: none;
	color: #fff;
}
.official-home .cta-inner .btn-secondary:hover {
	background: #ffffff26;
	border-color: #ffffff61;
}
.official-home .cta-highlight {
	align-items: center;
	animation: ctaGlow 2.2s ease-in-out infinite;
	color: #ffd97d;
	display: inline-flex;
	font-size: 19px;
	font-weight: 800;
	gap: 8px;
	letter-spacing: .8px;
	margin-top: 34px;
}
@keyframes ctaGlow {
	0%,
	to {
		opacity: 0.72;
		text-shadow: 0 0 0 rgba(255, 217, 125, 0);
	}
	50% {
		opacity: 1;
		text-shadow: 0 0 22px rgba(255, 217, 125, 0.55);
	}
}
.official-home .footer {
	background: transparent;
	padding: 70px 48px 40px;
	position: relative;
}
.official-home .footer:before {
	background: linear-gradient(
		90deg,
		transparent,
		rgba(155, 142, 232, 0.5),
		transparent
	);
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.official-home .footer-inner {
	display: grid;
	gap: 40px;
	grid-template-columns: 2fr 1fr 1fr 1fr 1.2fr;
	margin: 0 auto;
	max-width: var(--max-w);
}
.official-home .footer-brand h3 {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 20px;
	font-weight: 800;
	gap: 10px;
	margin-bottom: 14px;
	white-space: nowrap;
}
.official-home .footer-brand h3:before {
	background: var(--grad-primary);
	border-radius: 8px;
	box-shadow: 0 4px 12px #7b68ee66;
	content: "";
	display: inline-block;
	height: 24px;
	width: 24px;
}
.official-home .footer-logo-img {
	display: block;
	filter: brightness(0) invert(1);
	height: 30px;
	margin-bottom: 16px;
	width: auto;
}
.official-home .footer-brand p {
	font-size: 14px;
	line-height: 1.8;
	max-width: 340px;
}
.official-home .footer-col h5 {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 18px;
}
.official-home .footer-col a {
	color: #9ca3af;
	display: block;
	font-size: 14px;
	margin-bottom: 12px;
	transition: all .2s;
}
.official-home .footer-col a:hover {
	transform: translate(3px);
}
.official-home .footer-qr {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.official-home .footer-qr .qr-item {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: -moz-fit-content;
	width: fit-content;
}
.official-home .footer-qr .qr-item img {
	background: #fff;
	border: 1px solid hsla(0, 0%, 100%, 0.14);
	border-radius: 12px;
	box-shadow: 0 6px 20px #00000047;
	height: 108px;
	-o-object-fit: contain;
	object-fit: contain;
	padding: 7px;
	transition: transform .25s var(--ease), box-shadow .25s var(--ease);
	width: 108px;
}
.official-home .footer-qr .qr-item img:hover {
	box-shadow: 0 12px 28px #8b5cf64d;
	transform: translateY(-3px);
}
.official-home .footer-qr .qr-item span {
	color: #9ca3af;
	font-size: 12.5px;
	letter-spacing: .3px;
}
.official-home .footer-phone {
	margin-top: 8px;
}
.official-home .footer-phone a {
	color: #9ca3af;
	transition: color .2s;
}
.official-home .footer-phone a:hover {
	color: var(--primary-light);
}
.official-home .footer-bottom {
	border-top: 1px solid hsla(0, 0%, 100%, 0.08);
	color: #7c7fa3;
	font-size: 13px;
	margin: 44px auto 0;
	max-width: var(--max-w);
	padding-top: 24px;
	text-align: center;
}
@keyframes pulse {
	0%,
	to {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 0.55;
		transform: scale(1.15);
	}
}
@keyframes float {
	0%,
	to {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-18px);
	}
}
@keyframes expandIn {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.official-home .fade-in {
	transform: translateY(26px);
}
@media (prefers-reduced-motion: reduce) {
	.official-home .fade-in {
		opacity: 1;
		transform: none;
		transition: none;
	}
	.official-home .reveal-card {
		animation: none;
		opacity: 1;
	}
}
.official-home .section-block {
	background: transparent;
	border: none;
	border-radius: 28px;
	margin-top: 32px;
	padding: 36px 0;
}
.official-home .section-block.light {
	background: transparent;
	border: none;
	box-shadow: none;
}
.official-home .section-block .agent-grid,
.official-home .section-block .price-grid,
.official-home .section-block .skills-grid,
.official-home .section-block .trust-grid {
	margin-top: 0;
}
.official-home .section-block .expert-stats {
	margin-bottom: 32px;
}
.official-home .section-block .skills-more-wrap {
	margin-top: 36px;
}
.official-home .case-panel {
	background: transparent;
	left: 50%;
	margin-left: -50vw;
	margin-top: 40px;
	padding: 10px 0 0;
	position: relative;
	width: 100vw;
}
@media (max-width: 1024px) {
	.official-home .nav-links {
		display: none;
	}
	.official-home .section-block {
		padding: 24px 0;
	}
	.official-home .addon-grid,
	.official-home .agent-grid,
	.official-home .power-grid,
	.official-home .price-grid,
	.official-home .skills-grid,
	.official-home .trust-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.official-home .footer-inner {
		grid-template-columns: 1fr 1fr;
	}
	.official-home .footer-qr {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 20px;
	}
	.official-home .hero-showcase {
		gap: 14px;
	}
	.official-home .hero-tabs {
		gap: 10px;
	}
	.official-home .demo-chrome {
		gap: 10px;
		height: 40px;
		padding: 0 12px;
	}
	.official-home .dc-live {
		display: none;
	}
	.official-home .dc-url {
		font-size: 11.5px;
		height: 26px;
		padding: 0 12px;
	}
	.official-home .dc-dots {
		gap: 6px;
	}
	.official-home .dc-dots i {
		height: 10px;
		width: 10px;
	}
	.official-home .hero-tab {
		border-radius: 16px;
		gap: 8px;
		padding: 16px 10px 14px;
	}
	.official-home .hero-tab .ht-icon {
		font-size: 22px;
		height: 46px;
		width: 46px;
	}
	.official-home .hero-tab .ht-main strong {
		font-size: 14px;
	}
	.official-home .hero-tab:after {
		height: 3px;
		width: 32px;
	}
	.official-home .demo-video {
		height: auto;
	}
}
@media (max-width: 640px) {
	.official-home .cta-section,
	.official-home .hero,
	.official-home .section {
		padding-left: 20px;
		padding-right: 20px;
	}
	.official-home .section {
		padding-bottom: 72px;
		padding-top: 72px;
	}
	.official-home .trust-grid {
		gap: 16px;
		grid-template-columns: 1fr;
		padding: 0;
	}
	.official-home .nav {
		padding: 0 6px 0 14px;
		top: 10px;
		width: calc(100% - 24px);
	}
	.official-home .nav-logo {
		font-size: 17px;
	}
	.official-home .nav-cta {
		font-size: 13px;
		padding: 8px 14px;
	}
	.official-home .hero {
		padding-top: 120px;
	}
	.official-home .hero-title {
		font-size: 30px;
		white-space: normal;
	}
	.official-home .hero-subtitle {
		font-size: 14px;
		line-height: 1.7;
		max-width: 100%;
	}
	.official-home .section-title {
		font-size: 37px;
	}
	.official-home .hero-showcase {
		flex-direction: column;
		gap: 14px;
	}
	.official-home .hero-tabs {
		flex-direction: row;
		gap: 8px;
		margin-bottom: 0;
		max-width: 100%;
		width: 100%;
	}
	.official-home .hero-tab {
		border-radius: 14px;
		flex: 1;
		gap: 6px;
		padding: 12px 6px 10px;
	}
	.official-home .hero-tab .ht-icon {
		font-size: 18px;
		height: 38px;
		width: 38px;
	}
	.official-home .hero-tab .ht-main strong {
		font-size: 13px;
	}
	.official-home .hero-tab:after {
		display: none;
	}
	.official-home .demo-video {
		height: auto;
		max-width: 100%;
	}
	.official-home .video-placeholder {
		font-size: 14px;
	}
	.official-home .play-btn {
		font-size: 15px;
		height: 52px;
		width: 52px;
	}
	.official-home .price-grid,
	.official-home .skills-grid {
		grid-template-columns: 1fr;
	}
	.official-home .expert-stats {
		border: none;
		flex-direction: column;
		gap: 0;
		margin-bottom: 24px;
		max-width: 100%;
	}
	.official-home .expert-stat:not(:last-child):after {
		display: none;
	}
	.official-home .expert-stat {
		border-bottom: 1px solid var(--border);
		padding: 16px 8px;
	}
	.official-home .expert-stat:last-child {
		border-bottom: none;
	}
	.official-home .section-block {
		border-radius: 20px;
		padding: 16px 0;
	}
	.official-home .cta-group,
	.official-home .hero-cta-group {
		flex-direction: column;
	}
	.official-home .hero-demo {
		border-radius: 20px;
		max-width: 100%;
	}
	.official-home .cta-section {
		padding: 90px 20px;
	}
	.official-home .footer-inner {
		grid-template-columns: 1fr;
	}
	.official-home .footer {
		padding: 56px 24px 32px;
	}
	.official-home .footer-qr {
		flex-direction: row;
		justify-content: flex-start;
	}
	.official-home .footer-qr .qr-item img {
		height: 96px;
		width: 96px;
	}
}
.official-home .scroll-progress {
	animation: progressSheen 3s linear infinite;
	background: linear-gradient(90deg, #7b68ee, #9b8ee8, #c4b5fd, #7b68ee);
	box-shadow: 0 0 10px #8b78ffbf, 0 0 22px #7b68ee73;
	height: 3px;
	left: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	width: 0;
	z-index: 2000;
}
@keyframes progressSheen {
	0% {
		background-position: 0 0;
	}
	to {
		background-position: 200% 0;
	}
}
.official-home .hero-orb {
	border-radius: 50%;
	filter: blur(1px);
	pointer-events: none;
	position: absolute;
	z-index: 0;
}
.official-home .orb-1 {
	animation: orbFloat 7s ease-in-out infinite;
	background: #9b8ee880;
	box-shadow: 0 0 16px #9b8ee88c;
	height: 14px;
	left: 16%;
	top: 22%;
	width: 14px;
}
.official-home .orb-2 {
	animation: orbFloat 9s ease-in-out .8s infinite;
	background: #7b68ee8c;
	box-shadow: 0 0 12px #7b68ee99;
	height: 9px;
	right: 20%;
	top: 64%;
	width: 9px;
}
.official-home .orb-3 {
	animation: orbFloat 11s ease-in-out 1.6s infinite;
	background: radial-gradient(circle, rgba(196, 181, 253, 0.5), transparent 70%);
	bottom: 18%;
	height: 20px;
	left: 38%;
	width: 20px;
}
@keyframes orbFloat {
	0%,
	to {
		opacity: 0.65;
		transform: translateY(0) scale(1);
	}
	50% {
		opacity: 1;
		transform: translateY(-26px) scale(1.15);
	}
}
.official-home .expert-card,
.official-home .quote-plan-card,
.official-home .quote-power-card,
.official-home .skill-card {
	overflow: hidden;
	position: relative;
}
.official-home .expert-card > *,
.official-home .quote-plan-card > *,
.official-home .quote-power-card > *,
.official-home .skill-card > * {
	position: relative;
	z-index: 1;
}
.official-home .expert-card:before,
.official-home .quote-plan-card:before,
.official-home .quote-power-card:before,
.official-home .skill-card:before {
	background: radial-gradient(
		120% 90% at 50% 0,
		rgba(139, 120, 255, 0.18) 0,
		transparent 55%
	);
	border-radius: inherit;
	content: "";
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity .35s var(--ease);
	z-index: 0;
}
.official-home .expert-card:hover,
.official-home .quote-plan-card:hover,
.official-home .quote-power-card:hover,
.official-home .skill-card:hover {
	border-color: #7b68ee80;
	box-shadow: 0 0 0 1px #7b68ee38, 0 20px 48px #5d4edc2e;
	transform: translateY(-6px);
}
.official-home .expert-card:hover:before,
.official-home .quote-plan-card:hover:before,
.official-home .quote-power-card:hover:before,
.official-home .skill-card:hover:before {
	opacity: 1;
}
.official-home .carousel-card:hover {
	border-color: #7b68ee73;
	box-shadow: 0 0 0 1px #7b68ee33, 0 24px 64px #5d4edc29;
}
.official-home .btn-primary:hover {
	box-shadow: 0 0 28px #7b68ee66, 0 14px 36px #7b68ee73, inset 0 1px #ffffff40;
}
.official-home .btn-secondary:hover {
	box-shadow: 0 0 20px #7b68ee38, 0 10px 28px #7b68ee29;
}
.official-home .agent-btn-use:hover {
	box-shadow: 0 0 24px #7b68ee4d;
}
.official-home .agent-btn-use,
.official-home .btn-primary,
.official-home .nav-cta,
.official-home .skill-btn-primary {
	animation: ctaBreathe 4s ease-in-out infinite;
	overflow: hidden;
	position: relative;
}
.official-home .agent-btn-use:before,
.official-home .btn-primary:before,
.official-home .nav-cta:before,
.official-home .skill-btn-primary:before {
	animation: ctaSweep 4s ease-in-out infinite;
	background: linear-gradient(
		100deg,
		transparent,
		hsla(0, 0%, 100%, 0.45) 50%,
		transparent
	);
	bottom: -25%;
	content: "";
	left: -45%;
	pointer-events: none;
	position: absolute;
	top: -25%;
	transform: skew(-18deg);
	width: 30%;
}
@keyframes ctaSweep {
	0%,
	55% {
		left: -45%;
	}
	92% {
		left: 125%;
	}
	to {
		left: 125%;
	}
}
@keyframes ctaBreathe {
	0%,
	to {
		box-shadow: 0 0 #7b68ee00, 0 0 8px #7b68ee24, inset 0 1px #ffffff2e;
	}
	50% {
		box-shadow: 0 0 0 4px #7b68ee0d, 0 0 16px #7b68ee4d, inset 0 1px #ffffff3d;
	}
}
.official-home .fade-in {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity .7s var(--ease), transform .7s var(--ease);
}
.official-home .fade-in.visible {
	opacity: 1;
	transform: translateY(0);
}
.official-home .reveal {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity .7s var(--ease), transform .7s var(--ease);
}
.official-home .reveal.visible {
	opacity: 1;
	transform: translateY(0);
}
.official-home .reveal-card {
	opacity: 0;
}
.official-home .reveal-card.revealed {
	animation: fadeInUp .7s var(--ease) both;
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
@media (prefers-reduced-motion: reduce) {
	.official-home .scroll-progress {
		animation: none;
	}
	.official-home .fade-in,
	.official-home .reveal,
	.official-home .reveal-card {
		animation: none;
		opacity: 1;
		transform: none;
		transition: none;
	}
	.official-home .agent-btn-use,
	.official-home .btn-primary,
	.official-home .hero-orb,
	.official-home .nav-cta,
	.official-home .skill-btn-primary {
		animation: none;
	}
}
@media (max-width: 640px) {
	.official-home .nav {
		width: calc(100% - 24px);
	}
	.official-home .nav-logo-img {
		width: 58px;
	}
}
.official-home .agents-section,
.official-home .cta-section,
.official-home .section,
.official-home .section-full {
	backdrop-filter: blur(8px) saturate(170%);
	-webkit-backdrop-filter: blur(8px) saturate(170%);
	background: linear-gradient(180deg, #6d28d91a, #0e0a1c1a 60%, #0e0a1c24);
	border: 1px solid rgba(139, 92, 246, 0.1);
	border-radius: 32px;
	box-shadow: 0 8px 32px #0003, 0 0 46px #8b5cf61f, 0 0 120px #8b5cf60f, inset 0
		1px #ffffff0d;
	overflow: visible;
	position: relative;
}
.official-home .agents-section:after,
.official-home .agents-section:before,
.official-home .cta-section:after,
.official-home .cta-section:before,
.official-home .section-full:after,
.official-home .section-full:before,
.official-home .section:after,
.official-home .section:before {
	display: none;
}
.official-home #hero,
.official-home .hero {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	border: none;
	box-shadow: none;
}
.official-home .agents-section .decor-mini,
.official-home .agents-section .decor-star,
.official-home .agents-section .decor-top,
.official-home .cta-section .decor-mini,
.official-home .cta-section .decor-star,
.official-home .cta-section .decor-top,
.official-home .section .decor-mini,
.official-home .section .decor-star,
.official-home .section .decor-top,
.official-home .section-full .decor-mini,
.official-home .section-full .decor-star,
.official-home .section-full .decor-top {
	display: none;
}
.official-home .agents-section > *,
.official-home .cta-section > *,
.official-home .section-full > *,
.official-home .section > * {
	position: relative;
	z-index: 1;
}
.official-home .agents-section,
.official-home .section-full.bg-lv1,
.official-home .section-full.bg-lv2,
.official-home .section-full.bg-lv3,
.official-home .section-full.bg-soft {
	background: linear-gradient(180deg, #6d28d91a, #0e0a1c1a 60%, #0e0a1c24);
}
.official-home .glass-block:after {
	background: radial-gradient(
		120% 120% at 50% 50%,
		transparent 58%,
		rgba(139, 92, 246, 0.05) 82%,
		rgba(139, 92, 246, 0.13) 95%,
		transparent 100%
	);
	border-radius: inherit;
	box-shadow: inset 0 0 46px #8b5cf612;
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}
.official-home:after {
	background: radial-gradient(
			circle at 14% 20%,
			rgba(139, 92, 246, 0.05) 0,
			transparent 42%
		),
		radial-gradient(
			circle at 85% 82%,
			rgba(109, 40, 217, 0.04) 0,
			transparent 42%
		);
	content: "";
	filter: blur(56px);
	inset: -20%;
	opacity: 0.85;
	pointer-events: none;
	position: fixed;
	z-index: -8;
}
@keyframes bgBlobs {
	0% {
		transform: translate(0) rotate(0) scale(1);
	}
	50% {
		transform: translate(-7%, 5%) rotate(12deg) scale(1.12);
	}
	to {
		transform: translate(4%, -4%) rotate(-8deg) scale(1.06);
	}
}
.official-home .section-glow {
	inset: 0;
	overflow: visible;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}
.official-home .section-glow:before {
	background: radial-gradient(
		circle,
		rgba(155, 142, 232, 0.4) 0,
		rgba(139, 92, 246, 0.16) 45%,
		transparent 72%
	);
	border-radius: 50%;
	content: "";
	filter: blur(100px);
	height: 520px;
	opacity: 0.14;
	position: absolute;
	right: -120px;
	top: -160px;
	width: 520px;
}
.official-home .section-glow:after {
	background: radial-gradient(
		circle,
		rgba(96, 165, 250, 0.35) 0,
		rgba(59, 130, 246, 0.14) 45%,
		transparent 72%
	);
	border-radius: 50%;
	bottom: -140px;
	content: "";
	filter: blur(90px);
	height: 460px;
	left: -100px;
	opacity: 0.1;
	position: absolute;
	width: 460px;
}
.official-home .section-glow .sg-orb {
	background: radial-gradient(
		circle,
		rgba(217, 70, 239, 0.25) 0,
		transparent 70%
	);
	border-radius: 50%;
	filter: blur(60px);
	pointer-events: none;
	position: absolute;
}
.official-home .section-glow .sg-orb.o1 {
	height: 240px;
	left: 25%;
	opacity: 0.08;
	top: 30%;
	width: 240px;
}
.official-home .section-glow .sg-orb.o2 {
	height: 180px;
	opacity: 0.07;
	right: 18%;
	top: 55%;
	width: 180px;
}
.official-home .nav {
	background: #06060ad9;
	border-color: #8b5cf61a;
	box-shadow: 0 4px 24px #00000059;
}
.official-home .nav.scrolled {
	background: #06060aeb;
	border-color: #8b5cf624;
	box-shadow: 0 10px 36px #00000073;
}
.official-home .nav-links a:hover,
.official-home .nav-login:hover {
	background: var(--primary-50);
	color: var(--primary-light);
}
.official-home #hero,
.official-home .hero {
	background: transparent;
}
.official-home .hero-aurora,
.official-home .hero-beam {
	display: none;
}
.official-home .hero:before {
	background-image: linear-gradient(
			rgba(155, 142, 232, 0.015) 1px,
			transparent 0
		), linear-gradient(90deg, rgba(155, 142, 232, 0.03) 1px, transparent 0);
}
.official-home .hero-title .highlight {
	background: linear-gradient(
		120deg,
		var(--primary) 0,
		var(--primary-light) 55%,
		#c4b5fd 100%
	);
	-webkit-background-clip: text;
	background-clip: text;
}
.official-home .agent-btn-use,
.official-home .btn-primary,
.official-home .nav-cta,
.official-home .skill-btn-primary {
	background: linear-gradient(135deg, #7c3aed, #8b5cf6);
	box-shadow: 0 8px 24px #7c3aed59, inset 0 1px #ffffff40;
	color: #fff;
}
.official-home .agent-btn-use:hover,
.official-home .btn-primary:hover,
.official-home .nav-cta:hover,
.official-home .skill-btn-primary:hover {
	box-shadow: 0 0 28px #8b5cf673, 0 14px 36px #7c3aed66, inset 0 1px #ffffff40;
}
.official-home .btn-secondary {
	background: #8b5cf614;
	border-color: #8b5cf63d;
	box-shadow: none;
	color: #fff;
}
.official-home .btn-secondary:hover {
	background: #8b5cf624;
	border-color: #8b5cf666;
	color: #fff;
}
.official-home .cta-inner .btn-primary {
	background: linear-gradient(135deg, #7c3aed, #8b5cf6);
	box-shadow: 0 12px 36px #00000059, inset 0 1px #ffffff40;
	color: #fff;
}
.official-home .cta-inner .btn-primary:hover {
	box-shadow: 0 0 32px #8b5cf666, 0 18px 48px #0006, inset 0 1px #ffffff40;
}
.official-home .cta-inner .btn-secondary:hover {
	box-shadow: 0 8px 24px #00000040;
}
.official-home #hero .section-full.bg-gradient,
.official-home #hero .section-full.bg-soft {
	background: transparent;
}
.official-home .hero-tab:hover {
	background: #9f8fff0f;
}
.official-home .hero-tab.active {
	background: #12101ed1;
	border-color: #9b8ee83d;
	box-shadow: 0 14px 40px #00000047, 0 0 0 1px #9b8ee814;
}
.official-home .hero-tab .ht-icon {
	background: linear-gradient(135deg, #18162a, #12101e);
	border-color: #9b8ee81f;
	color: var(--text-sub);
}
.official-home .hero-tab.active .ht-icon {
	background: var(--grad-primary);
	border-color: transparent;
	box-shadow: 0 12px 32px #8b5cf652;
	color: #fff;
}
.official-home .hero-tab .ht-main strong {
	color: var(--text-sub);
}
.official-home .hero-tab.active .ht-main strong {
	color: var(--primary-light);
}
.official-home .hero-demo {
	background: #12101e;
	box-shadow: 0 32px 88px #00000059;
}
.official-home .demo-video {
	background: linear-gradient(135deg, #151225, #0e0c18 50%, #12101e);
}
.official-home .video-placeholder {
	color: var(--primary-light);
}
.official-home .play-btn {
	background: #12101e;
	box-shadow: 0 12px 36px #00000040, inset 0 0 0 1px #9b8ee82e;
	color: var(--primary);
}
.official-home .hero-demo:hover .play-btn {
	box-shadow: 0 16px 44px #9f8fff38, inset 0 0 0 1px #9b8ee83d;
}
.official-home .agents-section {
	background: transparent;
}
.official-home .agent-eyebrow,
.official-home .section-eyebrow {
	background: linear-gradient(
		135deg,
		var(--primary-50),
		rgba(159, 143, 255, 0.06)
	);
	border-color: var(--primary-100);
	color: var(--primary-light);
}
.official-home .agent-eyebrow:before,
.official-home .section-eyebrow:before {
	background: var(--primary);
	box-shadow: 0 0 10px #9f8fff99;
}
.official-home .agent-list .check {
	background: var(--primary-50);
	border-color: var(--primary-100);
	color: var(--primary);
}
.official-home .skill-card {
	background: #12101e;
	border-color: var(--border);
	box-shadow: 0 4px 16px #00000038;
}
.official-home .skill-card:hover {
	border-color: var(--primary-200);
	box-shadow: 0 0 0 1px #9f8fff1f, 0 20px 48px #00000059;
}
.official-home .skill-icon {
	background: linear-gradient(135deg, #18162a, #12101e);
	border-color: var(--primary-100);
}
.official-home .skill-tag {
	background: #9f8fff1a;
	border-color: #9f8fff29;
	color: var(--primary-light);
}
.official-home .skill-desc {
	color: var(--text-sub);
}
.official-home .skill-btn {
	background: #9f8fff0f;
	border-color: var(--border);
	color: var(--text-sub);
}
.official-home .skill-btn:hover {
	background: #a78bfa1f;
	border-color: var(--primary-light);
	color: var(--primary-light);
}
.official-home .skill-btn.skill-btn-primary {
	background: linear-gradient(135deg, #7c3aed, #8b5cf6);
	border: none;
	box-shadow: 0 6px 18px #8b5cf652, inset 0 1px #ffffff40;
	color: #fff;
}
.official-home .skill-btn.skill-btn-primary:hover {
	box-shadow: 0 10px 26px #9f8fff66;
}
.official-home .skills-more-btn {
	background: #12101e;
	border-color: var(--border);
	color: var(--text-sub);
}
.official-home .skills-more-btn:hover {
	background: #a78bfa1f;
	border-color: var(--primary-light);
	color: var(--primary-light);
}
.official-home .skill-modal-backdrop {
	background: #000000b3;
}
.official-home .skill-modal-card {
	background: #12101e;
	border-color: var(--border-strong);
	box-shadow: 0 32px 80px #00000073;
}
.official-home .skill-modal-close {
	background: #0e0c18;
	border-color: var(--border);
	color: var(--text-aux);
}
.official-home .skill-modal-close:hover {
	background: var(--primary-50);
	border-color: var(--primary);
	color: var(--primary);
}
.official-home .skill-modal-icon {
	background: linear-gradient(135deg, #18162a, #12101e);
	border-color: var(--primary-100);
}
.official-home .skill-modal-meta h4 {
	color: var(--text-main);
}
.official-home .skill-modal-desc {
	border-bottom-color: var(--border);
	color: var(--text-sub);
}
.official-home .skill-modal-detail h5 {
	color: var(--primary-light);
}
.official-home .skill-modal-detail p {
	color: var(--text-main);
}
.official-home .skill-modal-screenshot {
	background: #0e0c18;
	border-color: var(--border);
}
.official-home .skill-modal-screenshot-label {
	background: #12101e;
	color: var(--primary-light);
}
.official-home .trust-card {
	background: #12101e;
	border-color: var(--border);
	box-shadow: 0 4px 20px #0000002e;
}
.official-home .trust-card:hover {
	border-color: var(--primary-200);
	box-shadow: 0 12px 32px #00000047, 0 0 0 1px #9f8fff14;
}
.official-home .trust-card h3 {
	color: var(--text-main);
}
.official-home .carousel-card {
	background: #12101e;
	border-color: var(--border);
	box-shadow: var(--shadow);
}
.official-home .carousel-card:hover {
	border-color: #9f8fff59;
	box-shadow: 0 0 0 1px #9f8fff1f, 0 24px 64px #0000004d;
}
.official-home .card-pos-2 {
	box-shadow: 0 24px 64px #00000052;
}
.official-home .case-cat {
	background: var(--primary-50);
	border-color: var(--primary-100);
	color: var(--primary-light);
}
.official-home .case-modules,
.official-home .case-result {
	background: #0e0c18;
	border-color: #9b8ee814;
	color: var(--text-sub);
}
.official-home .case-modules b,
.official-home .case-result b {
	color: var(--text-main);
}
.official-home .case-quote {
	background: linear-gradient(135deg, #9f8fff1f, #9f8fff0d);
	border-color: var(--primary-100);
	color: var(--primary-light);
}
.official-home .ctrl-btn {
	background: #12101e;
	border-color: var(--border);
	box-shadow: var(--shadow);
	color: var(--primary-light);
}
.official-home .ctrl-btn:hover {
	background: var(--primary-50);
	border-color: var(--primary-200);
}
.official-home .case-dot {
	background: var(--primary-200);
}
.official-home .case-dot.active {
	background: var(--primary);
}
.official-home .carousel-hint {
	color: var(--text-aux);
}
.official-home .expert-stats {
	border-color: var(--border);
}
.official-home .expert-stat:not(:last-child):after {
	background: var(--border);
}
.official-home .expert-stat .es-label {
	color: var(--text-sub);
}
.official-home .expert-tabs .tabs {
	border-bottom-color: var(--border);
}
.official-home .expert-tabs .tab {
	color: var(--text-sub);
}
.official-home .expert-card {
	background: #12101e;
	border-color: var(--border);
	box-shadow: 0 14px 40px #00000038;
}
.official-home .expert-card-info {
	background: linear-gradient(180deg, var(--tint) 0, var(--bg-white) 70%);
}
.official-home .expert-card-name strong {
	color: var(--text-main);
}
.official-home .expert-card-name span {
	color: var(--text-sub);
}
.official-home .expert-card-status .role {
	background: var(--tint);
	color: var(--accent);
}
.official-home .expert-card-skills-title {
	color: var(--text-main);
}
.official-home .expert-card-skills-title span {
	background: var(--tint);
	color: var(--accent);
}
.official-home .expert-card-tags .tag {
	background: var(--tint);
	color: var(--text-sub);
}
.official-home .expert-card-desc {
	color: var(--text-sub);
}
.official-home .expert-card-mockup {
	background: #0e0c18;
	border-left-color: var(--border);
}
.official-home .mock-frame {
	background: #12101e;
	border-color: var(--border);
	box-shadow: 0 10px 28px #0003;
}
.official-home .mock-top {
	background: #18162a;
	border-bottom-color: var(--border);
}
.official-home .mock-title {
	color: var(--text-sub);
}
.official-home .mock-row:nth-child(odd) {
	background: #0e0c18;
}
.official-home .mock-row.head {
	color: var(--text-sub);
}
.official-home .mock-action.up {
	background: #22c55e24;
	color: #86efac;
}
.official-home .mock-action.down {
	background: #ef444424;
	color: #fca5a5;
}
.official-home .mock-action.hold {
	background: #9b8ee81f;
	color: var(--text-sub);
}
.official-home .mock-ai-tip {
	background: rgba(from var(--tip) r g b / 0.12);
	border-color: rgba(from var(--tip) r g b / 0.28);
	color: var(--text-main);
}
.official-home .health-item {
	background: #0e0c18;
	border-color: var(--border);
}
.official-home .health-item b {
	color: var(--text-main);
}
.official-home .health-item span {
	color: var(--text-sub);
}
.official-home .health-item.green {
	background: #22c55e14;
	border-color: #22c55e59;
}
.official-home .health-item.yellow {
	background: #eab30814;
	border-color: #eab30859;
}
.official-home .health-item.red {
	background: #ef444414;
	border-color: #ef444459;
}
.official-home .inv-bar {
	background: #272538;
}
.official-home .arch-node {
	background: #0e0c18;
	border-color: var(--border);
}
.official-home .arch-node b {
	color: var(--text-main);
}
.official-home .arch-node span {
	color: var(--text-sub);
}
.official-home .arch-children:before {
	background: var(--border);
}
.official-home .arch-node.accent {
	background: var(--tint);
	border-color: var(--accent);
}
.official-home .kpi {
	background: #0e0c18;
	border-color: var(--border);
}
.official-home .kpi b {
	color: var(--text-main);
}
.official-home .kpi span {
	color: var(--text-sub);
}
.official-home .expert-more-btn {
	background: #0e0c18;
	border-color: var(--border);
	color: var(--text-main);
}
.official-home .expert-more-btn:hover {
	background: #12101e;
	border-color: var(--accent);
	box-shadow: 0 8px 24px #00000038;
	color: var(--accent);
}
.official-home .quote-plan-card {
	background: #12101e;
	border-color: #9b8ee81f;
	box-shadow: 0 4px 18px #0000002e;
}
.official-home .quote-plan-card:hover {
	border-color: var(--primary-200);
	box-shadow: 0 16px 42px #00000047, 0 0 0 1px #9f8fff14;
}
.official-home .plan-badge {
	color: var(--primary-light);
}
.official-home .plan-price {
	color: var(--text-main);
}
.official-home .plan-price .currency {
	color: var(--primary-light);
}
.official-home .plan-name {
	color: var(--text-main);
}
.official-home .plan-power {
	color: var(--text-sub);
}
.official-home .plan-power strong {
	color: var(--primary-light);
}
.official-home .quote-benefit {
	background: var(--primary-50);
	border-color: var(--primary-100);
	color: var(--primary-light);
}
.official-home .quote-power-card {
	background: #12101e;
	border-color: #9b8ee81f;
}
.official-home .quote-power-card:hover {
	border-color: var(--primary-200);
	box-shadow: 0 12px 34px #00000038;
}
.official-home .power-price {
	color: var(--text-main);
}
.official-home .power-explain {
	background: #12101e;
	border-color: #9b8ee81f;
}
.official-home .power-explain-intro {
	color: var(--text-sub);
}
.official-home .power-explain-item {
	background: #0e0c18;
	border-color: #9b8ee814;
}
.official-home .power-explain-name {
	color: var(--text-main);
}
.official-home .power-explain-rate {
	color: var(--primary-light);
}
.official-home .quote-footer {
	color: var(--text-sub);
}
.official-home .cta-section {
	background: linear-gradient(180deg, #6d28d91f, #0e0a1c24);
}
.official-home .footer {
	backdrop-filter: blur(10px) saturate(160%);
	-webkit-backdrop-filter: blur(10px) saturate(160%);
	background: linear-gradient(180deg, #6d28d91a, #0e0a1c29);
	border: 1px solid rgba(139, 92, 246, 0.1);
	border-radius: 32px 32px 0 0;
	box-shadow: 0 8px 32px #00000040, 0 0 46px #8b5cf61f, 0 0 120px #8b5cf60f,
		inset 0 1px #ffffff0d;
	color: #9ca3af;
}
.official-home .footer:before {
	background: linear-gradient(
		90deg,
		transparent,
		rgba(155, 142, 232, 0.45),
		transparent
	);
}
.official-home .footer-col a:hover {
	color: var(--primary-light);
}
.official-home .footer-bottom {
	border-top-color: #ffffff14;
	color: #4f4e66;
}
.official-home .scroll-progress {
	background: linear-gradient(
		90deg,
		var(--primary),
		var(--primary-light),
		#a78bfa,
		var(--primary)
	);
	background-size: 200% 100%;
}
.official-home .hero-orb.orb-1 {
	background: #8b5cf673;
	box-shadow: 0 0 18px #8b5cf68c;
}
.official-home .hero-orb.orb-2 {
	background: #8b5cf680;
	box-shadow: 0 0 14px #8b5cf699;
}
.official-home .hero-orb.orb-3 {
	background: radial-gradient(
		circle,
		rgba(167, 139, 250, 0.45),
		transparent 70%
	);
}
.official-home .expert-card:hover,
.official-home .quote-plan-card:hover,
.official-home .quote-power-card:hover,
.official-home .skill-card:hover {
	border-color: #8b5cf673;
	box-shadow: 0 0 0 1px #8b5cf626, 0 20px 48px #00000052;
}
.official-home .carousel-card:hover {
	border-color: #8b5cf666;
	box-shadow: 0 0 0 1px #8b5cf61f, 0 24px 64px #00000047;
}
.official-home .agent-btn-use:hover,
.official-home .btn-primary:hover {
	box-shadow: 0 0 28px #8b5cf673, 0 14px 36px #7c3aed66, inset 0 1px #ffffff40;
}
.official-home .btn-secondary:hover {
	box-shadow: 0 0 20px #8b5cf638;
}
.official-home .agent-btn-use,
.official-home .btn-primary,
.official-home .nav-cta,
.official-home .skill-btn-primary {
	animation: ctaBreatheDark 4s ease-in-out infinite;
}
@keyframes ctaBreatheDark {
	0%,
	to {
		box-shadow: 0 0 #8b5cf600, 0 0 8px #8b5cf62e, inset 0 1px #fff3;
	}
	50% {
		box-shadow: 0 0 0 4px #8b5cf614, 0 0 18px #8b5cf65c, inset 0 1px #ffffff47;
	}
}
@media (prefers-reduced-motion: reduce) {
	.official-home .agent-btn-use,
	.official-home .btn-primary,
	.official-home .nav-cta,
	.official-home .skill-btn-primary,
	.official-home:after {
		animation: none;
	}
}
@media (max-width: 640px) {
	.official-home .expert-card-mockup {
		border-left: none;
		border-top-color: var(--border);
	}
	.official-home .expert-stat {
		border-bottom-color: var(--border);
	}
}
.official-home .hero-blob,
.official-home .hero-ring,
.official-home .hero-sparkle {
	display: none;
}
.official-home .ambient-orb {
	background: radial-gradient(
		circle at 32% 28%,
		rgba(240, 233, 255, 0.75) 0,
		rgba(196, 181, 253, 0.35) 22%,
		rgba(139, 92, 246, 0.18) 45%,
		transparent 72%
	);
	border: 1px solid rgba(221, 214, 254, 0.22);
	box-shadow: 0 0 50px #8b5cf647, 0 0 120px #8b5cf61f, inset -8px -10px 24px
		#4c1d9573, inset 6px 8px 18px #ffffff47;
}
.official-home .ambient-orb.o1 {
	height: 200px;
	left: 6%;
	opacity: 0.85;
	top: 11%;
	width: 200px;
}
.official-home .ambient-orb.o2 {
	height: 130px;
	opacity: 0.75;
	right: 8%;
	top: 26%;
	width: 130px;
}
.official-home .ambient-orb.o3 {
	bottom: 16%;
	height: 100px;
	left: 15%;
	opacity: 0.65;
	width: 100px;
}
.official-home .ambient-orb.o4 {
	bottom: 30%;
	height: 64px;
	opacity: 0.7;
	right: 20%;
	width: 64px;
}
.official-home .ambient-sheen:before {
	background: linear-gradient(
		105deg,
		transparent 28%,
		rgba(167, 139, 250, 0.13) 46%,
		rgba(221, 214, 254, 0.19) 52%,
		transparent 72%
	);
}
.official-home .expert-card,
.official-home .hero-demo,
.official-home .mock-frame,
.official-home .power-explain,
.official-home .quote-plan-card,
.official-home .quote-power-card,
.official-home .skill-card,
.official-home .trust-card {
	background: linear-gradient(160deg, #1a172cf2, #110f1eeb);
	border: 1px solid rgba(167, 139, 250, 0.26);
	box-shadow: 0 8px 32px #0006, inset 0 0 0 1px #ffffff08, inset 0 1px #ffffff1f,
		inset 0 -1px #8b5cf614;
	position: relative;
}
.official-home .expert-card,
.official-home .quote-plan-card,
.official-home .quote-power-card,
.official-home .skill-card,
.official-home .trust-card {
	background: linear-gradient(160deg, #1a172c, #121021);
}
.official-home .hero-demo,
.official-home .mock-frame {
	backdrop-filter: blur(18px) saturate(150%);
	-webkit-backdrop-filter: blur(18px) saturate(150%);
}
.official-home .power-explain:hover,
.official-home .quote-plan-card:hover,
.official-home .quote-power-card:hover,
.official-home .skill-card:hover,
.official-home .trust-card:hover {
	border-color: #a78bfa6b;
	box-shadow: 0 18px 48px #00000080, 0 0 36px #8b5cf633, inset 0 1px #ffffff24;
}
.official-home .expert-card:before,
.official-home .quote-plan-card:before,
.official-home .skill-card:before,
.official-home .trust-card:before {
	background: linear-gradient(
		90deg,
		transparent,
		rgba(196, 181, 253, 0.55),
		transparent
	);
	border-radius: 1px;
	content: "";
	height: 1px;
	left: 18%;
	pointer-events: none;
	position: absolute;
	right: 18%;
	top: 0;
}
.official-home .section:after {
	background: linear-gradient(
		90deg,
		transparent,
		rgba(196, 181, 253, 0.55),
		rgba(167, 139, 250, 0.45),
		rgba(196, 181, 253, 0.55),
		transparent
	);
	box-shadow: 0 0 18px #9b8ee838, 0 1px 14px #8b5cf61f;
	content: "";
	height: 2px;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translate(-50%);
	width: min(90%, 1080px);
}
.official-home .hero-title {
	text-shadow: 0 0 50px rgba(155, 142, 232, 0.42), 0 0 100px
		rgba(139, 92, 246, 0.18);
}
.official-home .nav:after {
	background: linear-gradient(
		90deg,
		transparent,
		rgba(196, 181, 253, 0.45),
		rgba(167, 139, 250, 0.35),
		rgba(196, 181, 253, 0.45),
		transparent
	);
	bottom: -1px;
	box-shadow: 0 1px 10px #9b8ee826;
	content: "";
	height: 1px;
	left: 15%;
	pointer-events: none;
	position: absolute;
	right: 15%;
}
.official-home .carousel-card {
	backface-visibility: hidden;
	left: 50%;
	position: absolute !important;
	top: 50%;
	transform-style: preserve-3d;
}
.official-home .carousel-card.card-pos-0,
.official-home .carousel-card.card-pos-1,
.official-home .carousel-card.card-pos-2,
.official-home .carousel-card.card-pos-3,
.official-home .carousel-card.card-pos-4 {
	pointer-events: auto;
	visibility: visible;
}
.official-home {
	position: relative;
}
.official-home body > .noise-grain {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");
	inset: 0;
	opacity: 0.035;
	pointer-events: none;
	position: fixed;
	z-index: -1;
}
.official-home .hero-tab .ht-icon {
	color: var(--text-main);
}
.official-home .hero-tab .ht-icon svg {
	display: block;
	height: 26px;
	width: 26px;
}
.official-home .skill-icon {
	color: var(--primary-light);
	transition: all .3s var(--ease);
}
.official-home .skill-icon svg {
	display: block;
	height: 22px;
	width: 22px;
}
.official-home .skill-card:hover .skill-icon {
	color: var(--text-main);
	transform: scale(1.05);
}
.official-home .expert-grid-3x3 {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(3, 1fr);
}
.official-home .expert-card-compact {
	backdrop-filter: blur(14px) saturate(150%);
	-webkit-backdrop-filter: blur(14px) saturate(150%);
	background: var(--bg-elevated);
	border: 1px solid var(--border);
	border-radius: 22px;
	box-shadow: 0 14px 40px #00000059, inset 0 1px #ffffff0f;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	transition: transform .35s var(--ease), border-color .35s var(--ease),
		box-shadow .35s var(--ease);
}
.official-home .expert-card-compact:before {
	background: radial-gradient(
		120% 90% at 50% 0,
		rgba(139, 120, 255, 0.18) 0,
		transparent 55%
	);
	border-radius: inherit;
	content: "";
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity .35s var(--ease);
	z-index: 0;
}
.official-home .expert-card-compact:hover {
	border-color: #7b68ee80;
	box-shadow: 0 0 0 1px #7b68ee26, 0 24px 56px #00000061, 0 0 32px #7c3aed1f;
	transform: translateY(-6px);
}
.official-home .expert-card-compact:hover:before {
	opacity: 1;
}
.official-home .expert-card-compact > * {
	position: relative;
	z-index: 1;
}
.official-home .expert-card-compact-inner {
	background: linear-gradient(180deg, var(--tint) 0, var(--bg-elevated) 55%);
	display: flex;
	flex-direction: column;
	gap: 14px;
	height: 100%;
	padding: 22px;
}
.official-home .expert-card-compact-head {
	align-items: center;
	display: flex;
	gap: 14px;
}
.official-home .expert-card-avatar-wrap {
	backdrop-filter: blur(12px) saturate(140%);
	-webkit-backdrop-filter: blur(12px) saturate(140%);
	background: #ffffff14;
	border: 1px solid hsla(0, 0%, 100%, 0.12);
	border-radius: 18px;
	box-shadow: 0 10px 26px #0000002e, inset 0 1px #ffffff14;
	flex: none;
	height: 78px;
	padding: 3px;
	width: 78px;
}
.official-home .expert-card-avatar-img {
	border-radius: 15px;
	display: block;
	height: 70px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top center;
	object-position: top center;
	width: 70px;
}
.official-home .expert-card-compact-title {
	line-height: 1.25;
	min-width: 0;
}
.official-home .expert-card-compact-title strong {
	color: var(--text-main);
	display: block;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -.01em;
}
.official-home .expert-card-compact-title span {
	color: var(--text-sub);
	font-size: 12.5px;
	font-weight: 600;
}
.official-home .expert-card-compact-status {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}
.official-home .expert-card-compact-status .badge {
	align-items: center;
	background: #4ade8024;
	border-radius: 999px;
	color: #4ade80;
	display: inline-flex;
	font-size: 11.5px;
	font-weight: 700;
	gap: 5px;
	padding: 4px 10px;
}
.official-home .expert-card-compact-status .badge:before {
	background: #10b981;
	border-radius: 50%;
	content: "";
	height: 5px;
	width: 5px;
}
.official-home .expert-card-compact-status .role {
	align-items: center;
	background: var(--tint);
	border: 1px solid hsla(0, 0%, 100%, 0.06);
	border-radius: 999px;
	color: var(--accent);
	display: inline-flex;
	font-size: 11.5px;
	font-weight: 700;
	padding: 4px 10px;
}
.official-home .expert-card-compact-status .role-fde {
	background: #fbbf241a;
	border-color: #fbbf242e;
	color: #fbbf24;
}
.official-home .expert-card-compact-skills {
	flex: 1;
}
.official-home .expert-card-compact-skills .skills-title {
	align-items: center;
	color: var(--text-main);
	display: flex;
	font-size: 12.5px;
	font-weight: 700;
	gap: 6px;
	margin-bottom: 9px;
}
.official-home .expert-card-compact-skills .skills-title span {
	background: var(--tint);
	border-radius: 999px;
	color: var(--accent);
	font-size: 11.5px;
	font-weight: 600;
	padding: 1.5px 6px;
}
.official-home .expert-card-compact-skills .skills-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.official-home .expert-card-compact-skills .skills-tags .tag {
	background: var(--tint);
	border-radius: 8px;
	color: var(--text-sub);
	font-size: 11.5px;
	font-weight: 600;
	padding: 5px 9px;
}
.official-home .expert-card-compact-desc {
	color: var(--text-sub);
	display: -webkit-box;
	font-size: 13px;
	-webkit-line-clamp: 3;
	line-height: 1.65;
	margin: 0;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.official-home .expert-card-try {
	border-top: 1px solid var(--border);
	display: flex;
	margin-top: 14px;
	padding-top: 13px;
}
.official-home .expert-card-try .agent-btn-use {
	flex: 1;
	font-size: 13px;
	justify-content: center;
	padding: 9px 18px;
}
.official-home .expert-card-more .expert-card-compact-inner {
	align-items: center;
	background: linear-gradient(
		180deg,
		rgba(30, 26, 51, 0.55) 0,
		var(--bg-elevated) 60%
	);
	gap: 12px;
	justify-content: center;
	text-align: center;
}
.official-home .expert-card-more strong {
	color: var(--text-main);
	font-size: 16px;
	font-weight: 800;
}
.official-home .expert-card-more span {
	color: var(--text-sub);
	font-size: 12.5px;
	font-weight: 600;
}
.official-home .more-avatar-stack {
	height: 64px;
	margin-bottom: 6px;
	position: relative;
	width: 96px;
}
.official-home .more-avatar-stack img {
	background: #ffffff14;
	border: 2px solid var(--bg-elevated);
	border-radius: 14px;
	box-shadow: 0 6px 16px #00000040;
	height: 54px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top center;
	object-position: top center;
	position: absolute;
	width: 54px;
}
.official-home .more-avatar-stack img:first-child {
	left: 0;
	z-index: 1;
}
.official-home .more-avatar-stack img:nth-child(2) {
	left: 22px;
	z-index: 2;
}
.official-home .more-avatar-stack img:nth-child(3) {
	left: 44px;
	z-index: 3;
}
.official-home .more-avatar-stack .more-plus {
	align-items: center;
	backdrop-filter: blur(10px) saturate(140%);
	-webkit-backdrop-filter: blur(10px) saturate(140%);
	background: #ffffff1f;
	border: 2px solid var(--bg-elevated);
	border-radius: 14px;
	box-shadow: 0 6px 16px #00000040;
	color: var(--text-main);
	display: flex;
	font-size: 22px;
	font-weight: 700;
	height: 54px;
	justify-content: center;
	left: 66px;
	position: absolute;
	top: 0;
	width: 54px;
	z-index: 4;
}
@media (max-width: 1100px) {
	.official-home .expert-grid-3x3 {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 680px) {
	.official-home .expert-grid-3x3 {
		gap: 16px;
		grid-template-columns: 1fr;
	}
	.official-home .expert-card-compact-inner {
		padding: 18px;
	}
	.official-home .expert-card-avatar-wrap {
		border-radius: 15px;
		height: 70px;
		width: 70px;
	}
	.official-home .expert-card-avatar-img {
		border-radius: 12px;
		height: 62px;
		width: 62px;
	}
}
.official-home {
	background: #050506;
	isolation: isolate;
	min-height: 100vh;
}
.official-home .global-bg {
	z-index: 0;
}
.official-home .cta-section,
.official-home .footer,
.official-home .hero,
.official-home .section-full {
	position: relative;
	z-index: 1;
}
.official-home .particle-canvas-wrap:after {
	animation: officialDotDrift 14s ease-in-out infinite alternate;
	background-image: radial-gradient(
		circle,
		rgba(139, 92, 246, 0.5) 0 1px,
		transparent 1.2px
	);
	background-size: 7px 7px;
	content: "";
	inset: 4% -8% 24% 12%;
	-webkit-mask-image: radial-gradient(
		ellipse 72% 62% at 65% 40%,
		#000 0,
		rgba(0, 0, 0, 0.72) 42%,
		transparent 76%
	);
	mask-image: radial-gradient(
		ellipse 72% 62% at 65% 40%,
		#000 0,
		rgba(0, 0, 0, 0.72) 42%,
		transparent 76%
	);
	opacity: 0.34;
	position: absolute;
	transform: perspective(900px) rotateX(13deg) rotate(-2deg) scale(1.08);
}
@keyframes officialDotDrift {
	0% {
		opacity: 0.27;
		transform: perspective(900px) rotateX(13deg) rotate(-2deg)
			translate3d(-1%, 0, 0) scale(1.08);
	}
	to {
		opacity: 0.4;
		transform: perspective(900px) rotateX(11deg) rotate(1deg)
			translate3d(1.5%, -1%, 0) scale(1.12);
	}
}
@media (prefers-reduced-motion: reduce) {
	.official-home .particle-canvas-wrap:after {
		animation: none;
	}
}