:root {
	--yv-bg-deep: #0B0F1A;
	--yv-bg-navy: #141A28;
	--yv-surface-dark: #1B2333;
	--yv-surface-light: #F6F7FA;
	--yv-primary: #2554E8;
	--yv-primary-light: #3E6DF2;
	--yv-accent-blue: #4C7DFF;
	--yv-accent-gold: #ffc66e;
	--yv-positive: #34C98A;
	--yv-text-on-dark: #F1F3F7;
	--yv-text-muted-dark: #8890A0;
	--yv-text-on-light: #10141F;
	--yv-text-muted-light: #6B7280;
	--yv-border-dark: rgba(255, 255, 255, 0.12);
	--yv-border-light: rgba(16, 22, 44, 0.12);
	--yv-container: 1420px;
	--yv-admin-section-gap: 100px;
	--yv-radius-sm: 10px;
	--yv-radius-md: 16px;
	--yv-radius-lg: 24px;
	--yv-header-height: 82px;
}

html {
	scroll-behavior: smooth;
}

html[data-theme="light"] {
	color-scheme: light;
}

html[data-theme="dark"] {
	color-scheme: dark;
}

body.yv-preview-page {
	--yv-theme-bg: var(--yv-surface-light);
	--yv-theme-surface: var(--yv-surface-card-light, #fff);
	--yv-theme-surface-soft: color-mix(in srgb, var(--yv-surface-card-light, #fff) 78%, var(--yv-surface-light));
	--yv-theme-text: var(--yv-text-on-light);
	--yv-theme-muted: var(--yv-text-muted-light);
	--yv-theme-border: var(--yv-border-light);
	--yv-theme-shadow: rgba(24, 30, 61, 0.1);
	--yv-star-color-rgb: 44, 57, 96;
	--yv-star-tint-rgb: 92, 70, 211;
	margin: 0;
	overflow-x: clip;
	background: var(--yv-theme-bg);
	color: var(--yv-theme-text);
	font-family: inherit;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

html[data-theme="dark"] body.yv-preview-page {
	--yv-theme-bg: var(--yv-bg-deep);
	--yv-theme-surface: var(--yv-surface-dark);
	--yv-theme-surface-soft: color-mix(in srgb, var(--yv-surface-dark) 72%, var(--yv-bg-deep));
	--yv-theme-text: var(--yv-text-on-dark);
	--yv-theme-muted: var(--yv-text-muted-dark);
	--yv-theme-border: var(--yv-border-dark);
	--yv-theme-shadow: rgba(0, 0, 0, 0.28);
	--yv-star-color-rgb: 228, 239, 255;
	--yv-star-tint-rgb: 164, 158, 255;
}

.yv-native-block {
	width: 100%;
	padding-block: clamp(42px, 7vw, var(--yv-admin-section-gap));
	background: var(--yv-theme-bg);
	color: var(--yv-theme-text);
}

.yv-native-block > .yv-container > *:first-child {
	margin-block-start: 0;
}

.yv-native-block > .yv-container > *:last-child {
	margin-block-end: 0;
}

body.yv-preview-page.yv-menu-open {
	overflow: hidden;
}

.yv-preview-shell *,
.yv-preview-shell *::before,
.yv-preview-shell *::after,
.yv-site-header *,
.yv-site-header *::before,
.yv-site-header *::after,
.yv-site-footer *,
.yv-site-footer *::before,
.yv-site-footer *::after {
	box-sizing: border-box;
}

.yv-preview-shell {
	position: relative;
	display: block;
	overflow: clip;
	background: var(--yv-theme-bg);
	color: var(--yv-theme-text);
	direction: rtl;
	isolation: isolate;
}

/*
 * The whole shell — and several containers below it — hardcode RTL
 * regardless of language. <html dir="ltr"> is already set correctly for
 * en/tr (see YekVest_I18N::language_attributes()), but that alone doesn't
 * help anything that pins its own `direction`; without this override,
 * English/Turkish pages still read right-to-left (misaligned text,
 * trailing punctuation jumping to the front of the line, mirrored icons).
 */
html[dir="ltr"] .yv-preview-shell,
html[dir="ltr"] .yv-site-header,
html[dir="ltr"] .yv-site-footer,
html[dir="ltr"] .yv-dashboard-wrap {
	direction: ltr;
}

.yv-preview-shell a,
.yv-site-header a,
.yv-site-footer a {
	text-decoration: none;
}

.yv-preview-shell button,
.yv-site-header button {
	font: inherit;
}

.yv-container {
	width: min(calc(100% - clamp(48px, 5vw, 80px)), var(--yv-container));
	margin-inline: auto;
}

.yv-screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.yv-skip-link {
	position: fixed;
	z-index: 10010;
	inset-block-start: 10px;
	inset-inline-start: 16px;
	padding: 11px 16px;
	border-radius: 8px;
	background: #fff;
	color: #14102b;
	font-weight: 700;
	transform: translateY(-160%);
	transition: transform 160ms ease;
}

.yv-skip-link:focus {
	transform: translateY(0);
}

.yv-preview-shell :where(a, button, [tabindex]):focus-visible,
.yv-site-header :where(a, button):focus-visible,
.yv-site-footer a:focus-visible {
	outline: 3px solid #b8aaff;
	outline-offset: 4px;
	border-radius: 7px;
}

/* Header */
.yv-site-header {
	position: fixed;
	z-index: 1000;
	inset: 0 0 auto;
	height: var(--yv-header-height);
	border-bottom: 1px solid transparent;
	background: linear-gradient(180deg, rgba(4, 7, 20, 0.7), rgba(4, 7, 20, 0));
	color: var(--yv-text-on-dark);
	direction: rtl;
	transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.yv-site-header.is-scrolled,
.yv-site-header.is-menu-open {
	border-bottom-color: rgba(255, 255, 255, 0.09);
	background: rgba(5, 8, 22, 0.92);
	box-shadow: 0 12px 38px rgba(0, 0, 0, 0.16);
}

@supports (backdrop-filter: blur(14px)) {
	.yv-site-header.is-scrolled,
	.yv-site-header.is-menu-open {
		background: rgba(5, 8, 22, 0.74);
		backdrop-filter: blur(14px) saturate(125%);
	}
}

body.admin-bar .yv-site-header {
	inset-block-start: 32px;
}

.yv-site-header__inner {
	display: flex;
	align-items: center;
	height: 100%;
	gap: clamp(22px, 3vw, 44px);
}

.yv-site-header__brand {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	width: 150px;
	max-width: 150px;
	min-width: 112px;
	overflow: hidden;
}

.yv-site-header .custom-logo-link,
.yv-site-footer .custom-logo-link {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 44px !important;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

.yv-site-header .custom-logo-link {
	width: 150px !important;
	max-width: 150px !important;
}

.yv-site-header .custom-logo {
	display: block !important;
	width: auto !important;
	height: 36px !important;
	max-width: 146px !important;
	max-height: 36px !important;
	object-fit: contain !important;
	object-position: right center;
}

.yv-brand {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: #fff;
	gap: 8px;
}

.yv-brand__mark {
	width: 34px;
	height: 34px;
	color: #a894ff;
	overflow: visible;
}

.yv-logo-arm--left {
	fill: #6f8fff;
}

.yv-logo-arm--right {
	fill: #4f6fd1;
}

.yv-logo-stem {
	fill: #969dac;
}

.yv-brand__name {
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -0.04em;
}

.yv-brand__latin {
	padding-inline-start: 3px;
	color: #aeb5cd;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.03em;
}

.yv-site-nav {
	display: flex;
	align-items: center;
	gap: clamp(16px, 1.55vw, 25px);
	margin-inline-end: auto;
}

.yv-site-nav a,
.yv-header-login {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	color: #dce0f0;
	font-size: 14px;
	font-weight: 550;
	white-space: nowrap;
	transition: color 160ms ease;
}

.yv-site-nav a::after {
	position: absolute;
	inset: auto 50% 3px;
	width: 0;
	height: 2px;
	border-radius: 99px;
	background: #a792ff;
	content: "";
	transform: translateX(50%);
	transition: width 160ms ease;
}

.yv-site-nav a:hover,
.yv-header-login:hover {
	color: #fff;
}

.yv-site-nav a:hover::after,
.yv-site-nav a:focus-visible::after {
	width: 20px;
}

.yv-site-header__actions {
	display: flex;
	align-items: center;
	gap: 14px;
}

.yv-theme-toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--yv-border-dark);
	border-radius: 13px;
	background: rgba(255, 255, 255, 0.05);
	color: #eef1ff;
	cursor: pointer;
	transition:
		border-color 160ms ease,
		background-color 160ms ease,
		color 160ms ease,
		transform 160ms ease;
}

.yv-theme-toggle:hover {
	border-color: rgba(184, 170, 255, 0.48);
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	transform: translateY(-1px);
}

.yv-theme-toggle svg {
	position: absolute;
	width: 21px;
	height: 21px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	transition: opacity 160ms ease, transform 180ms ease;
}

.yv-theme-toggle__sun {
	opacity: 0;
	transform: rotate(-28deg) scale(0.7);
}

.yv-theme-toggle__moon {
	opacity: 1;
	transform: rotate(0) scale(1);
}

html[data-theme="dark"] .yv-theme-toggle__sun {
	opacity: 1;
	transform: rotate(0) scale(1);
}

html[data-theme="dark"] .yv-theme-toggle__moon {
	opacity: 0;
	transform: rotate(28deg) scale(0.7);
}

.yv-menu-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid var(--yv-border-dark);
	border-radius: 13px;
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
	cursor: pointer;
	gap: 5px;
}

.yv-menu-toggle span {
	width: 20px;
	height: 1.5px;
	border-radius: 9px;
	background: currentColor;
}

.yv-mobile-menu {
	position: fixed;
	z-index: 1001;
	inset: 0;
	visibility: hidden;
	pointer-events: none;
}

.yv-mobile-menu.is-open {
	visibility: visible;
	pointer-events: auto;
}

.yv-mobile-menu__backdrop {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: rgba(2, 4, 12, 0.68);
	opacity: 0;
	cursor: default;
	transition: opacity 200ms ease;
}

.yv-mobile-menu.is-open .yv-mobile-menu__backdrop {
	opacity: 1;
}

.yv-mobile-menu__panel {
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	display: flex;
	flex-direction: column;
	width: min(88vw, 390px);
	padding: 24px;
	border-inline-end: 1px solid var(--yv-border-dark);
	background: #090d20;
	box-shadow: 24px 0 70px rgba(0, 0, 0, 0.42);
	transform: translateX(-104%);
	transition: transform 240ms cubic-bezier(0.25, 0.75, 0.25, 1);
}

/*
 * inset-inline-start is direction-aware (flips to the right edge in RTL),
 * but transform: translateX() is a physical property and never flips on
 * its own — without this override the panel's "closed" offset pushes it
 * the wrong way in RTL, leaving it visible mid-screen over the hero.
 */
[dir="rtl"] .yv-mobile-menu__panel {
	transform: translateX(104%);
}

.yv-mobile-menu.is-open .yv-mobile-menu__panel {
	transform: translateX(0);
}

.yv-mobile-menu__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-block-end: 18px;
	border-bottom: 1px solid var(--yv-border-dark);
}

.yv-mobile-menu__title {
	color: #fff;
	font-size: 17px;
	font-weight: 750;
}

.yv-mobile-menu__close {
	display: grid;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid var(--yv-border-dark);
	border-radius: 13px;
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
	cursor: pointer;
	place-items: center;
}

.yv-mobile-menu__close svg {
	width: 22px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 1.8;
}

.yv-mobile-menu__links {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding-block: 22px;
}

.yv-mobile-menu__links a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 52px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	color: #e7e9f4;
	font-size: 16px;
	font-weight: 600;
}

.yv-mobile-menu__links a span {
	color: #8e78ff;
}

.yv-mobile-menu__actions {
	display: grid;
	gap: 10px;
}

/* Buttons */
.yv-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 11px 18px;
	border: 1px solid transparent;
	border-radius: 13px;
	font-size: 14px;
	font-weight: 750;
	line-height: 1.5;
	white-space: nowrap;
	transition: transform 170ms ease, border-color 170ms ease, background-color 170ms ease, box-shadow 170ms ease, color 170ms ease;
}

.yv-button svg {
	width: 20px;
	height: 20px;
	margin-inline-start: 9px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.yv-button:hover {
	transform: translateY(-2px);
}

.yv-button--header,
.yv-button--primary {
	background: linear-gradient(135deg, #7358ff, #5b3ff1);
	box-shadow: 0 11px 28px rgba(98, 72, 242, 0.28), inset 0 1px rgba(255, 255, 255, 0.18);
	color: #fff;
}

.yv-button--header:hover,
.yv-button--primary:hover {
	background: linear-gradient(135deg, #8067ff, #6549f5);
	box-shadow: 0 15px 32px rgba(98, 72, 242, 0.34), inset 0 1px rgba(255, 255, 255, 0.2);
	color: #fff;
}

.yv-button--ghost {
	border-color: rgba(255, 255, 255, 0.16);
	background: rgba(255, 255, 255, 0.045);
	color: #f0f1f8;
}

.yv-button--ghost:hover {
	border-color: rgba(175, 155, 255, 0.46);
	background: rgba(255, 255, 255, 0.075);
	color: #fff;
}

.yv-button--large {
	min-height: 54px;
	padding: 14px 23px;
	border-radius: 15px;
	font-size: 15px;
}

.yv-button--light {
	background: #fff;
	box-shadow: 0 14px 35px rgba(20, 11, 67, 0.24);
	color: #31207c;
}

.yv-button--light:hover {
	box-shadow: 0 18px 42px rgba(20, 11, 67, 0.31);
	color: #281769;
}

.yv-button--ghost-light {
	border-color: rgba(255, 255, 255, 0.3);
	background: rgba(255, 255, 255, 0.07);
	color: #fff;
}

.yv-button--ghost-light:hover {
	border-color: rgba(255, 255, 255, 0.55);
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
}

/* Shared headings */
.yv-eyebrow {
	display: flex;
	align-items: center;
	margin: 0 0 18px;
	font-size: 13px;
	font-weight: 750;
	letter-spacing: -0.01em;
}

.yv-eyebrow > span {
	position: relative;
	width: 24px;
	height: 1px;
	margin-inline-end: 10px;
	background: currentColor;
}

.yv-eyebrow > span::after {
	position: absolute;
	inset: 50% auto auto 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: currentColor;
	content: "";
	transform: translateY(-50%);
}

.yv-eyebrow--dark {
	color: #a998ff;
}

.yv-eyebrow--light {
	color: #5c43d3;
}

.yv-section-heading {
	max-width: 730px;
	margin-inline: auto;
	text-align: center;
}

.yv-section-heading .yv-eyebrow {
	justify-content: center;
}

.yv-section-heading h2,
.yv-blog__heading h2,
.yv-final-cta h2 {
	margin: 0;
	font-size: clamp(1.8rem, 3vw, 3rem);
	font-weight: 830;
	line-height: 1.28;
	letter-spacing: -0.045em;
	text-wrap: balance;
}

.yv-section-heading > p:last-child,
.yv-blog__heading > div > p:last-child {
	margin: 19px auto 0;
	font-size: clamp(1rem, 1.1vw, 1.125rem);
	line-height: 1.95;
}

.yv-section-heading--dark h2 {
	color: #fbfbff;
}

.yv-section-heading--dark > p:last-child {
	color: var(--yv-text-muted-dark);
}

/* Hero */
.yv-home-hero {
	position: relative;
	min-height: 185vh;
	min-height: 185svh;
	background:
		radial-gradient(circle at 27% 45%, rgba(88, 78, 214, 0.13), transparent 29%),
		radial-gradient(circle at 77% 62%, rgba(40, 78, 132, 0.1), transparent 32%),
		linear-gradient(180deg, #0B0F1A 0%, #081523 68%, #141A28 100%);
}

.yv-home-hero__sticky {
	position: sticky;
	inset-block-start: 0;
	display: grid;
	min-height: 100vh;
	min-height: 100svh;
	overflow: hidden;
	place-items: center;
}

.yv-home-hero__stars {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.yv-home-hero__aurora {
	position: absolute;
	border-radius: 50%;
	opacity: 0.28;
	pointer-events: none;
}

.yv-home-hero__aurora--one {
	inset: 11% auto auto -3%;
	width: min(48vw, 760px);
	height: min(48vw, 760px);
	background: radial-gradient(circle, rgba(124, 114, 255, 0.15), rgba(124, 114, 255, 0) 69%);
}

.yv-home-hero__aurora--two {
	inset: auto 22% -32% auto;
	width: min(56vw, 860px);
	height: min(56vw, 860px);
	background: radial-gradient(circle, rgba(48, 81, 133, 0.1), rgba(48, 81, 133, 0) 70%);
}

.yv-home-hero__layout {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(360px, 42fr) minmax(0, 58fr);
	align-items: center;
	min-height: 100vh;
	min-height: 100svh;
	padding-block: calc(var(--yv-header-height) + 34px) 56px;
	gap: clamp(28px, 4vw, 66px);
}

.yv-home-hero__content {
	grid-column: 1;
	max-width: 545px;
	padding-inline-end: 5px;
}

.yv-home-hero__content h1 {
	margin: 0;
	color: var(--yv-text-on-dark);
	font-size: clamp(2.55rem, 4.15vw, 4.45rem);
	font-weight: 850;
	line-height: 1.14;
	letter-spacing: -0.052em;
	text-wrap: balance;
}

.yv-home-hero__content h1 > .yv-home-hero__accent {
	display: block;
	margin-block-start: 7px;
	background: linear-gradient(105deg, #F1F3F7 0%, #c6c5ff 46%, #8299ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.yv-home-hero__lead {
	max-width: 525px;
	margin: 23px 0 0;
	color: var(--yv-text-muted-dark);
	font-size: clamp(1rem, 1.15vw, 1.125rem);
	font-weight: 420;
	line-height: 1.95;
}

.yv-home-hero__lead--mobile {
	display: none;
}

.yv-home-hero__actions {
	display: flex;
	align-items: center;
	margin-block-start: 29px;
	gap: 11px;
}

.yv-home-hero__microcopy {
	display: flex;
	flex-wrap: wrap;
	margin: 23px 0 0;
	padding: 0;
	color: #8fa6be;
	font-size: 11.5px;
	line-height: 1.7;
	list-style: none;
	gap: 8px 17px;
}

.yv-home-hero__microcopy li {
	display: flex;
	align-items: center;
}

.yv-home-hero__microcopy svg {
	width: 15px;
	height: 15px;
	margin-inline-end: 6px;
	fill: none;
	stroke: #8d79ff;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.yv-home-hero__visual {
	--yv-visual-opacity: 1;
	--yv-visual-scale: 1;
	--yv-visual-y: 0px;
	position: relative;
	grid-column: 2;
	grid-row: 1;
	width: min(100%, 720px);
	aspect-ratio: 8 / 7;
	margin-inline: auto;
	opacity: var(--yv-visual-opacity);
	transform: translate3d(0, var(--yv-visual-y), 0) scale(var(--yv-visual-scale));
	contain: layout;
}

.yv-hero-orbit {
	position: absolute;
	inset: 7% 5%;
	border: 1px solid rgba(124, 114, 255, 0.09);
	border-radius: 50%;
	background: radial-gradient(circle, rgba(124, 114, 255, 0.045), transparent 58%);
	pointer-events: none;
}

.yv-hero-story {
	position: absolute;
	z-index: 8;
	inset: 1.5% auto auto 3%;
	display: none;
	width: 245px;
	height: 34px;
	pointer-events: none;
}

.yv-preview-page.yv-is-enhanced .yv-hero-story {
	display: block;
}

.yv-hero-story span {
	position: absolute;
	inset: 0 auto auto 0;
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	color: #aabbd0;
	font-size: 11px;
	font-weight: 640;
	opacity: 0;
	transform: translateY(5px);
	transition: opacity 120ms linear, transform 120ms ease;
	gap: 8px;
}

.yv-hero-story span.is-active {
	opacity: 1;
	transform: translateY(0);
}

.yv-hero-story b {
	display: grid;
	width: 27px;
	height: 27px;
	border: 1px solid rgba(124, 114, 255, 0.28);
	border-radius: 50%;
	background: rgba(124, 114, 255, 0.08);
	color: #a59cff;
	font-size: 9px;
	font-weight: 700;
	place-items: center;
}

.yv-hero-lines {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.yv-hero-lines__pointer {
	fill: none;
	stroke: rgba(160, 173, 255, 0.54);
	stroke-dasharray: 0.025 0.04;
	stroke-linecap: round;
	stroke-width: 1;
	opacity: 0;
	pointer-events: none;
	transition: opacity 150ms ease;
	vector-effect: non-scaling-stroke;
}

.yv-home-hero__visual.is-pointer-near .yv-hero-lines__pointer {
	opacity: 0.72;
}

.yv-hero-lines__connections path {
	fill: none;
	stroke: url("#yv-line-gradient");
	stroke-dasharray: 1;
	stroke-dashoffset: 0;
	stroke-linecap: round;
	stroke-width: 1.15;
	opacity: 0.58;
	vector-effect: non-scaling-stroke;
}

.yv-hero-lines__final {
	opacity: 1;
}

.yv-hero-lines__final path {
	fill: url("#yv-final-gradient");
	fill-opacity: 0.64;
	stroke: url("#yv-final-gradient");
	stroke-dasharray: 1;
	stroke-dashoffset: 0;
	stroke-linejoin: round;
	stroke-width: 1.75;
	filter: none;
	vector-effect: non-scaling-stroke;
}

.yv-hero-lines__final .yv-hero-logo-piece--stem {
	fill: #8290a8;
	fill-opacity: 0.68;
}

.yv-hero-node {
	--node-color: #9f8bff;
	--yv-pointer-x: 0px;
	--yv-pointer-y: 0px;
	position: absolute;
	z-index: 3;
	inset: var(--y) auto auto var(--x);
	width: 1px;
	height: 1px;
	opacity: 1;
	filter: brightness(1);
	transform: translate(calc(-50% + var(--yv-pointer-x)), calc(-50% + var(--yv-pointer-y)));
	transition: filter 160ms ease;
}

.yv-hero-node--gold {
	--node-color: #ffc66e;
}

.yv-hero-node--blue {
	--node-color: #7590ff;
}

.yv-hero-node__halo {
	position: absolute;
	inset: 50% auto auto 50%;
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--node-color) 30%, transparent), transparent 70%);
	transform: translate(-50%, -50%);
	transition: opacity 160ms ease;
}

.yv-hero-node__core {
	position: absolute;
	inset: 50% auto auto 50%;
	width: 6px;
	height: 6px;
	border: 1px solid rgba(255, 255, 255, 0.75);
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 6px 2px var(--node-color), 0 0 17px 4px color-mix(in srgb, var(--node-color) 42%, transparent);
	transform: translate(-50%, -50%);
	transition: width 160ms ease, height 160ms ease, box-shadow 160ms ease;
}

.yv-hero-node__label {
	position: absolute;
	inset: 14px auto auto 0;
	display: flex;
	align-items: center;
	min-height: 32px;
	padding: 5px 9px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 9px;
	background: rgba(9, 20, 35, 0.82);
	box-shadow: 0 8px 24px rgba(1, 7, 17, 0.18);
	color: #edf4ff;
	font-size: 11px;
	font-weight: 650;
	white-space: nowrap;
	transform: translateX(-50%);
	transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

@supports (backdrop-filter: blur(8px)) {
	.yv-hero-node__label {
		background: rgba(9, 20, 35, 0.66);
		backdrop-filter: blur(8px);
	}
}

.yv-hero-node__label svg {
	width: 15px;
	height: 15px;
	margin-inline-end: 6px;
	fill: none;
	stroke: var(--node-color);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.5;
}

.yv-hero-node__name--mobile {
	display: none;
}

.yv-hero-node.is-pointer-active {
	z-index: 12;
	filter: brightness(1.2);
}

.yv-hero-node.is-pointer-active .yv-hero-node__halo {
	opacity: 1 !important;
}

.yv-hero-node.is-pointer-active .yv-hero-node__core {
	width: 9px;
	height: 9px;
	box-shadow: 0 0 8px 3px var(--node-color), 0 0 24px 7px color-mix(in srgb, var(--node-color) 52%, transparent);
}

.yv-hero-node.is-pointer-active .yv-hero-node__label {
	border-color: color-mix(in srgb, var(--node-color) 42%, transparent);
	background: rgba(14, 29, 50, 0.92);
	color: #fff;
	opacity: 1 !important;
	transform: translate(-50%, 0) !important;
}

.yv-hero-center {
	position: absolute;
	z-index: 5;
	inset: 72.5% auto auto 48.75%;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 220px;
	opacity: 1;
	text-align: center;
	transform: translate(-50%, -50%);
}

.yv-hero-center::before {
	position: absolute;
	z-index: -1;
	inset: 50% auto auto 50%;
	width: 230px;
	height: 120px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(124, 114, 255, 0.19), rgba(124, 114, 255, 0) 70%);
	content: "";
	transform: translate(-50%, -50%);
}

.yv-hero-center__mark {
	display: none;
	width: 46px;
	height: 46px;
	margin-block-end: 10px;
	color: #c7bbff;
}

.yv-hero-center__mark svg {
	width: 100%;
	fill: currentColor;
	stroke: none;
}

.yv-hero-center strong {
	color: #fff;
	font-size: 14px;
	font-weight: 760;
	text-shadow: 0 3px 16px #0B0F1A;
}

.yv-hero-center small {
	margin-block-start: 6px;
	color: #91a6bd;
	font-size: 10.5px;
}

.yv-hero-mobile-caption {
	display: none;
}

.yv-home-hero__scroll-cue {
	position: absolute;
	z-index: 4;
	inset: auto 50% 18px auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #74889e;
	font-size: 10px;
	transform: translateX(50%);
}

.yv-home-hero__scroll-cue i {
	position: relative;
	width: 1px;
	height: 30px;
	margin-block-start: 8px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.13);
}

.yv-home-hero__scroll-cue i::after {
	position: absolute;
	inset: 0 0 auto;
	height: 12px;
	background: linear-gradient(180deg, transparent, #9c88ff);
	content: "";
	animation: yv-scroll-cue 2s ease-in-out infinite;
}

@keyframes yv-scroll-cue {
	0% { transform: translateY(-120%); }
	55%, 100% { transform: translateY(260%); }
}

/* Enhanced hero starts scattered and is updated by JS. */
.yv-preview-page.yv-is-enhanced .yv-hero-lines__connections path {
	stroke-dashoffset: 1;
}

.yv-preview-page.yv-is-enhanced .yv-hero-lines__final {
	opacity: 0;
}

.yv-preview-page.yv-is-enhanced .yv-hero-node {
	opacity: 0.34;
}

.yv-preview-page.yv-is-enhanced .yv-hero-node__label {
	opacity: 0;
	transform: translate(-50%, 8px);
}

.yv-preview-page.yv-is-enhanced .yv-hero-center {
	opacity: 0;
	transform: translate(-50%, -47%) scale(0.96);
}

/* Overview */
.yv-overview {
	position: relative;
	padding-block:
		clamp(76px, var(--yv-admin-section-gap), 112px)
		clamp(62px, calc(var(--yv-admin-section-gap) - 26px), 86px);
	background:
		radial-gradient(circle at 92% 30%, rgba(78, 57, 191, 0.12), transparent 25%),
		linear-gradient(180deg, #080d21, #090e20 74%, #0b1022);
	scroll-margin-top: calc(var(--yv-header-height) + 24px);
}

.yv-overview::before {
	position: absolute;
	inset: 0 0 auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(165, 147, 255, 0.26), transparent);
	content: "";
}

.yv-overview__grid {
	display: grid;
	grid-template-columns: minmax(380px, 0.86fr) minmax(500px, 1.14fr);
	align-items: start;
	margin-block-start: clamp(54px, calc(var(--yv-admin-section-gap) - 34px), 76px);
	gap: clamp(56px, 7vw, 100px);
}

.yv-overview__features {
	display: grid;
	grid-column: 1;
	gap: clamp(24px, 2.2vw, 32px);
	padding-block-end: clamp(76px, calc(var(--yv-admin-section-gap) - 8px), 112px);
}

.yv-feature {
	position: relative;
	min-height: 288px;
	padding: 30px 30px 31px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: var(--yv-radius-lg);
	background: rgba(255, 255, 255, 0.025);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0);
	outline: none;
	opacity: 0.58;
	transform: scale(0.985);
	transition: opacity 260ms ease, transform 260ms ease, border-color 260ms ease, background-color 260ms ease, box-shadow 260ms ease;
}

.yv-feature::before {
	position: absolute;
	inset: -1px -1px auto;
	height: 2px;
	border-radius: var(--yv-radius-lg) var(--yv-radius-lg) 0 0;
	background: linear-gradient(90deg, transparent, #8068ff, transparent);
	content: "";
	opacity: 0;
	transition: opacity 260ms ease;
}

.yv-feature.is-active,
.yv-feature:focus-visible {
	border-color: rgba(146, 124, 255, 0.25);
	background: linear-gradient(140deg, rgba(114, 87, 241, 0.09), rgba(255, 255, 255, 0.025));
	box-shadow: 0 25px 70px rgba(0, 0, 0, 0.18);
	opacity: 1;
	transform: scale(1);
}

.yv-feature.is-active::before,
.yv-feature:focus-visible::before {
	opacity: 1;
}

.yv-feature__top {
	display: flex;
	align-items: center;
	margin-block-end: 27px;
}

.yv-feature__number {
	color: #9c88ff;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.yv-feature__line {
	flex: 1;
	height: 1px;
	margin-inline-start: 16px;
	background: linear-gradient(90deg, rgba(143, 122, 255, 0.32), transparent);
}

.yv-feature h3 {
	margin: 0;
	color: #f8f8fe;
	font-size: clamp(1.28rem, 1.8vw, 1.65rem);
	font-weight: 800;
	line-height: 1.5;
	letter-spacing: -0.035em;
}

.yv-feature > p {
	margin: 14px 0 0;
	color: #abb3cc;
	font-size: 15px;
	line-height: 2;
}

.yv-feature ul {
	display: flex;
	flex-wrap: wrap;
	margin: 22px 0 0;
	padding: 0;
	color: #858fab;
	font-size: 12px;
	list-style: none;
	gap: 9px 18px;
}

.yv-feature li {
	position: relative;
	padding-inline-start: 13px;
}

.yv-feature li::before {
	position: absolute;
	inset: 0.72em 0 auto auto;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #765cff;
	box-shadow: 0 0 8px rgba(118, 92, 255, 0.65);
	content: "";
}

.yv-mobile-snapshot {
	display: none;
}

.yv-dashboard-wrap {
	position: sticky;
	inset-block-start: 115px;
	grid-column: 2;
	grid-row: 1;
	width: 100%;
	direction: rtl;
}

.yv-dashboard-label {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0 2px 12px;
	color: #8f98b3;
	font-size: 11px;
}

.yv-dashboard-label span {
	width: 6px;
	height: 6px;
	margin-inline-end: 7px;
	border-radius: 50%;
	background: #7d65f9;
	box-shadow: 0 0 10px rgba(125, 101, 249, 0.7);
}

.yv-dashboard {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 22px;
	background: #0b1024;
	box-shadow: 0 35px 90px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(119, 93, 255, 0.04);
	color: #dfe2ee;
}

.yv-dashboard::after {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
	content: "";
	pointer-events: none;
}

.yv-dashboard__topbar {
	display: grid;
	grid-template-columns: 1fr minmax(150px, 230px) 34px;
	align-items: center;
	height: 58px;
	padding-inline: 17px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.075);
	background: rgba(255, 255, 255, 0.012);
	gap: 15px;
}

.yv-dashboard__logo {
	display: flex;
	align-items: center;
	color: #f0effa;
	font-size: 12px;
	font-weight: 750;
	gap: 7px;
}

.yv-dashboard__logo svg {
	width: 23px;
	height: 23px;
	fill: #917dff;
	stroke: none;
}

.yv-dashboard__search {
	display: flex;
	align-items: center;
	height: 31px;
	padding-inline: 10px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.025);
	color: #68718d;
	font-size: 8.5px;
}

.yv-dashboard__search svg {
	width: 13px;
	margin-inline-end: 6px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
}

.yv-dashboard__avatar {
	display: grid;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 9px;
	background: rgba(116, 91, 244, 0.12);
	color: #b5a6ff;
	font-size: 10px;
	font-weight: 800;
	place-items: center;
}

.yv-dashboard__body {
	display: grid;
	grid-template-columns: 90px minmax(0, 1fr);
	min-height: 505px;
}

.yv-dashboard__sidebar {
	display: flex;
	flex-direction: column;
	padding: 22px 10px;
	border-inline-end: 1px solid rgba(255, 255, 255, 0.06);
	background: rgba(255, 255, 255, 0.01);
	gap: 7px;
}

.yv-dashboard__sidebar span {
	display: flex;
	align-items: center;
	height: 30px;
	padding-inline: 8px;
	border-radius: 7px;
	color: #656f8a;
	font-size: 7.8px;
	white-space: nowrap;
}

.yv-dashboard__sidebar span.is-active {
	background: rgba(114, 88, 244, 0.12);
	color: #b6a8ff;
}

.yv-dashboard__sidebar i {
	width: 6px;
	height: 6px;
	margin-inline-end: 6px;
	border: 1px solid currentColor;
	border-radius: 2px;
}

.yv-dashboard__main {
	position: relative;
	padding: 22px 20px 18px;
}

.yv-dashboard__heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-block-end: 16px;
}

.yv-dashboard__heading div {
	display: flex;
	flex-direction: column;
}

.yv-dashboard__heading small {
	color: #6d7690;
	font-size: 8px;
}

.yv-dashboard__heading strong {
	margin-block-start: 4px;
	color: #f2f2f9;
	font-size: 15px;
}

.yv-sample-badge {
	padding: 5px 8px;
	border: 1px solid rgba(151, 129, 255, 0.16);
	border-radius: 7px;
	background: rgba(115, 88, 246, 0.07);
	color: #9e8eff;
	font-size: 7px;
}

.yv-dashboard__cards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.yv-dashboard__product-panels {
	transition: opacity 320ms ease, filter 320ms ease, transform 320ms ease;
}

.yv-dash-card {
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.025);
	transition: border-color 240ms ease, background-color 240ms ease, box-shadow 240ms ease, opacity 240ms ease, transform 240ms ease;
}

.yv-dash-card__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #8f97ad;
	font-size: 8px;
}

.yv-dash-card__meta svg {
	width: 15px;
	fill: none;
	stroke: #8c76ff;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.5;
}

.yv-dash-card--value,
.yv-dash-card--insight {
	min-height: 112px;
	padding: 13px;
}

.yv-dash-card--value > strong {
	display: block;
	margin-block-start: 12px;
	color: #f2f2f8;
	font-size: 18px;
	letter-spacing: -0.04em;
}

.yv-dash-card--value > strong small {
	color: #858da5;
	font-size: 8px;
	font-weight: 500;
}

.yv-dash-change {
	display: block;
	margin-block-start: 7px;
	color: #56c89d;
	font-size: 7px;
}

.yv-dash-card--insight p {
	margin: 10px 0 0;
	color: #c1c5d5;
	font-size: 8px;
	line-height: 1.8;
}

.yv-dash-card--insight > small {
	display: block;
	margin-block-start: 6px;
	color: #6e7790;
	font-size: 6.5px;
}

.yv-dashboard__lower {
	display: grid;
	grid-template-columns: 1.38fr 0.82fr;
	margin-block-start: 10px;
	gap: 10px;
}

.yv-dash-card--chart,
.yv-dash-card--mix {
	min-height: 239px;
	padding: 13px;
}

.yv-dash-card__title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.yv-dash-card__title > div:first-child {
	display: flex;
	flex-direction: column;
}

.yv-dash-card__title strong {
	color: #dfe2ee;
	font-size: 9px;
}

.yv-dash-card__title span {
	margin-block-start: 4px;
	color: #67708a;
	font-size: 6.5px;
}

.yv-periods {
	display: flex;
	padding: 2px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	gap: 1px;
}

.yv-periods span {
	display: grid;
	width: 20px;
	height: 17px;
	margin: 0;
	border-radius: 4px;
	font-size: 5.5px;
	place-items: center;
}

.yv-periods span.is-active {
	background: rgba(120, 92, 255, 0.16);
	color: #a895ff;
}

.yv-trend-chart {
	width: 100%;
	height: 168px;
	margin-block-start: 11px;
	overflow: visible;
}

.yv-trend-chart__grid path {
	fill: none;
	stroke: rgba(255, 255, 255, 0.045);
	stroke-width: 1;
	vector-effect: non-scaling-stroke;
}

.yv-trend-chart__area {
	fill: url("#yv-chart-area");
}

.yv-trend-chart__line {
	fill: none;
	stroke: #8069ff;
	stroke-linecap: round;
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
}

.yv-trend-chart circle {
	fill: #fff;
	stroke: #765cff;
	stroke-width: 3;
}

.yv-asset-mix {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-block-start: 15px;
}

.yv-asset-mix__donut {
	display: grid;
	width: 89px;
	height: 89px;
	border-radius: 50%;
	background: conic-gradient(#7458f2 0 28%, #5978e5 28% 52%, #d6a856 52% 84%, #3d496f 84%);
	place-items: center;
}

.yv-asset-mix__donut::before {
	grid-area: 1 / 1;
	width: 61px;
	height: 61px;
	border-radius: 50%;
	background: #10152b;
	content: "";
}

.yv-asset-mix__donut span {
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	grid-area: 1 / 1;
	color: #eeeff7;
	font-size: 16px;
	font-weight: 800;
}

.yv-asset-mix__donut small {
	color: #707990;
	font-size: 6px;
	font-weight: 500;
}

.yv-asset-mix ul {
	width: 100%;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}

.yv-asset-mix li {
	display: grid;
	grid-template-columns: 6px 1fr auto;
	align-items: center;
	min-height: 20px;
	color: #8189a0;
	font-size: 6.8px;
	gap: 5px;
}

.yv-asset-mix li i {
	width: 5px;
	height: 5px;
	border-radius: 2px;
	background: #7458f2;
}

.yv-asset-mix li:nth-child(2) i { background: #5978e5; }
.yv-asset-mix li:nth-child(3) i { background: #d6a856; }
.yv-asset-mix li:nth-child(4) i { background: #3d496f; }

.yv-asset-mix li b {
	color: #aeb4c5;
	font-size: 6.8px;
}

.yv-dash-card--character {
	position: absolute;
	z-index: 2;
	inset: 58px 20px 18px;
	display: grid;
	grid-template-columns: minmax(164px, 0.82fr) minmax(0, 1.18fr);
	align-items: center;
	overflow: hidden;
	padding: 26px;
	background:
		radial-gradient(circle at 20% 22%, rgba(126, 101, 255, 0.18), transparent 36%),
		linear-gradient(145deg, rgba(19, 23, 52, 0.98), rgba(10, 15, 34, 0.98));
	box-shadow: 0 24px 55px rgba(0, 0, 0, 0.24);
	opacity: 0;
	pointer-events: none;
	transform: translateY(12px) scale(0.985);
	transition: opacity 320ms ease, transform 320ms ease, border-color 320ms ease, box-shadow 320ms ease;
	gap: clamp(20px, 3vw, 34px);
}

.yv-dash-card--character::after {
	position: absolute;
	inset: auto -12% -45% auto;
	width: 58%;
	aspect-ratio: 1;
	border: 1px solid rgba(131, 106, 255, 0.12);
	border-radius: 50%;
	box-shadow: 0 0 70px rgba(108, 77, 255, 0.1);
	content: "";
	pointer-events: none;
}

.yv-character-card__visual {
	position: relative;
	min-width: 0;
	padding: 18px 13px 22px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.025);
}

.yv-character-radar {
	display: block;
	width: min(100%, 190px);
	margin-inline: auto;
	overflow: visible;
}

.yv-character-radar__grid,
.yv-character-radar__axis {
	fill: none;
	stroke: rgba(184, 177, 226, 0.18);
	stroke-width: 1;
	vector-effect: non-scaling-stroke;
}

.yv-character-radar__result {
	fill: rgba(118, 92, 255, 0.22);
	stroke: #917dff;
	stroke-linejoin: round;
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
}

.yv-character-radar circle,
.yv-mobile-snapshot--character circle {
	fill: #f6f3ff;
	stroke: #765cff;
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
}

.yv-character-card__axis-labels {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-block-start: 6px;
	color: #78819b;
	font-size: 6px;
	text-align: center;
	gap: 5px;
}

.yv-character-card__content {
	position: relative;
	z-index: 1;
	min-width: 0;
}

.yv-character-card__topline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #a997ff;
	font-size: 7px;
	gap: 10px;
}

.yv-character-card__topline small {
	padding: 5px 7px;
	border: 1px solid rgba(145, 125, 255, 0.16);
	border-radius: 7px;
	background: rgba(118, 92, 255, 0.08);
	color: #9184c9;
	font-size: 6px;
	font-weight: 500;
	white-space: nowrap;
}

.yv-character-card__content h3 {
	margin: 16px 0 0;
	color: #f4f2ff;
	font-size: clamp(18px, 2.1vw, 26px);
	line-height: 1.35;
	letter-spacing: -0.04em;
}

.yv-character-card__content > p {
	margin: 9px 0 0;
	color: #abb3cc;
	font-size: 8px;
	line-height: 1.9;
}

.yv-character-card__scores {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-block-start: 18px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 11px;
	background: rgba(255, 255, 255, 0.022);
}

.yv-character-card__scores > span {
	display: flex;
	min-width: 0;
	padding: 10px 8px;
	flex-direction: column;
	gap: 5px;
}

.yv-character-card__scores > span + span {
	border-inline-start: 1px solid rgba(255, 255, 255, 0.07);
}

.yv-character-card__scores small {
	overflow: hidden;
	color: #7d869f;
	font-size: 5.7px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.yv-character-card__scores strong {
	color: #eeeaff;
	font-size: 14px;
}

.yv-character-card__money {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-block-start: 10px;
	padding: 9px 11px;
	border: 1px solid rgba(117, 91, 255, 0.14);
	border-radius: 10px;
	background: rgba(117, 91, 255, 0.065);
	color: #8b94ac;
	font-size: 6.5px;
}

.yv-character-card__money strong {
	color: #b9adff;
	font-size: 9px;
}

.yv-dashboard-wrap[data-active="1"] [data-yv-panel]:not([data-yv-panel="1"]),
.yv-dashboard-wrap[data-active="2"] [data-yv-panel]:not([data-yv-panel="2"]),
.yv-dashboard-wrap[data-active="3"] [data-yv-panel]:not([data-yv-panel="3"]),
.yv-dashboard-wrap[data-active="4"] [data-yv-panel]:not([data-yv-panel="4"]) {
	opacity: 0.48;
}

.yv-dashboard-wrap[data-active="1"] [data-yv-panel="1"],
.yv-dashboard-wrap[data-active="2"] [data-yv-panel="2"],
.yv-dashboard-wrap[data-active="3"] [data-yv-panel="3"],
.yv-dashboard-wrap[data-active="4"] [data-yv-panel="4"] {
	border-color: rgba(141, 116, 255, 0.4);
	background-color: rgba(111, 83, 240, 0.07);
	box-shadow: 0 0 30px rgba(85, 60, 202, 0.09);
	transform: translateY(-2px);
}

.yv-dashboard-wrap:not([data-active="4"]) .yv-dash-card--character {
	opacity: 0;
	transform: translateY(12px) scale(0.985);
}

.yv-dashboard-wrap[data-active="4"] .yv-dashboard__product-panels {
	filter: blur(1.5px);
	opacity: 0.12;
	transform: scale(0.985);
}

.yv-dashboard-wrap[data-active="4"] .yv-dash-card--character {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0) scale(1);
}

.yv-dashboard-disclaimer {
	margin: 11px 2px 0;
	color: #69728b;
	font-size: 9px;
	line-height: 1.8;
	text-align: left;
}

/* Trust strip */
.yv-trust {
	position: relative;
	padding-block:
		clamp(24px, calc(var(--yv-admin-section-gap) - 72px), 34px)
		clamp(30px, calc(var(--yv-admin-section-gap) - 60px), 48px);
	background: #0b1022;
}

.yv-trust__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.022);
}

.yv-trust-card {
	display: flex;
	min-height: 164px;
	padding: 27px 30px;
	gap: 16px;
}

.yv-trust-card + .yv-trust-card {
	border-inline-start: 1px solid rgba(255, 255, 255, 0.08);
}

.yv-trust-card__icon {
	display: grid;
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(137, 113, 255, 0.22);
	border-radius: 13px;
	background: rgba(116, 88, 242, 0.07);
	color: #9d89ff;
	place-items: center;
}

.yv-trust-card__icon svg {
	width: 23px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.5;
}

.yv-trust-card h3 {
	margin: 2px 0 0;
	color: #f2f2f8;
	font-size: 16px;
	font-weight: 760;
}

.yv-trust-card p {
	margin: 10px 0 0;
	color: #929bb4;
	font-size: 12.5px;
	line-height: 1.9;
}

/* Blog */
.yv-blog {
	position: relative;
	padding-block:
		clamp(82px, var(--yv-admin-section-gap), 116px)
		clamp(88px, calc(var(--yv-admin-section-gap) + 4px), 120px);
	background: var(--yv-surface-light);
	color: var(--yv-text-on-light);
}

.yv-blog::before {
	position: absolute;
	inset: 0 0 auto;
	height: 84px;
	background: linear-gradient(180deg, #0b1022, rgba(11, 16, 34, 0));
	content: "";
	opacity: 0.1;
}

.yv-blog__heading {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
}

.yv-blog__heading > div {
	max-width: 720px;
}

.yv-blog__heading h2 {
	color: #11162c;
}

.yv-blog__heading > div > p:last-child {
	color: #636b80;
}

.yv-text-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	color: #4f37c3;
	font-size: 14px;
	font-weight: 750;
	white-space: nowrap;
}

.yv-text-link span {
	margin-inline-start: 8px;
	font-size: 18px;
	transition: transform 150ms ease;
}

.yv-text-link:hover span {
	transform: translateX(-4px);
}

.yv-text-link--mobile {
	display: none;
}

.yv-blog__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-block-start: clamp(38px, calc(var(--yv-admin-section-gap) - 54px), 52px);
	gap: 22px;
}

.yv-blog-card {
	min-width: 0;
	margin: 0;
	border: 1px solid rgba(16, 22, 44, 0.08);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(18, 20, 38, 0.035);
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.yv-blog-card:hover,
.yv-blog-card:focus-within {
	border-color: rgba(89, 62, 209, 0.2);
	box-shadow: 0 16px 36px rgba(35, 25, 75, 0.07);
	transform: translateY(-3px);
}

.yv-blog-card__link {
	display: flex;
	height: 100%;
	flex-direction: column;
	overflow: hidden;
	border-radius: inherit;
	color: inherit;
}

.yv-blog-card__media {
	position: relative;
	aspect-ratio: 16 / 9;
	margin: 0;
	overflow: hidden;
	border-radius: 19px 19px 0 0;
	background: #10141F;
}

.yv-blog-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 260ms ease;
}

.yv-blog-card:hover .yv-blog-card__media img {
	transform: scale(1.012);
}

.yv-blog-card__body {
	position: relative;
	display: block;
	flex: 1;
	min-height: 132px;
	padding: 18px 20px 21px;
	padding-inline-end: 66px;
}

.yv-blog-card__meta {
	display: flex;
	align-items: center;
	min-height: 20px;
	color: #7a8192;
	font-size: 10.5px;
	gap: 9px;
}

.yv-blog-card__meta span {
	display: inline-flex;
	align-items: center;
	color: #5b43cb;
	font-weight: 750;
}

.yv-blog-card__meta span::after {
	width: 3px;
	height: 3px;
	margin-inline-start: 9px;
	border-radius: 50%;
	background: #c4c7d1;
	content: "";
}

.yv-blog-card time {
	color: inherit;
	font-size: inherit;
}

.yv-blog-card h3 {
	display: -webkit-box;
	min-height: 3.25em;
	margin: 8px 0 0;
	overflow: hidden;
	color: #151a2e;
	font-size: 16px;
	font-weight: 780;
	line-height: 1.62;
	letter-spacing: -0.025em;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.yv-blog-card__arrow {
	position: absolute;
	inset: auto auto 21px 19px;
	display: grid;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(85, 62, 200, 0.16);
	border-radius: 50%;
	background: rgba(85, 62, 200, 0.045);
	color: #553ec8;
	place-items: center;
	transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.yv-blog-card__arrow svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
	transform: scaleX(-1);
}

.yv-blog-card:hover .yv-blog-card__arrow {
	border-color: rgba(85, 62, 200, 0.3);
	background: rgba(85, 62, 200, 0.09);
	transform: translateX(-2px);
}

.yv-blog__empty {
	margin-block-start: 45px;
	padding: 36px;
	border: 1px dashed rgba(16, 22, 44, 0.18);
	border-radius: 18px;
	color: #636b80;
	text-align: center;
}

/* Final CTA */
.yv-final-cta {
	padding-block: 0 clamp(78px, calc(var(--yv-admin-section-gap) - 10px), 104px);
	background: var(--yv-surface-light);
	color: #fff;
}

.yv-final-cta__box {
	position: relative;
	min-height: 404px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 30px;
	background:
		linear-gradient(120deg, rgba(255, 255, 255, 0.03), transparent 36%),
		linear-gradient(135deg, #17103a, #342277 50%, #5740c5);
	box-shadow: 0 34px 75px rgba(35, 22, 91, 0.18);
}

.yv-final-cta__box::before,
.yv-final-cta__box::after {
	position: absolute;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	content: "";
}

.yv-final-cta__box::before {
	inset: -75% auto auto -12%;
	width: 620px;
	height: 620px;
}

.yv-final-cta__box::after {
	inset: auto -17% -100% auto;
	width: 700px;
	height: 700px;
}

.yv-final-cta__glow {
	position: absolute;
	inset: 50% auto auto 50%;
	width: 610px;
	height: 610px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(145, 120, 255, 0.36), rgba(145, 120, 255, 0) 65%);
	transform: translate(-50%, -50%);
}

.yv-final-cta__stars i {
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 12px 3px rgba(181, 164, 255, 0.7);
}

.yv-final-cta__stars i:nth-child(1) { inset: 17% auto auto 13%; }
.yv-final-cta__stars i:nth-child(2) { inset: 29% 18% auto auto; width: 3px; height: 3px; }
.yv-final-cta__stars i:nth-child(3) { inset: auto auto 20% 22%; width: 2px; height: 2px; }
.yv-final-cta__stars i:nth-child(4) { inset: auto 11% 23% auto; }
.yv-final-cta__stars i:nth-child(5) { inset: 12% 42% auto auto; width: 2px; height: 2px; }

.yv-final-cta__content {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	flex-direction: column;
	max-width: 780px;
	margin-inline: auto;
	padding: 64px 34px;
	text-align: center;
}

.yv-final-cta__mark {
	display: grid;
	width: 62px;
	height: 62px;
	margin-block-end: 22px;
	border: 1px solid rgba(255, 255, 255, 0.17);
	border-radius: 19px;
	background: rgba(255, 255, 255, 0.07);
	color: #fff;
	box-shadow: 0 14px 40px rgba(11, 6, 40, 0.17);
	place-items: center;
}

.yv-final-cta__mark svg {
	width: 38px;
	fill: currentColor;
	stroke: none;
}

.yv-final-cta h2 {
	color: #fff;
}

.yv-final-cta__content > p {
	max-width: 590px;
	margin: 18px auto 0;
	color: #d4d0eb;
	font-size: 16px;
	line-height: 1.95;
}

.yv-final-cta__actions {
	display: flex;
	margin-block-start: 29px;
	gap: 11px;
}

/* Footer */
.yv-site-footer {
	padding-block: clamp(58px, calc(var(--yv-admin-section-gap) - 36px), 72px) 28px;
	background: #050817;
	color: var(--yv-text-on-dark);
	direction: rtl;
}

.yv-site-footer .custom-logo {
	display: block !important;
	width: auto !important;
	height: 40px !important;
	max-width: 165px !important;
	max-height: 40px !important;
	object-fit: contain !important;
	object-position: right center;
}

.yv-site-footer .custom-logo-link {
	width: 170px !important;
	max-width: 170px !important;
}

.yv-site-footer__top {
	display: grid;
	grid-template-columns: minmax(260px, 1.15fr) minmax(470px, 1.85fr);
	padding-block-end: 58px;
	gap: 80px;
}

.yv-site-footer__intro {
	max-width: 390px;
}

.yv-site-footer__intro p {
	margin: 20px 0 0;
	color: #929bb5;
	font-size: 13.5px;
	line-height: 2;
}

/* YEKVEST_ENAMAD_META_V2 */
.yv-site-footer__enamad {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-block-start: 24px;
}

.yv-site-footer__enamad-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 118px;
        min-height: 118px;
        padding: 9px;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid rgba(16, 22, 44, 0.12);
        border-radius: 18px;
        background: #ffffff;
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
        transition:
                transform 160ms ease,
                border-color 160ms ease,
                box-shadow 160ms ease;
}

.yv-site-footer__enamad-link:hover {
        transform: translateY(-2px);
        border-color: rgba(108, 77, 255, 0.56);
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.yv-site-footer__enamad-link:focus-visible {
        outline: 3px solid rgba(108, 77, 255, 0.42);
        outline-offset: 4px;
}

.yv-site-footer__enamad-image {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100px;
        object-fit: contain;
}

@media (max-width: 767px) {
        .yv-site-footer__enamad {
                justify-content: center;
        }

        .yv-site-footer__enamad-link {
                width: 108px;
                min-height: 108px;
        }

        .yv-site-footer__enamad-image {
                max-height: 92px;
        }
}
.yv-site-footer__links {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}

.yv-site-footer__links div {
	display: flex;
	flex-direction: column;
}

.yv-site-footer__links h2 {
	margin: 0 0 18px;
	color: #f1f2f8;
	font-size: 13px;
	font-weight: 780;
}

.yv-site-footer__links a {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	min-height: 44px;
	color: #8f98b2;
	font-size: 12px;
	transition: color 150ms ease;
}

.yv-site-footer__links a:hover {
	color: #fff;
}

.yv-site-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-block-start: 25px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	color: #707990;
	font-size: 11.5px;
}

.yv-site-footer__bottom p {
	margin: 0;
}

.yv-site-footer__bottom a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: #959db3;
}

.yv-site-footer__bottom a span {
	margin-inline-start: 7px;
	color: var(--yv-accent-blue);
}

.yv-site-footer__apps {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-block: 26px 4px;
}

.yv-site-footer__app-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
	color: #e7e9f3;
	font-size: 12.5px;
	font-weight: 650;
	transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

.yv-site-footer__app-link svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.6;
}

.yv-site-footer__app-link:hover,
.yv-site-footer__app-link:focus-visible {
	border-color: var(--yv-accent-blue);
	background: color-mix(in srgb, var(--yv-accent-blue) 16%, transparent);
	color: #fff;
}

/*
 * .yv-site-footer itself switches to a light surface in light mode (see
 * ".yv-preview-page .yv-site-footer" below), but these buttons were only
 * ever styled for the always-dark version of the footer — near-white text
 * on a near-white surface is essentially invisible in light mode.
 */
.yv-preview-page .yv-site-footer__app-link {
	border-color: var(--yv-theme-border);
	background: color-mix(in srgb, var(--yv-theme-text) 6%, transparent);
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-site-footer__app-link:hover,
.yv-preview-page .yv-site-footer__app-link:focus-visible {
	border-color: var(--yv-primary);
	background: color-mix(in srgb, var(--yv-primary) 14%, transparent);
	color: var(--yv-theme-text);
}

/* Scroll reveal enhancement */
.yv-is-enhanced [data-yv-reveal] {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity 520ms ease, transform 520ms cubic-bezier(0.2, 0.7, 0.25, 1);
}

.yv-is-enhanced [data-yv-reveal].is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* Tablet */
@media (max-width: 1190px) {
	.yv-site-nav {
		gap: 14px;
	}

	.yv-site-nav a {
		font-size: 12.5px;
	}

	.yv-button--header {
		padding-inline: 13px;
		font-size: 12.5px;
	}

	.yv-home-hero__layout {
		grid-template-columns: minmax(350px, 45fr) minmax(0, 55fr);
	}

	.yv-hero-node__label {
		font-size: 10px;
	}

	.yv-overview__grid {
		grid-template-columns: minmax(330px, 0.8fr) minmax(460px, 1.2fr);
		gap: 45px;
	}

	.yv-dashboard__body {
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.yv-dashboard__sidebar {
		padding-inline: 7px;
	}

	.yv-dashboard__sidebar span {
		padding-inline: 5px;
		font-size: 6.9px;
	}

	.yv-dash-card--character {
		grid-template-columns: minmax(132px, 0.78fr) minmax(0, 1.22fr);
		padding: 18px;
		gap: 15px;
	}

	.yv-character-card__visual {
		padding-inline: 8px;
	}

	.yv-character-card__content h3 {
		font-size: 18px;
	}
}

@media (max-width: 1023px) {
	:root {
		--yv-header-height: 74px;
	}

	.yv-site-nav,
	.yv-site-header__actions .yv-button--header {
		display: none;
	}

	.yv-site-header__actions {
		margin-inline-start: auto;
	}

	.yv-header-login {
		padding-inline: 10px;
	}

	.yv-menu-toggle {
		display: flex;
	}

	.yv-home-hero {
		min-height: 150vh;
		min-height: 150svh;
	}

	.yv-home-hero__layout {
		grid-template-columns: minmax(310px, 0.88fr) minmax(390px, 1.12fr);
		gap: 20px;
	}

	.yv-home-hero__content h1 {
		font-size: clamp(2.4rem, 5vw, 3.7rem);
	}

	.yv-home-hero__actions {
		display: grid;
		max-width: 330px;
	}

	.yv-home-hero__actions .yv-button {
		width: 100%;
	}

	.yv-home-hero__visual {
		transform: scale(0.95);
	}

	.yv-hero-node__label {
		padding-inline: 8px;
		font-size: 9.5px;
	}

	.yv-overview {
		padding-block:
			clamp(76px, calc(var(--yv-admin-section-gap) - 10px), 96px)
			clamp(64px, calc(var(--yv-admin-section-gap) - 28px), 80px);
	}

	.yv-overview__grid {
		grid-template-columns: 1fr;
		margin-block-start: 64px;
	}

	.yv-dashboard-wrap {
		position: relative;
		inset: auto;
		grid-column: 1;
		grid-row: 1;
		max-width: 740px;
		margin-inline: auto;
	}

	.yv-overview__features {
		grid-column: 1;
		grid-row: 2;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding-block-end: 0;
		gap: 14px;
	}

	.yv-feature {
		min-height: 280px;
		padding: 23px 20px;
		opacity: 1;
		transform: none;
	}

	.yv-feature h3 {
		font-size: 18px;
	}

	.yv-feature > p {
		font-size: 13px;
	}

	.yv-feature ul {
		display: none;
	}

	.yv-trust__grid {
		grid-template-columns: 1fr;
	}

	.yv-trust-card {
		min-height: auto;
	}

	.yv-trust-card + .yv-trust-card {
		border-block-start: 1px solid rgba(255, 255, 255, 0.08);
		border-inline-start: 0;
	}

	.yv-blog {
		padding-block: clamp(78px, calc(var(--yv-admin-section-gap) - 12px), 98px);
	}

	.yv-blog__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.yv-blog-card:last-child {
		grid-column: 1 / -1;
		max-width: calc(50% - 11px);
	}

	.yv-site-footer__top {
		grid-template-columns: 1fr;
		gap: 50px;
	}
}

/* Mobile */
@media (max-width: 767px) {
	:root {
		--yv-header-height: 68px;
	}

	html {
		scroll-behavior: auto;
	}

	body.admin-bar .yv-site-header {
		inset-block-start: 46px;
	}

	.yv-container {
		width: min(calc(100% - 32px), var(--yv-container));
	}

	.yv-site-header__brand {
		width: 124px;
		max-width: 124px;
		min-width: 0;
	}

	.yv-site-header .custom-logo-link {
		width: 124px !important;
		max-width: 124px !important;
	}

	.yv-site-header .custom-logo {
		height: 33px !important;
		max-width: 120px !important;
		max-height: 33px !important;
	}

	.yv-brand__mark {
		width: 31px;
		height: 31px;
	}

	.yv-brand__latin {
		display: none;
	}

	.yv-header-login {
		font-size: 13px;
	}

	.yv-site-header__inner {
		gap: 10px;
	}

	.yv-menu-toggle {
		width: 44px;
		height: 44px;
	}

	.yv-button--large {
		min-height: 54px;
		padding-inline: 18px;
	}

	.yv-home-hero {
		min-height: 235vh;
		min-height: 235svh;
	}

	.yv-home-hero__sticky {
		position: sticky;
		align-items: stretch;
		min-height: 100vh;
		min-height: 100svh;
	}

	.yv-home-hero__layout {
		position: relative;
		display: block;
		min-height: 100vh;
		min-height: 100svh;
		padding: 0;
	}

	.yv-home-hero__content {
		--yv-content-opacity: 1;
		--yv-content-y: 0px;
		position: absolute;
		z-index: 3;
		inset-block-start: calc(50% + 14px);
		inset-inline: 0;
		width: 100%;
		max-width: 560px;
		margin-inline: auto;
		padding-inline-end: 0;
		opacity: var(--yv-content-opacity);
		text-align: right;
		transform: translateY(calc(-50% + var(--yv-content-y)));
		will-change: opacity, transform;
	}

	.yv-home-hero__content .yv-eyebrow {
		display: none;
	}

	.yv-home-hero__content h1 {
		max-width: 480px;
		font-size: clamp(2rem, 9.1vw, 2.65rem);
		line-height: 1.16;
		letter-spacing: -0.05em;
	}

	.yv-home-hero__lead {
		max-width: 470px;
		margin: 15px 0 0;
		color: #a5b5c8;
		font-size: clamp(14px, 3.9vw, 16px);
		line-height: 1.8;
	}

	.yv-home-hero__lead--desktop {
		display: none;
	}

	.yv-home-hero__lead--mobile {
		display: block;
	}

	.yv-home-hero__actions {
		display: block;
		max-width: 390px;
		margin-block-start: 20px;
	}

	.yv-home-hero__actions .yv-button {
		width: 100%;
	}

	.yv-home-hero__actions .yv-button--ghost {
		display: none;
	}

	.yv-home-hero__microcopy {
		display: none;
	}

	.yv-home-hero__visual {
		position: absolute;
		inset-block-start: 50%;
		right: auto;
		left: 50%;
		width: min(calc(100vw - 20px), 430px, 88vh);
		width: min(calc(100vw - 20px), 430px, 88svh);
		margin: 0;
		overflow: visible;
		contain: layout;
		transform: translate3d(-50%, calc(-50% + var(--yv-visual-y)), 0) scale(var(--yv-visual-scale));
		transform-origin: center;
		will-change: opacity, transform;
	}

	.yv-hero-lines__pointer {
		display: none !important;
	}

	.yv-preview-page.yv-is-enhanced .yv-hero-story {
		position: absolute;
		inset: auto 50% -28% auto;
		display: block;
		width: min(280px, calc(100vw - 48px));
		height: 34px;
		transform: translateX(50%);
	}

	.yv-hero-story span {
		justify-content: center;
		width: 100%;
		color: #9babc0;
		font-size: 11px;
	}

	.yv-hero-story b {
		width: 25px;
		height: 25px;
		font-size: 8.5px;
	}

	.yv-hero-orbit {
		inset: 9% 7%;
		border-color: rgba(124, 114, 255, 0.08);
		background: radial-gradient(circle, rgba(124, 114, 255, 0.06), transparent 58%);
	}

	.yv-hero-node--desktop-only {
		display: none;
	}

	.yv-hero-line--desktop-only {
		display: none;
	}

	.yv-hero-node__halo {
		width: 64px;
		height: 64px;
	}

	.yv-hero-node__label {
		inset-block-start: 13px;
		min-height: 31px;
		padding: 5px 10px;
		border-radius: 9px;
		background: rgba(8, 18, 32, 0.94);
		font-size: clamp(10.5px, 3vw, 12px);
	}

	.yv-hero-node__label svg {
		display: none;
	}

	.yv-hero-node__name--desktop {
		display: none;
	}

	.yv-hero-node__name--mobile {
		display: inline;
	}

	.yv-hero-center {
		display: none;
	}

	.yv-hero-lines__connections path {
		stroke-width: 1.15;
		opacity: 0.62;
	}

	.yv-hero-lines__final path {
		stroke-width: 1.65;
	}

	.yv-hero-lines__final {
		transform: scale(1.22);
		transform-box: view-box;
		transform-origin: 390px 350px;
	}

	.yv-hero-mobile-caption {
		display: none;
	}

	.yv-home-hero__scroll-cue {
		inset-block-end: 14px;
		display: flex;
		transition: opacity 100ms linear;
	}

	.yv-home-hero__scroll-cue span {
		font-size: 0;
	}

	.yv-home-hero__scroll-cue span::after {
		font-size: 10px;
		content: "اسکرول کنید";
	}

	/* The real (per-language) hero_scroll_text is hidden above via
	   font-size:0 and replaced with a fixed short label so mobile always
	   gets a consistent-length cue regardless of what admin typed — but the
	   replacement text itself was hardcoded Persian with no language
	   branching, so en/tr visitors saw "اسکرول کنید" on mobile. */
	html[lang^="en"] .yv-home-hero__scroll-cue span::after {
		content: "Scroll";
	}

	html[lang^="tr"] .yv-home-hero__scroll-cue span::after {
		content: "Kaydırın";
	}

	.yv-home-hero__scroll-cue i {
		height: 24px;
		margin-block-start: 5px;
	}

	.yv-preview-page:not(.yv-is-enhanced) .yv-home-hero {
		min-height: auto;
	}

	.yv-preview-page:not(.yv-is-enhanced) .yv-home-hero__sticky {
		position: relative;
		min-height: auto;
	}

	.yv-preview-page:not(.yv-is-enhanced) .yv-home-hero__layout {
		display: flex;
		flex-direction: column;
		min-height: auto;
		padding-block: calc(var(--yv-header-height) + 22px) 54px;
	}

	.yv-preview-page:not(.yv-is-enhanced) .yv-home-hero__content,
	.yv-preview-page:not(.yv-is-enhanced) .yv-home-hero__visual {
		position: relative;
		inset: auto;
		opacity: 1;
		transform: none;
	}

	.yv-preview-page:not(.yv-is-enhanced) .yv-home-hero__visual {
		width: min(100%, 410px);
		margin-block-start: 28px;
	}

	.yv-preview-page:not(.yv-is-enhanced) .yv-home-hero__scroll-cue {
		display: none;
	}

	.yv-overview {
		padding-block:
			clamp(68px, calc(var(--yv-admin-section-gap) - 22px), 84px)
			clamp(60px, calc(var(--yv-admin-section-gap) - 30px), 74px);
	}

	.yv-section-heading {
		text-align: right;
	}

	.yv-section-heading .yv-eyebrow {
		justify-content: flex-start;
	}

	.yv-section-heading h2,
	.yv-blog__heading h2,
	.yv-final-cta h2 {
		font-size: clamp(1.75rem, 8vw, 2.35rem);
		line-height: 1.38;
	}

	.yv-section-heading > p:last-child,
	.yv-blog__heading > div > p:last-child {
		font-size: 16px;
		line-height: 1.9;
	}

	.yv-overview__grid {
		margin-block-start: 43px;
	}

	.yv-dashboard-wrap {
		display: none;
	}

	.yv-overview__features {
		grid-row: 1;
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.yv-feature {
		min-height: 0;
		padding: 25px 21px 21px;
		border-color: rgba(255, 255, 255, 0.11);
		background: rgba(255, 255, 255, 0.03);
	}

	.yv-feature h3 {
		font-size: 20px;
	}

	.yv-feature > p {
		font-size: 15px;
	}

	.yv-feature ul {
		display: flex;
		font-size: 11px;
	}

	.yv-mobile-snapshot {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 118px;
		margin-block-start: 24px;
		overflow: hidden;
		border: 1px solid rgba(255, 255, 255, 0.08);
		border-radius: 15px;
		background: rgba(2, 5, 17, 0.42);
	}

	.yv-mobile-snapshot--allocation {
		align-items: flex-end;
		padding: 22px;
		gap: 9px;
	}

	.yv-mobile-snapshot--allocation span {
		width: 14%;
		border-radius: 5px 5px 2px 2px;
		background: linear-gradient(180deg, #8f79ff, #4a388f);
	}

	.yv-mobile-snapshot--allocation span:nth-child(1) { height: 42%; }
	.yv-mobile-snapshot--allocation span:nth-child(2) { height: 76%; }
	.yv-mobile-snapshot--allocation span:nth-child(3) { height: 55%; }
	.yv-mobile-snapshot--allocation span:nth-child(4) { height: 88%; }

	.yv-mobile-snapshot--insight {
		gap: 24px;
	}

	.yv-mobile-snapshot--insight svg {
		width: 56px;
		fill: none;
		stroke: #9e8aff;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 1.6;
	}

	.yv-mobile-snapshot--insight > span {
		display: flex;
		flex-direction: column;
		width: 45%;
		gap: 9px;
	}

	.yv-mobile-snapshot--insight i {
		height: 7px;
		border-radius: 99px;
		background: rgba(255, 255, 255, 0.12);
	}

	.yv-mobile-snapshot--insight i:nth-child(2) { width: 72%; }
	.yv-mobile-snapshot--insight i:nth-child(3) { width: 48%; }

	.yv-mobile-snapshot--trend svg {
		width: calc(100% - 30px);
		height: 85px;
		overflow: visible;
	}

	.yv-mobile-snapshot--trend path:first-child {
		fill: none;
		stroke: #8a72ff;
		stroke-linecap: round;
		stroke-width: 2;
	}

	.yv-mobile-snapshot__area {
		fill: rgba(113, 86, 239, 0.14);
		stroke: none;
	}

	.yv-mobile-snapshot--character {
		padding: 15px 19px;
		gap: 20px;
	}

	.yv-mobile-snapshot--character svg {
		width: 104px;
		height: 90px;
		overflow: visible;
	}

	.yv-mobile-snapshot--character > div {
		display: flex;
		min-width: 0;
		flex: 1;
		flex-direction: column;
		gap: 7px;
	}

	.yv-mobile-snapshot--character strong {
		color: #f1edff;
		font-size: 15px;
	}

	.yv-mobile-snapshot--character span {
		color: #9185c9;
		font-size: 10px;
	}

	.yv-trust {
		padding-block:
			clamp(22px, calc(var(--yv-admin-section-gap) - 74px), 30px)
			clamp(42px, calc(var(--yv-admin-section-gap) - 50px), 56px);
	}

	.yv-trust-card {
		padding: 24px 21px;
	}

	.yv-trust-card p {
		font-size: 13px;
	}

	.yv-blog {
		padding-block:
			clamp(72px, calc(var(--yv-admin-section-gap) - 18px), 88px)
			clamp(76px, calc(var(--yv-admin-section-gap) - 14px), 94px);
	}

	.yv-blog__heading {
		display: block;
	}

	.yv-text-link--desktop {
		display: none;
	}

	.yv-text-link--mobile {
		display: flex;
		width: max-content;
		margin: 30px auto 0;
	}

	.yv-blog__grid {
		display: flex;
		margin-inline: -16px;
		padding: 0 16px 14px;
		overflow-x: auto;
		scroll-padding-inline: 16px;
		scroll-snap-type: x mandatory;
		gap: 14px;
		-webkit-overflow-scrolling: touch;
	}

	.yv-blog-card,
	.yv-blog-card:last-child {
		flex: 0 0 min(86vw, 360px);
		max-width: none;
		scroll-snap-align: start;
	}

	.yv-blog-card h3 {
		font-size: 17px;
	}

	.yv-final-cta {
		padding-block-end: clamp(68px, calc(var(--yv-admin-section-gap) - 24px), 84px);
	}

	.yv-final-cta .yv-container {
		width: min(calc(100% - 24px), var(--yv-container));
	}

	.yv-final-cta__box {
		min-height: 0;
		border-radius: 25px;
	}

	.yv-final-cta__content {
		padding: 60px 21px;
	}

	.yv-final-cta__content > p {
		font-size: 15px;
	}

	.yv-final-cta__actions {
		display: grid;
		width: 100%;
		gap: 9px;
	}

	.yv-final-cta__actions .yv-button {
		width: 100%;
	}

	.yv-site-footer {
		padding-block-start: 58px;
	}

	.yv-site-footer__top {
		gap: 42px;
	}

	.yv-site-footer__links {
		grid-template-columns: repeat(2, 1fr);
		gap: 34px 18px;
	}

	.yv-site-footer__bottom {
		align-items: flex-start;
		flex-direction: column;
		gap: 9px;
	}
}

@media (max-width: 390px) {
	.yv-container {
		width: min(calc(100% - 24px), var(--yv-container));
	}

	.yv-home-hero__content h1 {
		font-size: clamp(2rem, 10vw, 2.5rem);
	}

	.yv-home-hero__lead {
		font-size: 16px;
		line-height: 1.78;
	}

	.yv-site-footer__links {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 340px) {
	.yv-header-login {
		display: none;
	}

	.yv-home-hero__content h1 {
		font-size: 2rem;
	}

	.yv-home-hero__lead {
		font-size: 16px;
	}

	.yv-feature {
		padding-inline: 17px;
	}
}

/* Motion and fallback */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto !important;
	}

	.yv-home-hero {
		min-height: auto;
	}

	.yv-home-hero__sticky {
		position: relative;
		min-height: 100vh;
		min-height: 100svh;
	}

	.yv-home-hero__content {
		opacity: 1 !important;
		transform: none !important;
	}

	.yv-home-hero__visual {
		opacity: 1 !important;
		transform: none !important;
	}

	.yv-preview-page.yv-is-enhanced .yv-hero-lines__connections path,
	.yv-preview-page.yv-is-enhanced .yv-hero-lines__final path {
		stroke-dashoffset: 0 !important;
	}

	.yv-preview-page.yv-is-enhanced .yv-hero-lines__final,
	.yv-preview-page.yv-is-enhanced .yv-hero-node,
	.yv-preview-page.yv-is-enhanced .yv-hero-node__label,
	.yv-preview-page.yv-is-enhanced .yv-hero-center {
		opacity: 1 !important;
		transform: none;
	}

	.yv-preview-page.yv-is-enhanced .yv-hero-node {
		transform: translate(-50%, -50%);
	}

	.yv-preview-page.yv-is-enhanced .yv-hero-node__label {
		transform: translateX(-50%);
	}

	.yv-preview-page.yv-is-enhanced .yv-hero-center {
		transform: translate(-50%, -50%);
	}

	.yv-home-hero__scroll-cue i::after {
		animation: none;
	}

	.yv-is-enhanced [data-yv-reveal],
	.yv-button,
	.yv-blog-card,
	.yv-blog-card__media img,
	.yv-feature,
	.yv-dashboard__product-panels,
	.yv-dash-card--character,
	.yv-mobile-menu__panel,
	.yv-mobile-menu__backdrop {
		transition: none !important;
	}

	.yv-is-enhanced [data-yv-reveal] {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) and (max-width: 767px) {
	.yv-home-hero__sticky {
		position: relative;
		min-height: auto;
	}

	.yv-home-hero__layout {
		display: flex;
		flex-direction: column;
		min-height: auto;
		padding-block: calc(var(--yv-header-height) + 22px) 58px;
	}

	.yv-home-hero__content,
	.yv-home-hero__visual {
		position: relative;
		inset: auto;
		width: 100%;
		margin-inline: auto;
	}

	.yv-home-hero__visual {
		width: min(100%, 410px);
		margin-block-start: 28px;
	}

	.yv-home-hero__scroll-cue {
		display: none;
	}
}

@media (forced-colors: active) {
	.yv-button,
	.yv-feature,
	.yv-trust__grid,
	.yv-blog-card,
	.yv-dashboard {
		border: 1px solid CanvasText;
	}
}

/* Admin-controlled tokens and per-character RichText formatting (v1.8). */
.yv-preview-page .yv-rich-fragment {
	color: var(--yv-light-color, inherit);
	font-size: var(--yv-font-size-desktop, inherit);
}

.yv-preview-page--no-header {
	--yv-header-height: 0px;
}

.yv-preview-page .yv-trust__grid {
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.yv-preview-page .yv-home-hero,
.yv-preview-page .yv-overview,
.yv-preview-page .yv-trust {
	background-color: var(--yv-bg-deep);
}

.yv-preview-page .yv-blog {
	background-color: var(--yv-surface-light);
}

.yv-preview-page .yv-blog-card {
	background-color: var(--yv-surface-card-light, #fff);
}

.yv-preview-page .yv-section-heading--dark h2,
.yv-preview-page .yv-feature h3,
.yv-preview-page .yv-trust-card h3 {
	color: var(--yv-text-on-dark);
}

.yv-preview-page .yv-section-heading--dark > p:last-child,
.yv-preview-page .yv-feature > p,
.yv-preview-page .yv-trust-card p {
	color: var(--yv-text-muted-dark);
}

.yv-preview-page .yv-blog__heading h2,
.yv-preview-page .yv-blog-card h3 {
	color: var(--yv-text-on-light);
}

.yv-preview-page .yv-blog__heading > div > p:last-child {
	color: var(--yv-text-muted-light);
}

.yv-preview-page .yv-home-hero__aurora,
.yv-preview-page .yv-final-cta__glow {
	opacity: calc(0.45 * var(--yv-admin-glow, 0.65));
}

.yv-home-hero.has-yv-background::before {
	position: absolute;
	z-index: 0;
	inset: 0;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--yv-bg-deep) 84%, transparent), color-mix(in srgb, var(--yv-bg-deep) 94%, transparent)),
		var(--yv-background-image) center / cover no-repeat;
	content: "";
}

.yv-home-hero.has-yv-background .yv-home-hero__sticky {
	z-index: 1;
}

.yv-final-cta__box.has-yv-background {
	background-image:
		linear-gradient(135deg, rgba(40, 25, 105, 0.88), rgba(15, 24, 64, 0.94)),
		var(--yv-background-image);
	background-position: center;
	background-size: cover;
}

.yv-dashboard-image {
	display: block;
	width: 100%;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 22px;
	background: var(--yv-surface-dark);
	box-shadow: 0 35px 90px rgba(0, 0, 0, 0.35);
}

.yv-dashboard-image img {
	display: block;
	width: 100%;
	height: auto;
}

html[data-theme="dark"] .yv-preview-page .yv-rich-fragment {
	color: var(--yv-dark-color, var(--yv-light-color, inherit));
}

html[data-theme="dark"] .yv-preview-page .yv-blog {
	background: var(--yv-bg-deep);
	color: var(--yv-text-on-dark);
}

html[data-theme="dark"] .yv-preview-page .yv-blog::before {
	background: linear-gradient(180deg, var(--yv-bg-deep), transparent);
	opacity: 0.7;
}

html[data-theme="dark"] .yv-preview-page .yv-blog-card {
	border-color: rgba(255, 255, 255, 0.09);
	background: var(--yv-surface-dark);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

html[data-theme="dark"] .yv-preview-page .yv-blog__heading h2,
html[data-theme="dark"] .yv-preview-page .yv-blog-card h3 {
	color: var(--yv-text-on-dark);
}

html[data-theme="dark"] .yv-preview-page .yv-blog__heading > div > p:last-child,
html[data-theme="dark"] .yv-preview-page .yv-blog-card__meta {
	color: var(--yv-text-muted-dark);
}

html[data-theme="dark"] .yv-preview-page .yv-text-link {
	color: color-mix(in srgb, var(--yv-primary-light) 72%, #fff);
}

/*
 * No-JavaScript fallback only. A user-selected data-theme always wins over
 * the operating-system preference.
 */
@media (prefers-color-scheme: dark) {
	html:not([data-theme]) .yv-preview-page .yv-rich-fragment {
		color: var(--yv-dark-color, var(--yv-light-color, inherit));
	}

	html:not([data-theme]) .yv-preview-page .yv-blog {
		background: var(--yv-bg-deep);
		color: var(--yv-text-on-dark);
	}

	html:not([data-theme]) .yv-preview-page .yv-blog::before {
		background: linear-gradient(180deg, var(--yv-bg-deep), transparent);
		opacity: 0.7;
	}

	html:not([data-theme]) .yv-preview-page .yv-blog-card {
		border-color: rgba(255, 255, 255, 0.09);
		background: var(--yv-surface-dark);
		box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
	}

	html:not([data-theme]) .yv-preview-page .yv-blog__heading h2,
	html:not([data-theme]) .yv-preview-page .yv-blog-card h3 {
		color: var(--yv-text-on-dark);
	}

	html:not([data-theme]) .yv-preview-page .yv-blog__heading > div > p:last-child,
	html:not([data-theme]) .yv-preview-page .yv-blog-card__meta {
		color: var(--yv-text-muted-dark);
	}

	html:not([data-theme]) .yv-preview-page .yv-text-link {
		color: color-mix(in srgb, var(--yv-primary-light) 72%, #fff);
	}
}

/*
 * Complete public light/dark themes (v1.10).
 *
 * Version 1.8 changed RichText fragments and the blog only. These rules bind
 * every public surface to the same user-selected theme while preserving the
 * branded purple CTA as a deliberately high-contrast component.
 */
.yv-preview-page,
.yv-preview-page .yv-preview-shell,
.yv-preview-page .yv-site-header,
.yv-preview-page .yv-site-footer,
.yv-preview-page .yv-home-hero,
.yv-preview-page .yv-overview,
.yv-preview-page .yv-trust,
.yv-preview-page .yv-blog,
.yv-preview-page .yv-final-cta,
.yv-preview-page .yv-feature,
.yv-preview-page .yv-dashboard,
.yv-preview-page .yv-dash-card,
.yv-preview-page .yv-trust__grid,
.yv-preview-page .yv-blog-card,
.yv-preview-page .yv-mobile-menu__panel {
	transition:
		background-color 210ms ease,
		border-color 210ms ease,
		box-shadow 210ms ease,
		color 160ms ease;
}

.yv-preview-page .yv-preview-shell,
.yv-preview-page .yv-native-block,
.yv-preview-page .yv-home-hero,
.yv-preview-page .yv-overview,
.yv-preview-page .yv-trust,
.yv-preview-page .yv-blog,
.yv-preview-page .yv-final-cta {
	background-color: var(--yv-theme-bg);
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-home-hero {
	background:
		radial-gradient(circle at 27% 45%, color-mix(in srgb, var(--yv-primary) 13%, transparent), transparent 30%),
		radial-gradient(circle at 77% 62%, color-mix(in srgb, var(--yv-accent-blue) 9%, transparent), transparent 33%),
		linear-gradient(
			180deg,
			color-mix(in srgb, var(--yv-theme-bg) 96%, var(--yv-primary)) 0%,
			var(--yv-theme-bg) 68%,
			color-mix(in srgb, var(--yv-theme-bg) 92%, var(--yv-accent-blue)) 100%
		);
}

.yv-preview-page .yv-home-hero.has-yv-background::before {
	background:
		linear-gradient(
			180deg,
			color-mix(in srgb, var(--yv-theme-bg) 84%, transparent),
			color-mix(in srgb, var(--yv-theme-bg) 94%, transparent)
		),
		var(--yv-background-image) center / cover no-repeat;
}

.yv-preview-page .yv-home-hero__content h1,
.yv-preview-page .yv-section-heading--dark h2,
.yv-preview-page .yv-feature h3,
.yv-preview-page .yv-trust-card h3 {
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-home-hero__content h1 > .yv-home-hero__accent {
	background: linear-gradient(
		105deg,
		var(--yv-theme-text) 0%,
		color-mix(in srgb, var(--yv-primary) 78%, var(--yv-theme-text)) 48%,
		var(--yv-accent-blue) 100%
	);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.yv-preview-page .yv-home-hero__lead,
.yv-preview-page .yv-home-hero__microcopy,
.yv-preview-page .yv-hero-story span,
.yv-preview-page .yv-hero-center small,
.yv-preview-page .yv-home-hero__scroll-cue,
.yv-preview-page .yv-section-heading--dark > p:last-child,
.yv-preview-page .yv-feature > p,
.yv-preview-page .yv-feature ul,
.yv-preview-page .yv-trust-card p {
	color: var(--yv-theme-muted);
}

.yv-preview-page .yv-hero-orbit {
	border-color: color-mix(in srgb, var(--yv-primary) 17%, transparent);
	background: radial-gradient(circle, color-mix(in srgb, var(--yv-primary) 7%, transparent), transparent 58%);
}

.yv-preview-page .yv-hero-node__label {
	border-color: var(--yv-theme-border);
	background: color-mix(in srgb, var(--yv-theme-surface) 88%, transparent);
	box-shadow: 0 8px 24px var(--yv-theme-shadow);
	color: var(--yv-theme-text);
}

@supports (backdrop-filter: blur(8px)) {
	.yv-preview-page .yv-hero-node__label {
		background: color-mix(in srgb, var(--yv-theme-surface) 72%, transparent);
	}
}

.yv-preview-page .yv-hero-node.is-pointer-active .yv-hero-node__label {
	border-color: color-mix(in srgb, var(--node-color) 44%, transparent);
	background: color-mix(in srgb, var(--yv-theme-surface) 94%, var(--node-color) 6%);
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-hero-center strong {
	color: var(--yv-theme-text);
	text-shadow: 0 3px 16px var(--yv-theme-bg);
}

.yv-preview-page .yv-home-hero__scroll-cue i {
	background: color-mix(in srgb, var(--yv-theme-text) 16%, transparent);
}

.yv-preview-page .yv-overview {
	background:
		radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--yv-primary) 8%, transparent), transparent 29%),
		linear-gradient(
			180deg,
			color-mix(in srgb, var(--yv-theme-bg) 96%, var(--yv-primary)),
			var(--yv-theme-bg) 74%,
			color-mix(in srgb, var(--yv-theme-bg) 96%, var(--yv-accent-blue))
		);
}

.yv-preview-page .yv-overview::before {
	background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--yv-primary) 30%, transparent), transparent);
}

.yv-preview-page .yv-feature {
	border-color: var(--yv-theme-border);
	background: color-mix(in srgb, var(--yv-theme-surface) 64%, transparent);
	box-shadow: 0 20px 50px transparent;
}

.yv-preview-page .yv-feature.is-active,
.yv-preview-page .yv-feature:focus-visible {
	border-color: color-mix(in srgb, var(--yv-primary) 32%, transparent);
	background: linear-gradient(
		140deg,
		color-mix(in srgb, var(--yv-primary) 9%, var(--yv-theme-surface)),
		var(--yv-theme-surface)
	);
	box-shadow: 0 25px 70px var(--yv-theme-shadow);
}

.yv-preview-page .yv-feature__line {
	background: linear-gradient(90deg, color-mix(in srgb, var(--yv-primary) 38%, transparent), transparent);
}

.yv-preview-page .yv-dashboard-label,
.yv-preview-page .yv-dashboard-disclaimer {
	color: var(--yv-theme-muted);
}

.yv-preview-page .yv-dashboard,
.yv-preview-page .yv-dashboard-image {
	border-color: var(--yv-theme-border);
	background: var(--yv-theme-surface);
	box-shadow: 0 35px 90px var(--yv-theme-shadow), 0 0 0 1px color-mix(in srgb, var(--yv-primary) 6%, transparent);
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-dashboard::after {
	box-shadow: inset 0 1px color-mix(in srgb, var(--yv-theme-text) 7%, transparent);
}

.yv-preview-page .yv-dashboard__topbar {
	border-bottom-color: var(--yv-theme-border);
	background: color-mix(in srgb, var(--yv-theme-surface-soft) 64%, transparent);
}

.yv-preview-page .yv-dashboard__logo,
.yv-preview-page .yv-dashboard__heading strong,
.yv-preview-page .yv-dash-card--value > strong,
.yv-preview-page .yv-dash-card__title strong,
.yv-preview-page .yv-asset-mix__donut span {
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-dashboard__search,
.yv-preview-page .yv-dashboard__avatar,
.yv-preview-page .yv-dash-card,
.yv-preview-page .yv-periods {
	border-color: var(--yv-theme-border);
	background: var(--yv-theme-surface-soft);
}

.yv-preview-page .yv-dash-card--character {
	background:
		radial-gradient(circle at 20% 22%, color-mix(in srgb, var(--yv-primary) 17%, transparent), transparent 36%),
		linear-gradient(145deg, color-mix(in srgb, var(--yv-theme-surface) 94%, var(--yv-primary)), var(--yv-theme-surface));
}

.yv-preview-page .yv-character-card__visual,
.yv-preview-page .yv-character-card__scores {
	border-color: var(--yv-theme-border);
	background: color-mix(in srgb, var(--yv-theme-surface-soft) 72%, transparent);
}

.yv-preview-page .yv-character-card__scores > span + span {
	border-inline-start-color: var(--yv-theme-border);
}

.yv-preview-page .yv-character-card__content h3,
.yv-preview-page .yv-character-card__scores strong {
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-character-card__content > p,
.yv-preview-page .yv-character-card__axis-labels,
.yv-preview-page .yv-character-card__scores small {
	color: var(--yv-theme-muted);
}

.yv-preview-page .yv-character-card__money {
	border-color: color-mix(in srgb, var(--yv-primary) 18%, var(--yv-theme-border));
	background: color-mix(in srgb, var(--yv-primary) 7%, var(--yv-theme-surface));
	color: var(--yv-theme-muted);
}

.yv-preview-page .yv-dashboard__search,
.yv-preview-page .yv-dashboard__sidebar span,
.yv-preview-page .yv-dashboard__heading small,
.yv-preview-page .yv-dash-card__meta,
.yv-preview-page .yv-dash-card--value > strong small,
.yv-preview-page .yv-dash-card--insight > small,
.yv-preview-page .yv-dash-card__title span,
.yv-preview-page .yv-asset-mix__donut small,
.yv-preview-page .yv-asset-mix li {
	color: var(--yv-theme-muted);
}

.yv-preview-page .yv-dashboard__sidebar {
	border-inline-end-color: var(--yv-theme-border);
	background: color-mix(in srgb, var(--yv-theme-surface-soft) 58%, transparent);
}

.yv-preview-page .yv-dashboard__sidebar span.is-active,
.yv-preview-page .yv-periods span.is-active {
	background: color-mix(in srgb, var(--yv-primary) 13%, transparent);
	color: color-mix(in srgb, var(--yv-primary) 76%, var(--yv-theme-text));
}

.yv-preview-page .yv-dash-card--insight p,
.yv-preview-page .yv-asset-mix li b {
	color: color-mix(in srgb, var(--yv-theme-text) 78%, var(--yv-theme-muted));
}

.yv-preview-page .yv-trend-chart__grid path {
	stroke: color-mix(in srgb, var(--yv-theme-text) 8%, transparent);
}

.yv-preview-page .yv-asset-mix__donut::before {
	background: var(--yv-theme-surface);
}

.yv-preview-page .yv-dashboard-wrap[data-active="1"] [data-yv-panel="1"],
.yv-preview-page .yv-dashboard-wrap[data-active="2"] [data-yv-panel="2"],
.yv-preview-page .yv-dashboard-wrap[data-active="3"] [data-yv-panel="3"],
.yv-preview-page .yv-dashboard-wrap[data-active="4"] [data-yv-panel="4"] {
	border-color: color-mix(in srgb, var(--yv-primary) 42%, transparent);
	background-color: color-mix(in srgb, var(--yv-primary) 8%, var(--yv-theme-surface));
	box-shadow: 0 0 30px color-mix(in srgb, var(--yv-primary) 10%, transparent);
}

.yv-preview-page .yv-trust {
	background: var(--yv-theme-bg);
}

.yv-preview-page .yv-trust__grid {
	border-color: var(--yv-theme-border);
	background: var(--yv-theme-surface);
	box-shadow: 0 18px 50px color-mix(in srgb, var(--yv-theme-shadow) 60%, transparent);
}

.yv-preview-page .yv-trust-card + .yv-trust-card {
	border-inline-start-color: var(--yv-theme-border);
}

.yv-preview-page .yv-trust-card__icon {
	border-color: color-mix(in srgb, var(--yv-primary) 28%, transparent);
	background: color-mix(in srgb, var(--yv-primary) 8%, var(--yv-theme-surface));
}

.yv-preview-page .yv-blog,
.yv-preview-page .yv-final-cta {
	background: var(--yv-theme-bg);
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-blog::before {
	background: linear-gradient(180deg, color-mix(in srgb, var(--yv-theme-text) 7%, transparent), transparent);
	opacity: 1;
}

.yv-preview-page .yv-blog-card {
	border-color: var(--yv-theme-border);
	background: var(--yv-theme-surface);
	box-shadow: 0 10px 28px color-mix(in srgb, var(--yv-theme-shadow) 45%, transparent);
}

.yv-preview-page .yv-blog-card:hover,
.yv-preview-page .yv-blog-card:focus-within {
	border-color: color-mix(in srgb, var(--yv-primary) 28%, transparent);
	box-shadow: 0 16px 36px color-mix(in srgb, var(--yv-theme-shadow) 75%, transparent);
}

.yv-preview-page .yv-blog__heading h2,
.yv-preview-page .yv-blog-card h3 {
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-blog__heading > div > p:last-child,
.yv-preview-page .yv-blog-card__meta,
.yv-preview-page .yv-blog__empty {
	color: var(--yv-theme-muted);
}

.yv-preview-page .yv-blog__empty {
	border-color: var(--yv-theme-border);
}

.yv-preview-page .yv-site-footer {
	background: var(--yv-theme-surface);
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-site-footer__intro p,
.yv-preview-page .yv-site-footer__links a,
.yv-preview-page .yv-site-footer__bottom,
.yv-preview-page .yv-site-footer__bottom a {
	color: var(--yv-theme-muted);
}

.yv-preview-page .yv-site-footer__links h2 {
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-site-footer__links a:hover {
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-site-footer__bottom {
	border-top-color: var(--yv-theme-border);
}

.yv-preview-page .yv-site-header {
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--yv-theme-bg) 86%, transparent),
		transparent
	);
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-site-header.is-scrolled,
.yv-preview-page .yv-site-header.is-menu-open {
	border-bottom-color: var(--yv-theme-border);
	background: color-mix(in srgb, var(--yv-theme-surface) 92%, transparent);
	box-shadow: 0 12px 38px var(--yv-theme-shadow);
}

@supports (backdrop-filter: blur(14px)) {
	.yv-preview-page .yv-site-header.is-scrolled,
	.yv-preview-page .yv-site-header.is-menu-open {
		background: color-mix(in srgb, var(--yv-theme-surface) 78%, transparent);
	}
}

.yv-preview-page .yv-brand,
.yv-preview-page .yv-site-nav a,
.yv-preview-page .yv-header-login {
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-brand__latin {
	color: var(--yv-theme-muted);
}

.yv-preview-page .yv-theme-toggle,
.yv-preview-page .yv-menu-toggle,
.yv-preview-page .yv-mobile-menu__close {
	border-color: var(--yv-theme-border);
	background: color-mix(in srgb, var(--yv-theme-surface) 68%, transparent);
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-theme-toggle:hover {
	border-color: color-mix(in srgb, var(--yv-primary) 44%, transparent);
	background: color-mix(in srgb, var(--yv-primary) 9%, var(--yv-theme-surface));
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-mobile-menu__panel {
	border-inline-end-color: var(--yv-theme-border);
	background: var(--yv-theme-surface);
	box-shadow: 24px 0 70px var(--yv-theme-shadow);
}

.yv-preview-page .yv-mobile-menu__top,
.yv-preview-page .yv-mobile-menu__links a {
	border-color: var(--yv-theme-border);
}

.yv-preview-page .yv-mobile-menu__title,
.yv-preview-page .yv-mobile-menu__links a {
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-button--ghost {
	border-color: var(--yv-theme-border);
	background: color-mix(in srgb, var(--yv-theme-surface) 62%, transparent);
	color: var(--yv-theme-text);
}

.yv-preview-page .yv-button--ghost:hover {
	border-color: color-mix(in srgb, var(--yv-primary) 44%, transparent);
	background: color-mix(in srgb, var(--yv-primary) 8%, var(--yv-theme-surface));
	color: var(--yv-theme-text);
}

html[data-theme="light"] .yv-preview-page .custom-logo {
	filter: brightness(0) saturate(100%) invert(10%) sepia(16%) saturate(2470%) hue-rotate(196deg) brightness(91%) contrast(96%);
}

html[data-theme="dark"] .yv-preview-page .custom-logo {
	filter: none;
}

html[data-theme="light"] .yv-preview-page .yv-hero-node__core {
	border-color: color-mix(in srgb, var(--node-color) 70%, #fff);
	background: color-mix(in srgb, var(--node-color) 72%, #fff);
}

/*
 * Light-theme contrast polish (v1.11).
 *
 * A luminous system that reads on navy becomes visually washed out when the
 * same translucent values are placed on an off-white sky. Keep the light
 * theme airy, but give its constellation, cards, dashboard and footer enough
 * edge contrast to preserve the information hierarchy seen in the dark theme.
 */
html[data-theme="light"] body.yv-preview-page {
	--yv-theme-surface-soft: color-mix(
		in srgb,
		var(--yv-surface-card-light, #fff) 88%,
		var(--yv-surface-light)
	);
	--yv-theme-border: color-mix(in srgb, var(--yv-text-on-light) 15%, transparent);
	--yv-theme-shadow: rgba(25, 28, 65, 0.14);
	--yv-star-color-rgb: 31, 43, 82;
	--yv-star-tint-rgb: 82, 57, 196;
}

html[data-theme="light"] body.yv-preview-page .yv-home-hero {
	background:
		radial-gradient(circle at 24% 42%, color-mix(in srgb, var(--yv-primary) 11%, transparent), transparent 31%),
		radial-gradient(circle at 76% 60%, color-mix(in srgb, var(--yv-accent-blue) 8%, transparent), transparent 34%),
		linear-gradient(
			180deg,
			color-mix(in srgb, var(--yv-theme-bg) 96%, var(--yv-primary)) 0%,
			color-mix(in srgb, var(--yv-theme-bg) 99%, #fff) 64%,
			color-mix(in srgb, var(--yv-theme-bg) 95%, var(--yv-accent-blue)) 100%
		);
}

html[data-theme="light"] body.yv-preview-page .yv-home-hero__aurora {
	opacity: 0.34;
}

html[data-theme="light"] body.yv-preview-page .yv-hero-orbit {
	border-color: color-mix(in srgb, var(--yv-primary) 25%, transparent);
	background: radial-gradient(circle, color-mix(in srgb, var(--yv-primary) 5.5%, transparent), transparent 64%);
}

html[data-theme="light"] body.yv-preview-page #yv-line-gradient stop:nth-child(1) {
	stop-color: color-mix(in srgb, var(--yv-primary) 88%, #17224b);
	stop-opacity: 0.58;
}

html[data-theme="light"] body.yv-preview-page #yv-line-gradient stop:nth-child(2) {
	stop-color: color-mix(in srgb, var(--yv-accent-blue) 68%, #243264);
	stop-opacity: 0.88;
}

html[data-theme="light"] body.yv-preview-page #yv-line-gradient stop:nth-child(3) {
	stop-color: color-mix(in srgb, var(--yv-accent-blue) 82%, #17224b);
	stop-opacity: 0.62;
}

html[data-theme="light"] body.yv-preview-page #yv-final-gradient stop:nth-child(1) {
	stop-color: color-mix(in srgb, var(--yv-primary) 84%, #26315e);
}

html[data-theme="light"] body.yv-preview-page #yv-final-gradient stop:nth-child(2) {
	stop-color: color-mix(in srgb, var(--yv-primary) 58%, #38456f);
}

html[data-theme="light"] body.yv-preview-page #yv-final-gradient stop:nth-child(3) {
	stop-color: color-mix(in srgb, var(--yv-accent-blue) 84%, #24315e);
}

html[data-theme="light"] body.yv-preview-page .yv-hero-lines__pointer {
	stroke: color-mix(in srgb, var(--yv-primary) 64%, #26315e);
}

html[data-theme="light"] body.yv-preview-page .yv-hero-node__halo {
	background: radial-gradient(
		circle,
		color-mix(in srgb, var(--node-color) 48%, transparent),
		transparent 70%
	);
}

html[data-theme="light"] body.yv-preview-page .yv-hero-node__core {
	border-color: color-mix(in srgb, var(--node-color) 82%, #fff);
	background: color-mix(in srgb, var(--node-color) 86%, #fff);
	box-shadow:
		0 0 0 2px color-mix(in srgb, var(--node-color) 18%, #fff),
		0 0 8px 2px color-mix(in srgb, var(--node-color) 78%, transparent),
		0 0 20px 5px color-mix(in srgb, var(--node-color) 36%, transparent);
}

html[data-theme="light"] body.yv-preview-page .yv-hero-node__label {
	border-color: color-mix(in srgb, var(--node-color) 28%, var(--yv-theme-border));
	background: color-mix(in srgb, var(--yv-theme-surface) 96%, transparent);
	box-shadow: 0 9px 26px rgba(36, 31, 82, 0.14);
}

@supports (backdrop-filter: blur(8px)) {
	html[data-theme="light"] body.yv-preview-page .yv-hero-node__label {
		background: color-mix(in srgb, var(--yv-theme-surface) 90%, transparent);
	}
}

html[data-theme="light"] body.yv-preview-page .yv-hero-story b {
	border-color: color-mix(in srgb, var(--yv-primary) 38%, transparent);
	background: color-mix(in srgb, var(--yv-primary) 11%, #fff);
	color: color-mix(in srgb, var(--yv-primary) 82%, #17224b);
}

html[data-theme="light"] body.yv-preview-page .yv-feature:not(.is-active) {
	opacity: 0.78;
}

html[data-theme="light"] body.yv-preview-page .yv-feature {
	background: color-mix(in srgb, var(--yv-theme-surface) 82%, transparent);
}

html[data-theme="light"] body.yv-preview-page .yv-feature.is-active,
html[data-theme="light"] body.yv-preview-page .yv-feature:focus-visible {
	border-color: color-mix(in srgb, var(--yv-primary) 42%, transparent);
	box-shadow:
		0 25px 70px rgba(32, 27, 75, 0.14),
		0 0 0 1px color-mix(in srgb, var(--yv-primary) 8%, transparent);
}

html[data-theme="light"] body.yv-preview-page .yv-dashboard,
html[data-theme="light"] body.yv-preview-page .yv-dashboard-image {
	border-color: color-mix(in srgb, var(--yv-primary) 21%, var(--yv-theme-border));
	box-shadow:
		0 34px 82px rgba(35, 31, 76, 0.15),
		0 0 0 1px color-mix(in srgb, var(--yv-primary) 8%, transparent);
}

html[data-theme="light"] body.yv-preview-page .yv-dashboard-wrap[data-active] [data-yv-panel] {
	opacity: 0.7;
}

html[data-theme="light"] body.yv-preview-page .yv-dashboard-wrap[data-active="1"] [data-yv-panel="1"],
html[data-theme="light"] body.yv-preview-page .yv-dashboard-wrap[data-active="2"] [data-yv-panel="2"],
html[data-theme="light"] body.yv-preview-page .yv-dashboard-wrap[data-active="3"] [data-yv-panel="3"],
html[data-theme="light"] body.yv-preview-page .yv-dashboard-wrap[data-active="4"] [data-yv-panel="4"] {
	opacity: 1;
}

html[data-theme="light"] body.yv-preview-page .yv-dashboard-wrap:not([data-active="4"]) .yv-dash-card--character {
	opacity: 0;
}

html[data-theme="light"] body.yv-preview-page .yv-trust__grid,
html[data-theme="light"] body.yv-preview-page .yv-blog-card {
	border-color: color-mix(in srgb, var(--yv-primary) 15%, var(--yv-theme-border));
	box-shadow: 0 16px 42px rgba(34, 30, 75, 0.11);
}

/*
 * The light page needs a visible rhythm without returning to dark separator
 * bands. Adjacent sections therefore use very small neutral/purple surface
 * shifts while all copy continues to use the admin-selected light palette.
 */
html[data-theme="light"] body.yv-preview-page .yv-overview {
	background:
		radial-gradient(circle at 82% 16%, color-mix(in srgb, var(--yv-primary) 6%, transparent), transparent 28%),
		linear-gradient(180deg, #f8f8fc 0%, var(--yv-theme-bg) 72%, #f5f6fa 100%);
}

html[data-theme="light"] body.yv-preview-page .yv-trust {
	border-block: 1px solid color-mix(in srgb, var(--yv-primary) 7%, var(--yv-theme-border));
	background: #f5f6fa;
}

html[data-theme="light"] body.yv-preview-page .yv-trust__grid {
	background: linear-gradient(180deg, #fff, #fcfcff);
	box-shadow:
		0 18px 46px rgba(34, 30, 75, 0.08),
		0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

html[data-theme="light"] body.yv-preview-page .yv-trust-card__icon {
	border-color: color-mix(in srgb, var(--yv-primary) 34%, transparent);
	background: color-mix(in srgb, var(--yv-primary) 9%, #fff);
	color: color-mix(in srgb, var(--yv-primary) 84%, #18234a);
}

html[data-theme="light"] body.yv-preview-page .yv-blog,
html[data-theme="light"] body.yv-preview-page .yv-final-cta {
	background: #fbfbfd;
}

html[data-theme="light"] body.yv-preview-page .yv-blog::before {
	height: 1px;
	background: color-mix(in srgb, var(--yv-primary) 9%, var(--yv-theme-border));
}

html[data-theme="light"] body.yv-preview-page .yv-blog-card {
	background: #fff;
	box-shadow:
		0 14px 34px rgba(34, 30, 75, 0.075),
		0 1px 0 rgba(255, 255, 255, 0.92) inset;
}

/*
 * The live theme previously kept a dark footer background while v1.9 changed
 * its text to the light-theme palette. Target the direct page footer so older
 * theme CSS cannot leave dark text on a dark surface.
 */
html[data-theme="light"] body.yv-preview-page > .yv-site-footer {
	border-block-start: 1px solid color-mix(in srgb, var(--yv-primary) 9%, var(--yv-theme-border));
	background-color: #f3f5f9 !important;
	background-image: none !important;
	color: var(--yv-theme-text);
}

html[data-theme="dark"] body.yv-preview-page > .yv-site-footer {
	background-color: var(--yv-theme-surface) !important;
	background-image: none !important;
	color: var(--yv-theme-text);
}

html[data-theme="light"] .yv-preview-page .yv-final-cta__box,
html[data-theme="dark"] .yv-preview-page .yv-final-cta__box {
	color: #fff;
}

html[data-theme="light"] .yv-preview-page .yv-final-cta__box .yv-rich-fragment {
	color: var(--yv-light-color, inherit);
}

html[data-theme="dark"] .yv-preview-page .yv-final-cta__box .yv-rich-fragment {
	color: var(--yv-dark-color, var(--yv-light-color, inherit));
}

@media (min-width: 768px) {
	.yv-admin-hide-desktop {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.yv-preview-page .yv-rich-fragment {
		font-size: var(--yv-font-size-mobile, var(--yv-font-size-desktop, inherit));
	}

	.yv-admin-hide-mobile {
		display: none !important;
	}
}

/*
 * Product film (v1.13)
 *
 * The overview becomes a scroll-directed, full-viewport product story when
 * JavaScript is available and reduced motion is not requested. All content is
 * still live HTML; without enhancement the original card layout remains.
 */
.yv-cinema-ambient,
.yv-cinema-word,
.yv-cinema-nav,
.yv-cinema-scroll-cue {
	display: none;
}

html body.yv-preview-page .yv-overview.is-cinema-ready {
	--yv-theme-bg: #0B0F1A;
	--yv-theme-text: #F1F3F7;
	--yv-theme-muted: #8890A0;
	--yv-theme-surface: #0B0F1A;
	--yv-theme-surface-soft: #141A28;
	--yv-theme-border: rgba(220, 224, 232, 0.16);
	--yv-theme-shadow: rgba(0, 0, 0, 0.58);
	position: relative;
	height: 500vh;
	height: 500svh;
	min-height: 3400px;
	padding: 0;
	overflow: visible;
	background:
		radial-gradient(circle at 50% 48%, rgba(103, 49, 232, 0.19), transparent 26%),
		radial-gradient(circle at 12% 54%, rgba(65, 38, 145, 0.15), transparent 27%),
		linear-gradient(180deg, #05020c 0%, #070313 48%, #04020a 100%);
	color: var(--yv-theme-text);
	color-scheme: dark;
	contain: paint;
}

html body.yv-preview-page .yv-overview.is-cinema-ready::before {
	z-index: 1;
	inset: 0;
	height: auto;
	background:
		repeating-linear-gradient(90deg, transparent 0 calc(8.333% - 1px), rgba(255, 255, 255, 0.018) calc(8.333% - 1px) 8.333%),
		repeating-linear-gradient(0deg, transparent 0 79px, rgba(255, 255, 255, 0.015) 79px 80px);
	content: "";
	opacity: 0.42;
	pointer-events: none;
}

html body.yv-preview-page .yv-overview.is-cinema-ready::after {
	position: absolute;
	z-index: 1;
	inset: 0;
	background: linear-gradient(90deg, #04020b 0%, transparent 16%, transparent 84%, #04020b 100%);
	content: "";
	pointer-events: none;
}

.yv-overview.is-cinema-ready > .yv-container {
	position: sticky;
	z-index: 2;
	top: 0;
	width: 100%;
	max-width: none;
	height: 100vh;
	height: 100svh;
	min-height: 610px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	isolation: isolate;
}

.yv-overview.is-cinema-ready .yv-cinema-ambient,
.yv-overview.is-cinema-ready .yv-cinema-word,
.yv-overview.is-cinema-ready .yv-cinema-nav,
.yv-overview.is-cinema-ready .yv-cinema-scroll-cue {
	display: block;
}

.yv-overview.is-cinema-ready .yv-cinema-ambient {
	position: absolute;
	z-index: -1;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}

.yv-overview.is-cinema-ready .yv-cinema-ambient::before,
.yv-overview.is-cinema-ready .yv-cinema-ambient::after,
.yv-overview.is-cinema-ready .yv-cinema-ambient i {
	position: absolute;
	border: 1px solid rgba(151, 102, 255, 0.12);
	border-radius: 32px;
	background: linear-gradient(145deg, rgba(108, 47, 238, 0.09), rgba(21, 10, 47, 0.02));
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.035), 0 0 80px rgba(98, 41, 226, 0.04);
	content: "";
}

.yv-overview.is-cinema-ready .yv-cinema-ambient::before {
	top: 26%;
	left: -9%;
	width: 26vw;
	aspect-ratio: 0.72;
	transform: perspective(900px) rotateY(21deg) rotateZ(12deg);
}

.yv-overview.is-cinema-ready .yv-cinema-ambient::after {
	right: -7%;
	bottom: 9%;
	width: 24vw;
	aspect-ratio: 0.76;
	transform: perspective(900px) rotateY(-18deg) rotateZ(-10deg);
}

.yv-overview.is-cinema-ready .yv-cinema-ambient i:nth-child(1) {
	top: -18%;
	right: 17%;
	width: 13vw;
	aspect-ratio: 0.74;
	transform: rotate(26deg);
}

.yv-overview.is-cinema-ready .yv-cinema-ambient i:nth-child(2) {
	bottom: -22%;
	left: 25%;
	width: 17vw;
	aspect-ratio: 0.8;
	transform: rotate(-32deg);
}

.yv-overview.is-cinema-ready .yv-cinema-ambient i:nth-child(3) {
	top: 37%;
	right: 8%;
	width: 5px;
	height: 5px;
	border: 0;
	border-radius: 50%;
	background: #a276ff;
	box-shadow: 0 0 15px #8c54ff, 0 0 55px rgba(126, 69, 255, 0.74);
}

.yv-overview.is-cinema-ready .yv-section-heading {
	position: absolute;
	z-index: 8;
	top: clamp(68px, 8vh, 92px);
	left: 50%;
	width: min(760px, calc(100% - 160px));
	margin: 0;
	transform: translateX(-50%);
	text-align: center;
}

.yv-overview.is-cinema-ready .yv-section-heading .yv-eyebrow {
	justify-content: center;
	margin-block-end: 7px;
	color: #aa8cff;
	font-size: 10px;
	letter-spacing: 0.11em;
}

.yv-overview.is-cinema-ready .yv-section-heading h2 {
	max-width: none;
	margin: 0;
	color: #faf8ff;
	font-size: clamp(1.65rem, 2.35vw, 2.45rem);
	line-height: 1.28;
	text-shadow: 0 12px 45px rgba(87, 32, 193, 0.35);
}

.yv-overview.is-cinema-ready .yv-section-heading > p:last-child {
	max-width: 660px;
	margin: 8px auto 0;
	color: rgba(226, 219, 241, 0.58);
	font-size: 12px;
	line-height: 1.8;
}

.yv-overview.is-cinema-ready .yv-cinema-word {
	position: absolute;
	z-index: -1;
	top: 43%;
	left: 50%;
	width: 112%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.yv-overview.is-cinema-ready .yv-cinema-word span {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	color: transparent !important;
	font-size: clamp(5rem, 9.2vw, 10.5rem) !important;
	font-weight: 900;
	line-height: 0.95;
	letter-spacing: -0.07em;
	text-align: center;
	-webkit-text-stroke: 1px rgba(143, 98, 255, 0.09);
	opacity: 0;
	filter: blur(10px);
	transform: translate(-50%, -42%) scale(1.08);
	transition: opacity 700ms ease, filter 900ms ease, transform 1000ms cubic-bezier(0.2, 0.8, 0.2, 1);
	white-space: nowrap;
}

.yv-overview.is-cinema-ready .yv-cinema-word span.is-active {
	opacity: 1;
	filter: blur(0);
	transform: translate(-50%, -50%) scale(1);
}

.yv-overview.is-cinema-ready .yv-overview__grid {
	position: absolute;
	z-index: 4;
	inset: 0;
	display: block;
	margin: 0;
}

.yv-overview.is-cinema-ready .yv-overview__features {
	position: absolute;
	z-index: 5;
	inset: 0;
	display: block;
	padding: 0;
	pointer-events: none;
}

html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature {
	position: absolute;
	z-index: 5;
	bottom: clamp(22px, 3.8vh, 42px);
	left: 50%;
	width: min(720px, calc(100% - 180px));
	min-height: 0;
	padding: 16px 28px 15px;
	border: 1px solid rgba(183, 149, 255, 0.1);
	border-radius: 17px;
	background: linear-gradient(135deg, rgba(24, 12, 53, 0.74), rgba(9, 6, 21, 0.76));
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34), inset 0 1px rgba(255, 255, 255, 0.045);
	color: #f7f3ff;
	opacity: 0;
	filter: blur(10px);
	pointer-events: none;
	transform: translate(-50%, 36px) scale(0.96);
	transition:
		opacity 520ms ease,
		filter 650ms ease,
		transform 720ms cubic-bezier(0.16, 1, 0.3, 1),
		border-color 260ms ease;
	backdrop-filter: blur(18px);
}

html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature::before {
	display: none;
}

html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature.is-active {
	border-color: rgba(177, 139, 255, 0.22);
	background: linear-gradient(135deg, rgba(29, 14, 65, 0.82), rgba(9, 6, 21, 0.82));
	opacity: 1;
	filter: none;
	pointer-events: auto;
	transform: translate(-50%, 0) scale(1);
}

.yv-overview.is-cinema-ready .yv-feature__top {
	position: absolute;
	top: 16px;
	right: 22px;
	width: 44px;
	margin: 0;
}

.yv-overview.is-cinema-ready .yv-feature__number {
	color: #b392ff;
	font-size: 10px;
}

.yv-overview.is-cinema-ready .yv-feature__line {
	display: none;
}

html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature h3 {
	margin: 0;
	padding-inline: 38px;
	color: #fbf9ff;
	font-size: clamp(1.15rem, 1.55vw, 1.4rem);
	line-height: 1.45;
	text-align: center;
}

html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature > p {
	max-width: 620px;
	margin: 7px auto 0;
	color: rgba(219, 213, 232, 0.69);
	font-size: 11.5px;
	line-height: 1.85;
	text-align: center;
}

html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature ul {
	justify-content: center;
	margin: 7px 0 0;
	color: rgba(194, 183, 216, 0.55);
	font-size: 9px;
	gap: 6px 20px;
}

.yv-overview.is-cinema-ready .yv-feature li::before {
	background: #a174ff;
	box-shadow: 0 0 10px rgba(146, 91, 255, 0.8);
}

.yv-overview.is-cinema-ready .yv-mobile-snapshot {
	display: none;
}

.yv-overview.is-cinema-ready .yv-dashboard-wrap {
	position: absolute;
	z-index: 4;
	top: 51%;
	left: 50%;
	display: block;
	width: min(760px, 64vw);
	margin: 0;
	perspective: 1400px;
	transform: translate(-50%, -50%) translateY(var(--yv-cinema-lift, 0px)) rotateX(calc(2.5deg + var(--yv-cinema-tilt, 0deg))) rotateY(-3.5deg);
	transform-origin: center;
	transition: transform 900ms cubic-bezier(0.16, 1, 0.3, 1);
	will-change: transform;
}

.yv-overview.is-cinema-ready .yv-dashboard-wrap[data-active="2"] {
	transform: translate(-50%, -50%) translateY(var(--yv-cinema-lift, 0px)) rotateX(calc(1deg + var(--yv-cinema-tilt, 0deg))) rotateY(3.5deg) scale(1.015);
}

.yv-overview.is-cinema-ready .yv-dashboard-wrap[data-active="3"] {
	transform: translate(-50%, -50%) translateY(var(--yv-cinema-lift, 0px)) rotateX(calc(3.2deg + var(--yv-cinema-tilt, 0deg))) rotateY(-2deg) scale(1.025);
}

.yv-overview.is-cinema-ready .yv-dashboard-wrap[data-active="4"] {
	transform: translate(-50%, -50%) translateY(var(--yv-cinema-lift, 0px)) rotateX(calc(1.4deg + var(--yv-cinema-tilt, 0deg))) rotateY(2.5deg) scale(1.03);
}

.yv-overview.is-cinema-ready .yv-dashboard-wrap::before,
.yv-overview.is-cinema-ready .yv-dashboard-wrap::after {
	position: absolute;
	z-index: -1;
	top: 15%;
	width: 31%;
	height: 70%;
	border: 1px solid rgba(173, 124, 255, 0.13);
	border-radius: 24px;
	background:
		linear-gradient(rgba(177, 136, 255, 0.1), rgba(91, 43, 185, 0.03)),
		#090514;
	box-shadow: 0 35px 80px rgba(0, 0, 0, 0.42), inset 0 1px rgba(255, 255, 255, 0.035);
	content: "";
	opacity: 0.7;
	transition: transform 900ms cubic-bezier(0.16, 1, 0.3, 1), opacity 600ms ease;
}

.yv-overview.is-cinema-ready .yv-dashboard-wrap::before {
	right: 84%;
	transform: perspective(900px) rotateY(24deg) rotateZ(-7deg) translateX(-3%);
}

.yv-overview.is-cinema-ready .yv-dashboard-wrap::after {
	left: 84%;
	transform: perspective(900px) rotateY(-24deg) rotateZ(7deg) translateX(3%);
}

.yv-overview.is-cinema-ready .yv-dashboard-wrap[data-active="2"]::before,
.yv-overview.is-cinema-ready .yv-dashboard-wrap[data-active="4"]::after {
	transform: perspective(900px) rotateY(18deg) rotateZ(-3deg) translateX(9%);
	opacity: 0.92;
}

.yv-overview.is-cinema-ready .yv-dashboard-label {
	justify-content: center;
	margin: 0 0 8px;
	color: rgba(209, 197, 229, 0.5);
	font-size: 8px;
	letter-spacing: 0.04em;
}

html body.yv-preview-page .yv-overview.is-cinema-ready .yv-dashboard,
html body.yv-preview-page .yv-overview.is-cinema-ready .yv-dashboard-image {
	border-color: rgba(195, 161, 255, 0.18);
	background: #0a0618;
	box-shadow:
		0 38px 100px rgba(0, 0, 0, 0.58),
		0 0 85px rgba(100, 42, 222, 0.13),
		inset 0 1px rgba(255, 255, 255, 0.06);
}

.yv-overview.is-cinema-ready .yv-dashboard__topbar {
	height: 47px;
	background: rgba(255, 255, 255, 0.018);
}

.yv-overview.is-cinema-ready .yv-dashboard__body {
	min-height: 352px;
}

.yv-overview.is-cinema-ready .yv-dashboard__sidebar {
	padding-block: 14px;
}

.yv-overview.is-cinema-ready .yv-dashboard__main {
	padding: 15px 17px 13px;
}

.yv-overview.is-cinema-ready .yv-dashboard__heading {
	margin-block-end: 10px;
}

.yv-overview.is-cinema-ready .yv-dash-card--value,
.yv-overview.is-cinema-ready .yv-dash-card--insight {
	min-height: 85px;
	padding: 10px 12px;
}

.yv-overview.is-cinema-ready .yv-dash-card--value > strong {
	margin-block-start: 7px;
	font-size: 15px;
}

.yv-overview.is-cinema-ready .yv-dash-card--insight p {
	margin-block-start: 6px;
	line-height: 1.55;
}

.yv-overview.is-cinema-ready .yv-dashboard__lower {
	margin-block-start: 8px;
	gap: 8px;
}

.yv-overview.is-cinema-ready .yv-dash-card--chart,
.yv-overview.is-cinema-ready .yv-dash-card--mix {
	min-height: 176px;
	padding: 10px;
}

.yv-overview.is-cinema-ready .yv-trend-chart {
	height: 112px;
	margin-block-start: 7px;
}

.yv-overview.is-cinema-ready .yv-asset-mix {
	margin-block-start: 8px;
}

.yv-overview.is-cinema-ready .yv-asset-mix__donut {
	width: 67px;
	height: 67px;
}

.yv-overview.is-cinema-ready .yv-asset-mix__donut::before {
	width: 46px;
	height: 46px;
}

.yv-overview.is-cinema-ready .yv-asset-mix ul {
	margin-block-start: 5px;
}

.yv-overview.is-cinema-ready .yv-asset-mix li {
	min-height: 14px;
}

.yv-overview.is-cinema-ready .yv-dash-card--character {
	inset: 47px 17px 13px;
	padding: 18px 22px;
}

.yv-overview.is-cinema-ready .yv-character-card__visual {
	padding: 10px 12px 13px;
}

.yv-overview.is-cinema-ready .yv-character-radar {
	width: min(100%, 150px);
}

.yv-overview.is-cinema-ready .yv-character-card__content h3 {
	margin-block-start: 10px;
}

.yv-overview.is-cinema-ready .yv-character-card__scores {
	margin-block-start: 10px;
}

.yv-overview.is-cinema-ready .yv-character-card__scores > span {
	padding-block: 7px;
}

.yv-overview.is-cinema-ready .yv-dashboard-disclaimer {
	margin: 6px 0 0;
	color: rgba(191, 181, 209, 0.37);
	font-size: 6px;
	text-align: center;
}

.yv-overview.is-cinema-ready .yv-cinema-nav {
	position: absolute;
	z-index: 10;
	top: 50%;
	right: clamp(17px, 2.3vw, 42px);
	transform: translateY(-50%);
}

.yv-overview.is-cinema-ready .yv-cinema-nav::before {
	position: absolute;
	z-index: -1;
	top: 10px;
	right: 50%;
	bottom: 10px;
	width: 1px;
	background: rgba(202, 177, 255, 0.1);
	content: "";
}

.yv-overview.is-cinema-ready .yv-cinema-nav button {
	position: relative;
	display: grid;
	width: 32px;
	height: 32px;
	margin: 7px 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: rgba(213, 202, 232, 0.34);
	cursor: pointer;
	font-family: inherit;
	font-size: 8px;
	place-items: center;
}

.yv-overview.is-cinema-ready .yv-cinema-nav button::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 7px;
	border: 1px solid rgba(183, 150, 255, 0.28);
	border-radius: 50%;
	background: #080412;
	box-shadow: 0 0 0 5px #06030e;
	content: "";
	transform: translate(-50%, -50%);
	transition: background 260ms ease, box-shadow 260ms ease, transform 260ms ease;
}

.yv-overview.is-cinema-ready .yv-cinema-nav button span {
	position: absolute;
	top: 50%;
	right: 31px;
	opacity: 0;
	transform: translate(4px, -50%);
	transition: opacity 220ms ease, transform 220ms ease;
}

.yv-overview.is-cinema-ready .yv-cinema-nav button:hover span,
.yv-overview.is-cinema-ready .yv-cinema-nav button:focus-visible span,
.yv-overview.is-cinema-ready .yv-cinema-nav button[aria-current] span {
	opacity: 1;
	transform: translate(0, -50%);
}

.yv-overview.is-cinema-ready .yv-cinema-nav button[aria-current]::before {
	background: #aa7bff;
	box-shadow: 0 0 0 5px #06030e, 0 0 18px rgba(158, 99, 255, 0.9);
	transform: translate(-50%, -50%) scale(1.2);
}

.yv-overview.is-cinema-ready .yv-cinema-nav button:focus-visible {
	outline: 2px solid rgba(184, 146, 255, 0.66);
	outline-offset: 1px;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue {
	position: absolute;
	z-index: 8;
	bottom: 23px;
	left: clamp(18px, 2.7vw, 48px);
	color: rgba(215, 205, 232, 0.34);
	font-size: 8px;
	letter-spacing: 0.04em;
	pointer-events: none;
	writing-mode: vertical-rl;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue i {
	display: block;
	width: 1px;
	height: 44px;
	margin: 10px auto 0;
	overflow: hidden;
	background: rgba(207, 188, 238, 0.11);
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue i::after {
	display: block;
	width: 100%;
	height: 45%;
	background: linear-gradient(180deg, transparent, #a678ff);
	content: "";
	animation: yv-cinema-scroll 1.8s ease-in-out infinite;
}

@keyframes yv-cinema-scroll {
	0% { opacity: 0; transform: translateY(-100%); }
	30% { opacity: 1; }
	100% { opacity: 0; transform: translateY(220%); }
}

@media (max-width: 1023px) {
	.yv-overview.is-cinema-ready .yv-section-heading {
		top: clamp(70px, 8vh, 86px);
		width: min(680px, calc(100% - 120px));
	}

	.yv-overview.is-cinema-ready .yv-dashboard-wrap {
		top: 50%;
		width: min(720px, 72vw);
	}

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature {
		width: min(680px, calc(100% - 130px));
	}
}

@media (max-width: 767px) {
	html body.yv-preview-page .yv-overview.is-cinema-ready {
		height: 500vh;
		height: 500svh;
		min-height: 3100px;
	}

	.yv-overview.is-cinema-ready > .yv-container {
		min-height: 560px;
	}

	.yv-overview.is-cinema-ready .yv-section-heading {
		top: calc(var(--yv-header-height) + 10px);
		width: calc(100% - 72px);
		text-align: center;
	}

	.yv-overview.is-cinema-ready .yv-section-heading .yv-eyebrow,
	.yv-overview.is-cinema-ready .yv-section-heading > p:last-child {
		display: none;
	}

	.yv-overview.is-cinema-ready .yv-section-heading h2 {
		font-size: clamp(1.35rem, 6.5vw, 1.8rem);
		line-height: 1.35;
	}

	.yv-overview.is-cinema-ready .yv-cinema-word {
		top: 31%;
		width: 160%;
	}

	.yv-overview.is-cinema-ready .yv-cinema-word span {
		font-size: clamp(3.3rem, 14vw, 5.8rem) !important;
	}

	.yv-overview.is-cinema-ready .yv-dashboard-wrap,
	.yv-overview.is-cinema-ready .yv-dashboard-wrap[data-active="2"],
	.yv-overview.is-cinema-ready .yv-dashboard-wrap[data-active="3"],
	.yv-overview.is-cinema-ready .yv-dashboard-wrap[data-active="4"] {
		top: 46%;
		display: block;
		width: min(460px, 88vw);
		transform: translate(-50%, -50%) translateY(var(--yv-cinema-lift, 0px)) rotateX(calc(2deg + var(--yv-cinema-tilt, 0deg))) rotateY(-1.5deg);
	}

	.yv-overview.is-cinema-ready .yv-dashboard-wrap::before,
	.yv-overview.is-cinema-ready .yv-dashboard-wrap::after {
		top: 19%;
		width: 26%;
		height: 60%;
	}

	.yv-overview.is-cinema-ready .yv-dashboard-wrap::before {
		right: 88%;
	}

	.yv-overview.is-cinema-ready .yv-dashboard-wrap::after {
		left: 88%;
	}

	.yv-overview.is-cinema-ready .yv-dashboard-label,
	.yv-overview.is-cinema-ready .yv-dashboard-disclaimer {
		display: none;
	}

	.yv-overview.is-cinema-ready .yv-dashboard__topbar {
		grid-template-columns: 1fr minmax(100px, 160px) 28px;
		height: 40px;
		padding-inline: 11px;
		gap: 8px;
	}

	.yv-overview.is-cinema-ready .yv-dashboard__logo svg {
		width: 18px;
		height: 18px;
	}

	.yv-overview.is-cinema-ready .yv-dashboard__search {
		height: 25px;
	}

	.yv-overview.is-cinema-ready .yv-dashboard__avatar {
		width: 25px;
		height: 25px;
	}

	.yv-overview.is-cinema-ready .yv-dashboard__body {
		grid-template-columns: 1fr;
		min-height: 270px;
	}

	.yv-overview.is-cinema-ready .yv-dashboard__sidebar {
		display: none;
	}

	.yv-overview.is-cinema-ready .yv-dashboard__main {
		padding: 10px;
	}

	.yv-overview.is-cinema-ready .yv-dashboard__heading {
		margin-block-end: 7px;
	}

	.yv-overview.is-cinema-ready .yv-dashboard__heading small {
		display: none;
	}

	.yv-overview.is-cinema-ready .yv-dashboard__heading strong {
		font-size: 11px;
	}

	.yv-overview.is-cinema-ready .yv-dash-card--value,
	.yv-overview.is-cinema-ready .yv-dash-card--insight {
		min-height: 64px;
		padding: 7px;
	}

	.yv-overview.is-cinema-ready .yv-dash-card--value > strong {
		margin-block-start: 4px;
		font-size: 12px;
	}

	.yv-overview.is-cinema-ready .yv-dash-card--insight p {
		font-size: 6px;
	}

	.yv-overview.is-cinema-ready .yv-dash-card--insight > small,
	.yv-overview.is-cinema-ready .yv-dash-change {
		display: none;
	}

	.yv-overview.is-cinema-ready .yv-dash-card--chart,
	.yv-overview.is-cinema-ready .yv-dash-card--mix {
		min-height: 144px;
		padding: 7px;
	}

	.yv-overview.is-cinema-ready .yv-trend-chart {
		height: 92px;
	}

	.yv-overview.is-cinema-ready .yv-periods {
		display: none;
	}

	.yv-overview.is-cinema-ready .yv-asset-mix__donut {
		width: 56px;
		height: 56px;
	}

	.yv-overview.is-cinema-ready .yv-asset-mix__donut::before {
		width: 39px;
		height: 39px;
	}

	.yv-overview.is-cinema-ready .yv-asset-mix li {
		min-height: 11px;
		font-size: 5px;
	}

	.yv-overview.is-cinema-ready .yv-dash-card--character {
		inset: 40px 10px 10px;
		grid-template-columns: minmax(90px, 0.8fr) minmax(0, 1.2fr);
		padding: 10px;
		gap: 10px;
	}

	.yv-overview.is-cinema-ready .yv-character-radar {
		width: min(100%, 104px);
	}

	.yv-overview.is-cinema-ready .yv-character-card__axis-labels,
	.yv-overview.is-cinema-ready .yv-character-card__content > p {
		display: none;
	}

	.yv-overview.is-cinema-ready .yv-character-card__content h3 {
		font-size: 15px;
	}

	.yv-overview.is-cinema-ready .yv-character-card__scores strong {
		font-size: 9px;
	}

	.yv-overview.is-cinema-ready .yv-character-card__money {
		padding: 6px;
	}

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature {
		bottom: 18px;
		width: calc(100% - 44px);
		padding: 13px 16px 12px;
		border-radius: 14px;
	}

	.yv-overview.is-cinema-ready .yv-feature__top {
		top: 13px;
		right: 13px;
	}

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature h3 {
		padding-inline: 28px;
		font-size: 16px;
	}

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature > p {
		display: block;
		font-size: 10px;
		line-height: 1.65;
	}

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature ul {
		display: none;
	}

	.yv-overview.is-cinema-ready .yv-cinema-nav {
		right: 6px;
	}

	.yv-overview.is-cinema-ready .yv-cinema-nav button {
		width: 25px;
		height: 25px;
		margin-block: 5px;
	}

	.yv-overview.is-cinema-ready .yv-cinema-nav button span,
	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue {
		display: none;
	}
}

@media (max-width: 420px) {
	.yv-overview.is-cinema-ready .yv-dashboard__search {
		display: none;
	}

	.yv-overview.is-cinema-ready .yv-dashboard__topbar {
		grid-template-columns: 1fr 26px;
	}

	.yv-overview.is-cinema-ready .yv-character-card__topline small,
	.yv-overview.is-cinema-ready .yv-character-card__scores small {
		display: none;
	}
}

@media (max-height: 700px) and (min-width: 768px) {
	.yv-overview.is-cinema-ready .yv-section-heading {
		top: 58px;
	}

	.yv-overview.is-cinema-ready .yv-section-heading > p:last-child {
		display: none;
	}

	.yv-overview.is-cinema-ready .yv-dashboard-wrap {
		top: 49%;
		width: min(690px, 59vw);
	}

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature {
		bottom: 18px;
		padding-block: 12px;
	}

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature ul {
		display: none;
	}
}

/*
 * Seven-scene homepage patch (v1.15)
 * Adds the three trust principles to the same film, follows the operating
 * system colour scheme, and keeps the scroll instruction visible on touch.
 */
html body.yv-preview-page .yv-overview.is-cinema-ready {
	height: 800vh;
	height: 800svh;
	min-height: 5600px;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 42px;
	padding: 0 15px;
	border-radius: 999px;
	color: rgba(245, 239, 255, 0.8);
	font-size: 9px;
	font-weight: 650;
	letter-spacing: 0;
	gap: 9px;
	transition: opacity 350ms ease, transform 350ms ease;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue span {
	display: block;
	white-space: nowrap;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue i {
	width: 15px;
	height: 18px;
	border-radius: 8px;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue i::before {
	top: 3px;
	right: 50%;
	bottom: auto;
	width: 2px;
	height: 4px;
	border: 0;
	border-radius: 99px;
	background: currentColor;
	animation: yv-cinema-wheel 1.55s ease-in-out infinite;
	transform: translateX(50%);
}

.yv-overview.is-cinema-ready.is-cinema-past-intro .yv-cinema-scroll-cue {
	opacity: 0;
	transform: translate(-50%, 8px);
}

@keyframes yv-cinema-wheel {
	0%, 100% { opacity: 0.25; transform: translate(50%, 0); }
	45% { opacity: 1; }
	75% { opacity: 0.25; transform: translate(50%, 6px); }
}

.yv-cinema-card__body--privacy,
.yv-cinema-card__body--trace,
.yv-cinema-card__body--decision {
	display: flex;
	flex-direction: column;
}

.yv-cinema-privacy__shield {
	display: grid;
	width: 126px;
	height: 132px;
	margin: 5px auto 14px;
	border: 1px solid rgba(211, 186, 255, 0.19);
	border-radius: 38px;
	background: radial-gradient(circle at 50% 42%, rgba(170, 112, 255, 0.3), rgba(51, 15, 126, 0.18) 66%, transparent 67%);
	box-shadow: 0 0 42px rgba(135, 69, 255, 0.28), inset 0 1px rgba(255, 255, 255, 0.11);
	place-items: center;
}

.yv-cinema-privacy__shield svg {
	width: 82px;
	fill: rgba(156, 96, 255, 0.17);
	stroke: #cfb5ff;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 4;
}

.yv-cinema-privacy__status {
	display: grid;
	grid-template-columns: 8px 1fr auto;
	align-items: center;
	padding: 12px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 12px;
	background: rgba(8, 3, 33, 0.42);
	font-size: 7px;
	gap: 8px;
}

.yv-cinema-privacy__status i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #63f5d0;
	box-shadow: 0 0 12px rgba(99, 245, 208, 0.7);
}

.yv-cinema-privacy__status span { color: rgba(239, 233, 249, 0.66); }
.yv-cinema-privacy__status b { color: #71efd4; font-size: 7px; }

.yv-cinema-privacy__controls {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 10px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 12px;
	background: rgba(8, 3, 33, 0.34);
}

.yv-cinema-privacy__controls span {
	display: grid;
	min-height: 56px;
	padding: 8px 3px;
	color: rgba(235, 228, 246, 0.53);
	font-size: 6px;
	place-items: center;
	text-align: center;
}

.yv-cinema-privacy__controls span + span { border-right: 1px solid rgba(255, 255, 255, 0.07); }
.yv-cinema-privacy__controls i { width: 16px; height: 16px; border: 1px solid rgba(194, 158, 255, 0.28); border-radius: 5px; }

.yv-cinema-trace__summary {
	position: relative;
	padding: 15px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
	background: rgba(8, 3, 33, 0.42);
}

.yv-cinema-trace__summary small,
.yv-cinema-trace__summary strong { display: block; }
.yv-cinema-trace__summary small { color: rgba(232, 224, 244, 0.5); font-size: 7px; }
.yv-cinema-trace__summary strong { margin-top: 7px; font-size: 15px; }
.yv-cinema-trace__summary span { position: absolute; top: 15px; left: 14px; color: #74efd5; font-size: 7px; }

.yv-cinema-trace__steps {
	position: relative;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}

.yv-cinema-trace__steps::before {
	position: absolute;
	top: 18px;
	right: 5px;
	bottom: 18px;
	width: 1px;
	background: linear-gradient(#b784ff, rgba(183, 132, 255, 0.12));
	content: "";
}

.yv-cinema-trace__steps li {
	position: relative;
	display: grid;
	grid-template-columns: 11px 1fr auto;
	align-items: center;
	min-height: 58px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	gap: 9px;
}

.yv-cinema-trace__steps li > i { z-index: 1; width: 10px; height: 10px; border: 2px solid #b889ff; border-radius: 50%; background: #230954; box-shadow: 0 0 10px rgba(178, 123, 255, 0.5); }
.yv-cinema-trace__steps b,
.yv-cinema-trace__steps small { display: block; }
.yv-cinema-trace__steps b { font-size: 8px; }
.yv-cinema-trace__steps small,
.yv-cinema-trace__steps time { margin-top: 4px; color: rgba(230, 222, 241, 0.45); font-size: 6px; }

.yv-cinema-decision__compass {
	display: grid;
	margin: -2px auto 5px;
	place-items: center;
}

.yv-cinema-decision__compass svg {
	width: 144px;
	fill: rgba(171, 111, 255, 0.2);
	stroke: #caa9ff;
	stroke-width: 2;
}

.yv-cinema-decision__compass span { margin-top: -6px; color: #dcc7ff; font-size: 8px; }
.yv-cinema-decision__checks { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 8px; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 12px; background: rgba(7, 3, 30, 0.36); }
.yv-cinema-decision__checks span { display: grid; min-height: 54px; padding: 7px 3px; color: rgba(236, 229, 247, 0.58); font-size: 6px; place-items: center; text-align: center; }
.yv-cinema-decision__checks span + span { border-right: 1px solid rgba(255, 255, 255, 0.07); }
.yv-cinema-decision__checks i { display: grid; width: 17px; height: 17px; border-radius: 50%; background: rgba(99, 245, 208, 0.14); color: #72efd5; font-size: 8px; font-style: normal; place-items: center; }
.yv-cinema-card__body--decision > p { margin: 11px 4px 0; color: rgba(232, 224, 243, 0.48); font-size: 6px; line-height: 1.7; text-align: center; }

/* Day palette: the product cards remain brand-purple while the stage, copy,
 * navigation and chrome switch to a bright high-contrast environment. */
html[data-theme="light"] body.yv-preview-page .yv-overview.is-cinema-ready {
	--yv-theme-bg: #F6F7FA;
	--yv-theme-text: #10141F;
	--yv-theme-muted: #4B5363;
	background:
		radial-gradient(circle at 50% 48%, rgba(118, 74, 219, 0.13), transparent 31%),
		radial-gradient(circle at 50% 83%, rgba(157, 111, 246, 0.08), transparent 26%),
		#F6F7FA;
	color: #10141F;
	color-scheme: light;
}

html[data-theme="light"] body.yv-preview-page .yv-overview.is-cinema-ready::before {
	background:
		linear-gradient(90deg, rgba(77, 53, 131, 0.04) 1px, transparent 1px),
		linear-gradient(rgba(77, 53, 131, 0.035) 1px, transparent 1px);
	background-size: 76px 76px;
	opacity: 0.72;
}

html[data-theme="light"] body.yv-preview-page .yv-overview.is-cinema-ready::after {
	background:
		linear-gradient(90deg, #F6F7FA 0%, transparent 12%, transparent 88%, #F6F7FA 100%),
		linear-gradient(180deg, rgba(247, 245, 252, 0.04), transparent 72%, rgba(247, 245, 252, 0.76));
}

html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-word span {
	-webkit-text-stroke-color: rgba(91, 54, 175, 0.14);
	text-shadow: none;
}

html[data-theme="light"] body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature h3 { color: #10141F; text-shadow: 0 12px 34px rgba(83, 49, 164, 0.14); }
html[data-theme="light"] body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature > p { color: rgba(48, 39, 64, 0.7); }
html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-nav button { color: rgba(48, 38, 67, 0.48); }
html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-nav button::before { border-color: rgba(86, 51, 170, 0.28); background: #F6F7FA; box-shadow: 0 0 0 4px #F6F7FA; }
html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-nav button[aria-current]::before { background: #7647d8; box-shadow: 0 0 0 4px #F6F7FA, 0 0 15px rgba(113, 66, 211, 0.42); }
html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-scroll-cue { border-color: rgba(91, 49, 187, 0.2); background: rgba(255, 255, 255, 0.88); box-shadow: 0 8px 28px rgba(64, 40, 112, 0.12); color: #54358f; }
html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-scroll-cue i::before { background: currentColor; }

html[data-theme="light"] .yv-preview-page .yv-site-header.is-cinema-dark,
html[data-theme="light"] .yv-preview-page .yv-site-header.is-cinema-dark.is-scrolled {
	border-bottom-color: rgba(63, 45, 103, 0.08);
	background: linear-gradient(180deg, rgba(250, 249, 253, 0.96), rgba(250, 249, 253, 0.72) 64%, transparent);
	color: #10141F;
}

html[data-theme="light"] .yv-preview-page .yv-site-header.is-cinema-dark .yv-brand,
html[data-theme="light"] .yv-preview-page .yv-site-header.is-cinema-dark .yv-site-nav a,
html[data-theme="light"] .yv-preview-page .yv-site-header.is-cinema-dark .yv-header-login { color: #241b32; }
html[data-theme="light"] .yv-preview-page .yv-site-header.is-cinema-dark .yv-brand__latin { color: #6e6679; }

@media (max-width: 767px) {
	html body.yv-preview-page .yv-overview.is-cinema-ready {
		height: 800vh;
		height: 800svh;
		min-height: 5000px;
	}

	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="4"] { --yv-card-x: 332vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-4"] { --yv-card-x: -332vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="5"] { --yv-card-x: 415vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-5"] { --yv-card-x: -415vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="6"] { --yv-card-x: 498vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-6"] { --yv-card-x: -498vw !important; }

	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue {
		bottom: max(10px, env(safe-area-inset-bottom));
		height: 38px;
		padding-inline: 12px;
		font-size: 8px;
		gap: 7px;
	}

	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue i { width: 13px; height: 16px; }
	.yv-cinema-privacy__shield { width: 108px; height: 112px; margin-block: 1px 10px; }
	.yv-cinema-privacy__shield svg { width: 70px; }
	.yv-cinema-privacy__controls span { min-height: 48px; }
	.yv-cinema-trace__steps li { min-height: 50px; }
	.yv-cinema-decision__compass svg { width: 124px; }
	.yv-cinema-decision__checks span { min-height: 48px; }
}

@media (max-width: 420px) {
	.yv-overview.is-cinema-ready .yv-cinema-card {
		width: min(296px, 80vw);
		height: min(376px, 50vh);
	}

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature {
		width: calc(100% - 42px);
	}

	.yv-overview.is-cinema-ready .yv-cinema-nav { right: 2px; }
	.yv-overview.is-cinema-ready .yv-cinema-nav button { width: 23px; height: 23px; margin-block: 3px; }
	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue span { max-width: 158px; overflow: hidden; text-overflow: ellipsis; }
}

@media (max-height: 650px) and (min-width: 768px) {
	.yv-overview.is-cinema-ready .yv-cinema-card {
		top: 43%;
		width: min(286px, 25vw);
		height: min(330px, 54vh);
	}

	.yv-overview.is-cinema-ready .yv-cinema-card__bar { height: 40px; margin: 9px 10px 0; }
	.yv-overview.is-cinema-ready .yv-cinema-card__body { height: calc(100% - 61px); margin: 8px 10px 11px; padding: 11px; }
	.yv-cinema-donut { top: 92px; right: 16px; width: 76px; height: 76px; }
	.yv-cinema-assets { top: 96px; left: 14px; width: 112px; }
	.yv-cinema-journey__chart { height: 112px; }
	.yv-cinema-character__radar { width: 150px; height: 132px; }
	.yv-cinema-privacy__shield { width: 92px; height: 92px; margin-block: 0 6px; }
	.yv-cinema-privacy__shield svg { width: 58px; }
	.yv-cinema-trace__steps li { min-height: 42px; }
	.yv-cinema-decision__compass svg { width: 105px; }
	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature { bottom: 66px; }
	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue { bottom: 12px; }
}

@media (max-width: 900px) and (orientation: landscape) {
	.yv-overview.is-cinema-ready .yv-cinema-nav { right: 3px; }
	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue { left: 20px; transform: none; }
	.yv-overview.is-cinema-ready.is-cinema-past-intro .yv-cinema-scroll-cue { transform: translateY(8px); }
}

@media (prefers-reduced-motion: reduce) {
	.yv-cinema-ambient,
	.yv-cinema-word,
	.yv-cinema-nav,
	.yv-cinema-scroll-cue {
		display: none !important;
	}
}

/*
 * Concept-faithful carousel film (v1.14)
 *
 * The active feature is a portrait product card with cropped neighbour cards,
 * large outlined typography, and copy below the visual.  These rules are kept
 * after the v1.13 film so the non-JavaScript fallback remains unchanged.
 */
.yv-cinema-stage {
	display: none;
}

.yv-preview-page .yv-site-header.is-cinema-dark,
.yv-preview-page .yv-site-header.is-cinema-dark.is-scrolled {
	border-bottom-color: rgba(153, 102, 255, 0.08);
	background: linear-gradient(180deg, rgba(3, 1, 9, 0.94), rgba(3, 1, 9, 0.42) 62%, transparent);
	box-shadow: none;
	color: #fff;
}

@supports (backdrop-filter: blur(14px)) {
	.yv-preview-page .yv-site-header.is-cinema-dark,
	.yv-preview-page .yv-site-header.is-cinema-dark.is-scrolled {
		background: linear-gradient(180deg, rgba(3, 1, 9, 0.82), rgba(3, 1, 9, 0.3) 66%, transparent);
		backdrop-filter: blur(10px) saturate(118%);
	}
}

.yv-preview-page .yv-site-header.is-cinema-dark .yv-brand,
.yv-preview-page .yv-site-header.is-cinema-dark .yv-site-nav a,
.yv-preview-page .yv-site-header.is-cinema-dark .yv-header-login {
	color: rgba(250, 247, 255, 0.86);
}

.yv-preview-page .yv-site-header.is-cinema-dark .yv-brand__latin {
	color: rgba(214, 204, 229, 0.55);
}

.yv-preview-page .yv-site-header.is-cinema-dark .yv-theme-toggle {
	border-color: rgba(177, 132, 255, 0.2);
	background: rgba(14, 7, 27, 0.58);
	color: #eee7ff;
}

html body.yv-preview-page .yv-overview.is-cinema-ready {
	background:
		radial-gradient(circle at 50% 52%, rgba(74, 23, 178, 0.18), transparent 28%),
		radial-gradient(circle at 50% 78%, rgba(129, 45, 255, 0.08), transparent 24%),
		#030108;
}

html body.yv-preview-page .yv-overview.is-cinema-ready::before {
	background:
		linear-gradient(90deg, rgba(117, 70, 219, 0.018) 1px, transparent 1px),
		linear-gradient(rgba(117, 70, 219, 0.014) 1px, transparent 1px);
	background-size: 76px 76px;
	opacity: 0.3;
}

html body.yv-preview-page .yv-overview.is-cinema-ready::after {
	z-index: 2;
	background:
		linear-gradient(90deg, #030108 0%, transparent 12%, transparent 88%, #030108 100%),
		linear-gradient(180deg, rgba(3, 1, 8, 0.06), transparent 72%, rgba(3, 1, 8, 0.68));
}

.yv-overview.is-cinema-ready .yv-section-heading {
	display: none;
}

.yv-overview.is-cinema-ready .yv-cinema-ambient {
	z-index: 0;
	opacity: 0.34;
}

.yv-overview.is-cinema-ready .yv-cinema-ambient::before,
.yv-overview.is-cinema-ready .yv-cinema-ambient::after,
.yv-overview.is-cinema-ready .yv-cinema-ambient i:nth-child(1),
.yv-overview.is-cinema-ready .yv-cinema-ambient i:nth-child(2) {
	display: none;
}

.yv-overview.is-cinema-ready .yv-cinema-word {
	z-index: 1;
	top: 46%;
	width: 150%;
}

.yv-overview.is-cinema-ready .yv-cinema-word span {
	font-size: clamp(7.5rem, 13.2vw, 12.5rem) !important;
	font-weight: 850;
	letter-spacing: -0.055em;
	-webkit-text-stroke: 1px rgba(131, 76, 246, 0.17);
	text-shadow: 0 0 70px rgba(96, 42, 220, 0.035);
}

.yv-overview.is-cinema-ready .yv-overview__grid {
	z-index: 3;
}

.yv-overview.is-cinema-ready .yv-dashboard-wrap--legacy {
	display: none !important;
}

.yv-overview.is-cinema-ready .yv-cinema-stage {
	position: absolute;
	z-index: 3;
	inset: 0;
	display: block;
	direction: ltr;
	perspective: 1500px;
	pointer-events: none;
}

.yv-overview.is-cinema-ready .yv-cinema-card {
	--yv-card-x: 510px;
	--yv-card-rotate: 5.5deg;
	--yv-card-scale: 0.86;
	position: absolute;
	top: 45.2%;
	left: 50%;
	width: clamp(326px, 29vw, 382px);
	height: clamp(392px, 59vh, 438px);
	overflow: hidden;
	border: 1px solid rgba(207, 175, 255, 0.2);
	border-radius: 27px;
	background:
		radial-gradient(circle at 77% 10%, rgba(255, 171, 231, 0.52), transparent 18%),
		radial-gradient(circle at 20% 84%, rgba(64, 28, 237, 0.82), transparent 42%),
		linear-gradient(145deg, #8e22f0 0%, #5f12dc 43%, #24008f 100%);
	box-shadow:
		0 38px 80px rgba(0, 0, 0, 0.58),
		0 0 70px rgba(111, 43, 246, 0.2),
		inset 0 1px rgba(255, 255, 255, 0.2);
	opacity: 0.32;
	filter: saturate(0.74) brightness(0.66);
	transform: translate(-50%, -50%) translateX(var(--yv-card-x)) rotate(var(--yv-card-rotate)) scale(var(--yv-card-scale));
	transform-origin: center;
	transition:
		transform 980ms cubic-bezier(0.16, 1, 0.3, 1),
		opacity 720ms ease,
		filter 780ms ease;
	will-change: transform, opacity, filter;
}

.yv-overview.is-cinema-ready .yv-cinema-card::before {
	position: absolute;
	z-index: 0;
	inset: 0;
	background:
		linear-gradient(112deg, rgba(255, 255, 255, 0.16), transparent 19% 72%, rgba(255, 255, 255, 0.08)),
		repeating-linear-gradient(90deg, transparent 0 49px, rgba(255, 255, 255, 0.025) 49px 50px);
	content: "";
	pointer-events: none;
}

.yv-overview.is-cinema-ready .yv-cinema-card.is-active {
	z-index: 5;
	opacity: 1;
	filter: none;
}

.yv-overview.is-cinema-ready .yv-cinema-card__glow {
	position: absolute;
	z-index: 0;
	top: -42px;
	right: -34px;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: rgba(255, 184, 235, 0.44);
	filter: blur(48px);
}

.yv-overview.is-cinema-ready .yv-cinema-card__bar {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 54px;
	margin: 14px 15px 0;
	padding: 0 14px;
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 15px;
	background: rgba(20, 4, 66, 0.48);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 12px 30px rgba(27, 0, 86, 0.2);
	color: rgba(249, 245, 255, 0.7);
	direction: rtl;
	font-size: 9px;
	backdrop-filter: blur(12px);
}

.yv-overview.is-cinema-ready .yv-cinema-card__bar i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #f12663;
	box-shadow: 0 0 12px rgba(255, 31, 101, 0.75);
}

.yv-overview.is-cinema-ready .yv-cinema-card__bar b {
	color: #fff;
	font-size: 10px;
	font-weight: 800;
}

.yv-overview.is-cinema-ready .yv-cinema-card__body {
	position: relative;
	z-index: 2;
	height: calc(100% - 83px);
	margin: 13px 15px 16px;
	padding: 18px;
	border: 1px solid rgba(219, 197, 255, 0.12);
	border-radius: 18px;
	background: linear-gradient(160deg, rgba(21, 6, 72, 0.76), rgba(13, 4, 48, 0.88));
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.045);
	color: #F1F3F7;
	direction: rtl;
	backdrop-filter: blur(16px);
}

.yv-cinema-card__total {
	position: relative;
	padding: 15px 16px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
	background: rgba(7, 3, 28, 0.44);
}

.yv-cinema-card__total small,
.yv-cinema-card__total span {
	display: block;
	color: rgba(232, 225, 245, 0.52);
	font-size: 8px;
}

.yv-cinema-card__total strong {
	display: inline-block;
	margin-top: 7px;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -0.035em;
}

.yv-cinema-card__total span {
	display: inline-block;
	margin-right: 4px;
}

.yv-cinema-donut {
	position: absolute;
	top: 119px;
	right: 28px;
	display: grid;
	width: 108px;
	height: 108px;
	border-radius: 50%;
	background: conic-gradient(#a477ff 0 42%, #54d9c7 42% 68%, #f0bc5c 68% 86%, rgba(255, 255, 255, 0.1) 86%);
	place-content: center;
	text-align: center;
}

.yv-cinema-donut::before {
	position: absolute;
	inset: 13px;
	border-radius: inherit;
	background: #140746;
	content: "";
}

.yv-cinema-donut span,
.yv-cinema-donut small {
	position: relative;
	z-index: 1;
	display: block;
}

.yv-cinema-donut span {
	font-size: 21px;
	font-weight: 850;
}

.yv-cinema-donut small {
	color: rgba(231, 223, 244, 0.52);
	font-size: 7px;
}

.yv-cinema-assets {
	position: absolute;
	top: 126px;
	left: 22px;
	width: 145px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.yv-cinema-assets li {
	display: grid;
	grid-template-columns: 8px 1fr auto;
	align-items: center;
	height: 38px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	color: rgba(241, 236, 249, 0.74);
	font-size: 8px;
	gap: 7px;
}

.yv-cinema-assets i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #a477ff;
}

.yv-cinema-assets li:nth-child(2) i { background: #54d9c7; }
.yv-cinema-assets li:nth-child(3) i { background: #f0bc5c; }

.yv-cinema-assets b {
	color: #fff;
	font-size: 9px;
}

.yv-cinema-card__body--insight {
	padding-top: 22px;
}

.yv-cinema-orb {
	display: grid;
	width: 68px;
	height: 68px;
	margin: 0 auto 16px;
	border: 1px solid rgba(213, 191, 255, 0.22);
	border-radius: 50%;
	background: radial-gradient(circle at 50% 42%, rgba(190, 142, 255, 0.64), rgba(88, 30, 216, 0.26) 48%, rgba(16, 6, 56, 0.3));
	box-shadow: 0 0 35px rgba(152, 90, 255, 0.42), inset 0 1px rgba(255, 255, 255, 0.24);
	place-items: center;
}

.yv-cinema-orb svg {
	width: 33px;
	fill: none;
	stroke: #fff;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.yv-cinema-message {
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 14px;
	background: rgba(9, 3, 35, 0.55);
	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16);
}

.yv-cinema-message--ai {
	padding: 14px 15px;
}

.yv-cinema-message--ai small {
	color: #be9cff;
	font-size: 7px;
}

.yv-cinema-message--ai p {
	margin: 7px 0 0;
	color: rgba(248, 245, 255, 0.88);
	font-size: 10px;
	line-height: 1.75;
}

.yv-cinema-message--action {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
	padding: 11px 14px;
	color: rgba(237, 230, 247, 0.66);
	font-size: 8px;
}

.yv-cinema-message--action i {
	color: #b98cff;
	font-size: 15px;
}

.yv-cinema-journey__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.yv-cinema-journey__top small,
.yv-cinema-journey__top strong {
	display: block;
}

.yv-cinema-journey__top small {
	color: rgba(230, 223, 242, 0.52);
	font-size: 8px;
}

.yv-cinema-journey__top strong {
	margin-top: 6px;
	color: #75f2d5;
	font-size: 20px;
}

.yv-cinema-journey__top > span {
	padding: 6px 9px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.035);
	color: rgba(232, 226, 241, 0.48);
	font-size: 7px;
}

.yv-cinema-journey__chart {
	display: block;
	width: 100%;
	height: 154px;
	margin-top: 12px;
	overflow: visible;
}

.yv-cinema-journey__chart g path {
	fill: none;
	stroke: rgba(255, 255, 255, 0.08);
	stroke-width: 1;
}

.yv-cinema-journey__chart .area { fill: url(#yv-cinema-area); }
.yv-cinema-journey__chart .line { fill: none; stroke: #63f5d0; stroke-width: 3; }
.yv-cinema-journey__chart circle { fill: #fff; stroke: #63f5d0; stroke-width: 4; }

.yv-cinema-journey__note {
	display: grid;
	grid-template-columns: 8px 1fr auto;
	align-items: center;
	margin-top: -1px;
	padding: 10px 12px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 11px;
	background: rgba(6, 3, 29, 0.43);
	color: rgba(237, 231, 246, 0.59);
	font-size: 7px;
	gap: 7px;
}

.yv-cinema-journey__note i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #63f5d0;
	box-shadow: 0 0 11px rgba(99, 245, 208, 0.7);
}

.yv-cinema-journey__note b { color: #fff; font-size: 8px; }

.yv-cinema-card__body--character {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 13px;
}

.yv-cinema-character__badge {
	padding: 6px 11px;
	border: 1px solid rgba(200, 168, 255, 0.18);
	border-radius: 999px;
	background: rgba(164, 111, 255, 0.09);
	color: #d7c1ff;
	font-size: 8px;
}

.yv-cinema-character__radar {
	width: 210px;
	height: 186px;
	margin-top: 5px;
	overflow: visible;
}

.yv-cinema-character__radar .grid,
.yv-cinema-character__radar .axis {
	fill: none;
	stroke: rgba(219, 201, 255, 0.16);
	stroke-width: 1;
}

.yv-cinema-character__radar .grid--inner { stroke: rgba(219, 201, 255, 0.1); }
.yv-cinema-character__radar .result { fill: rgba(172, 111, 255, 0.31); stroke: #b886ff; stroke-width: 2; }
.yv-cinema-character__radar circle { fill: #fff; stroke: #a763ff; stroke-width: 3; }

.yv-cinema-character__scores {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
	margin-top: -2px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 12px;
	background: rgba(7, 3, 30, 0.38);
}

.yv-cinema-character__scores span {
	padding: 8px 4px;
	text-align: center;
}

.yv-cinema-character__scores span + span { border-right: 1px solid rgba(255, 255, 255, 0.07); }
.yv-cinema-character__scores b,
.yv-cinema-character__scores small { display: block; }
.yv-cinema-character__scores b { font-size: 12px; }
.yv-cinema-character__scores small { margin-top: 3px; color: rgba(226, 218, 239, 0.48); font-size: 6px; }

html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature {
	z-index: 7;
	bottom: clamp(90px, 13.4vh, 104px);
	width: min(620px, calc(100% - 160px));
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
}

html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature.is-active {
	border: 0;
	background: transparent;
}

.yv-overview.is-cinema-ready .yv-feature__top,
html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature ul {
	display: none;
}

html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature h3 {
	padding: 0;
	font-size: clamp(1.3rem, 1.85vw, 1.62rem);
	font-weight: 760;
	line-height: 1.35;
	text-shadow: 0 10px 35px rgba(101, 47, 220, 0.4);
}

html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature h3::after {
	display: block;
	width: 28px;
	height: 2px;
	margin: 8px auto 0;
	border-radius: 99px;
	background: linear-gradient(90deg, #7a35e8, #d496ff);
	box-shadow: 0 0 12px rgba(166, 101, 255, 0.7);
	content: "";
}

html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature > p {
	max-width: 540px;
	margin-top: 7px;
	color: rgba(215, 207, 228, 0.58);
	font-size: 10px;
	line-height: 1.7;
}

.yv-overview.is-cinema-ready .yv-cinema-nav {
	right: clamp(11px, 1.4vw, 24px);
}

.yv-overview.is-cinema-ready .yv-cinema-nav button {
	width: 26px;
	height: 26px;
	margin-block: 4px;
}

.yv-overview.is-cinema-ready .yv-cinema-nav button::before {
	width: 5px;
	height: 5px;
	box-shadow: 0 0 0 4px #030108;
}

.yv-overview.is-cinema-ready .yv-cinema-nav button[aria-current]::before {
	background: #b76fff;
	box-shadow: 0 0 0 4px #030108, 0 0 15px rgba(183, 111, 255, 0.9);
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue {
	z-index: 9;
	bottom: 17px;
	left: 50%;
	display: grid;
	width: 52px;
	height: 52px;
	border: 1px solid rgba(177, 128, 255, 0.23);
	border-radius: 50%;
	background: radial-gradient(circle, rgba(95, 35, 209, 0.62), rgba(35, 10, 79, 0.72));
	box-shadow: 0 0 0 10px rgba(104, 47, 210, 0.035), 0 0 32px rgba(128, 60, 240, 0.22), inset 0 1px rgba(255, 255, 255, 0.12);
	transform: translateX(-50%);
	place-items: center;
	writing-mode: initial;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue span {
	display: none;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue i {
	position: relative;
	display: block;
	width: 17px;
	height: 14px;
	margin: 0;
	border: 1px solid rgba(246, 240, 255, 0.75);
	border-radius: 4px;
	background: transparent;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue i::before {
	position: absolute;
	right: 3px;
	bottom: -4px;
	width: 5px;
	height: 5px;
	border-right: 1px solid rgba(246, 240, 255, 0.75);
	border-bottom: 1px solid rgba(246, 240, 255, 0.75);
	background: #461897;
	content: "";
	transform: rotate(45deg);
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue i::after {
	display: none;
}

@media (max-width: 1023px) {
	.yv-overview.is-cinema-ready .yv-cinema-card {
		width: clamp(314px, 34vw, 356px);
		height: clamp(360px, 52vh, 408px);
	}
}

@media (max-width: 767px) {
	.yv-overview.is-cinema-ready .yv-cinema-word {
		top: 43%;
		width: 190%;
	}

	.yv-overview.is-cinema-ready .yv-cinema-word span {
		font-size: clamp(4.4rem, 22vw, 7rem) !important;
	}

	.yv-overview.is-cinema-ready .yv-cinema-card {
		top: 43.5%;
		width: min(310px, 78vw);
		height: min(390px, 52vh);
		border-radius: 22px;
	}

	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="0"] { --yv-card-x: 0px !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="1"] { --yv-card-x: 83vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-1"] { --yv-card-x: -83vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="2"] { --yv-card-x: 166vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-2"] { --yv-card-x: -166vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="3"] { --yv-card-x: 249vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-3"] { --yv-card-x: -249vw !important; }

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature {
		top: calc(43.5% + min(195px, 26vh) + 22px);
		bottom: auto;
		width: calc(100% - 54px);
		padding: 0;
	}

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature h3 {
		padding: 0;
		font-size: 17px;
	}

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature > p {
		display: block;
		font-size: 9px;
		line-height: 1.6;
	}

	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue {
		bottom: 12px;
		width: 44px;
		height: 44px;
	}

	.yv-overview.is-cinema-ready .yv-cinema-card__bar {
		height: 46px;
		margin: 11px 12px 0;
	}

	.yv-overview.is-cinema-ready .yv-cinema-card__body {
		height: calc(100% - 70px);
		margin: 10px 12px 13px;
		padding: 14px;
	}

	.yv-cinema-donut {
		top: 107px;
		right: 20px;
		width: 88px;
		height: 88px;
	}

	.yv-cinema-assets {
		top: 111px;
		left: 17px;
		width: 126px;
	}
}

@media (max-height: 700px) and (min-width: 768px) {
	.yv-overview.is-cinema-ready .yv-cinema-card {
		top: 44%;
		height: min(382px, 54vh);
	}

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature {
		bottom: 100px;
	}
}

/* v1.15 cascade guard: must remain after the v1.14 compatibility layer. */
html body.yv-preview-page .yv-overview.is-cinema-ready {
	height: 800vh;
	height: 800svh;
	min-height: 5600px;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 42px;
	padding: 0 15px;
	border-radius: 999px;
	font-size: 9px;
	font-weight: 650;
	gap: 9px;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue span { display: block; white-space: nowrap; }
.yv-overview.is-cinema-ready .yv-cinema-scroll-cue i { width: 15px; height: 18px; }
.yv-overview.is-cinema-ready.is-cinema-past-intro .yv-cinema-scroll-cue { opacity: 0; transform: translate(-50%, 8px); }

@media (max-width: 767px) {
	html body.yv-preview-page .yv-overview.is-cinema-ready {
		height: 800vh;
		height: 800svh;
		min-height: 5000px;
	}

	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue {
		display: inline-flex;
		bottom: max(10px, env(safe-area-inset-bottom));
		width: auto;
		height: 38px;
		padding-inline: 12px;
		font-size: 8px;
		gap: 7px;
	}

	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue span { display: block; }
	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue i { width: 13px; height: 16px; }
}

@media (max-width: 420px) {
	.yv-overview.is-cinema-ready .yv-cinema-card { width: min(296px, 80vw); height: min(376px, 50vh); }
	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature { width: calc(100% - 42px); }
	.yv-overview.is-cinema-ready .yv-cinema-nav { right: 2px; }
	.yv-overview.is-cinema-ready .yv-cinema-nav button { width: 23px; height: 23px; margin-block: 3px; }
}

@media (max-height: 650px) and (min-width: 768px) {
	.yv-overview.is-cinema-ready .yv-cinema-card { top: 43%; width: min(286px, 25vw); height: min(330px, 54vh); }
	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature { bottom: 66px; }
	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue { bottom: 12px; }
}

@media (max-width: 900px) and (orientation: landscape) {
	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue { left: 20px; transform: none; }
	.yv-overview.is-cinema-ready.is-cinema-past-intro .yv-cinema-scroll-cue { transform: translateY(8px); }
}

/*
 * Cinematic polish and responsive geometry (v1.17)
 *
 * This final cascade layer keeps the seven-card architecture intact while
 * improving depth, outlined-word contrast, scroll affordance and short-screen
 * behaviour in both manual and system-selected colour modes.
 */
html body.yv-preview-page .yv-overview.is-cinema-ready {
	--yv-scene-rgb: 143 83 255;
	background:
		radial-gradient(circle at 50% 43%, rgb(var(--yv-scene-rgb) / 0.2), transparent 30%),
		radial-gradient(circle at 8% 28%, rgba(92, 47, 190, 0.11), transparent 25%),
		radial-gradient(circle at 92% 72%, rgba(56, 178, 210, 0.07), transparent 24%),
		linear-gradient(155deg, #05010d 0%, #090315 48%, #020106 100%);
}

html body.yv-preview-page .yv-overview.is-cinema-ready[data-scene="2"] { --yv-scene-rgb: 194 83 255; }
html body.yv-preview-page .yv-overview.is-cinema-ready[data-scene="3"] { --yv-scene-rgb: 79 226 196; }
html body.yv-preview-page .yv-overview.is-cinema-ready[data-scene="4"] { --yv-scene-rgb: 173 115 255; }
html body.yv-preview-page .yv-overview.is-cinema-ready[data-scene="5"] { --yv-scene-rgb: 102 145 255; }
html body.yv-preview-page .yv-overview.is-cinema-ready[data-scene="6"] { --yv-scene-rgb: 77 205 225; }
html body.yv-preview-page .yv-overview.is-cinema-ready[data-scene="7"] { --yv-scene-rgb: 237 181 98; }

html body.yv-preview-page .yv-overview.is-cinema-ready::before {
	background:
		radial-gradient(circle at 1px 1px, rgba(190, 159, 255, 0.13) 1px, transparent 1.35px),
		linear-gradient(90deg, rgba(143, 94, 238, 0.032) 1px, transparent 1px),
		linear-gradient(rgba(143, 94, 238, 0.027) 1px, transparent 1px);
	background-size: 43px 43px, 86px 86px, 86px 86px;
	opacity: 0.58;
	mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

html body.yv-preview-page .yv-overview.is-cinema-ready::after {
	background:
		linear-gradient(90deg, #030108 0%, transparent 9%, transparent 91%, #030108 100%),
		linear-gradient(180deg, rgba(3, 1, 8, 0.03), transparent 64%, rgba(3, 1, 8, 0.72));
}

.yv-overview.is-cinema-ready > .yv-container {
	--yv-card-center: 44%;
	--yv-card-width: clamp(336px, 28vw, 390px);
	--yv-card-height: clamp(400px, 56svh, 446px);
	--yv-card-half: clamp(200px, 28svh, 223px);
}

.yv-overview.is-cinema-ready .yv-cinema-ambient {
	z-index: 0;
	opacity: 1;
}

.yv-overview.is-cinema-ready .yv-cinema-ambient::before,
.yv-overview.is-cinema-ready .yv-cinema-ambient::after,
.yv-overview.is-cinema-ready .yv-cinema-ambient i:nth-child(1),
.yv-overview.is-cinema-ready .yv-cinema-ambient i:nth-child(2) {
	display: block;
	border: 0;
	border-radius: 50%;
	background: rgb(var(--yv-scene-rgb) / 0.16);
	box-shadow: none;
	filter: blur(82px);
}

.yv-overview.is-cinema-ready .yv-cinema-ambient::before {
	top: 18%;
	left: -8%;
	width: 27vw;
	aspect-ratio: 1;
	transform: none;
}

.yv-overview.is-cinema-ready .yv-cinema-ambient::after {
	right: -5%;
	bottom: 7%;
	width: 24vw;
	aspect-ratio: 1;
	background: rgba(48, 139, 190, 0.1);
	transform: none;
}

.yv-overview.is-cinema-ready .yv-cinema-ambient i:nth-child(1) {
	top: 8%;
	right: 28%;
	width: 12vw;
	aspect-ratio: 1;
	opacity: 0.48;
	transform: none;
}

.yv-overview.is-cinema-ready .yv-cinema-ambient i:nth-child(2) {
	bottom: 10%;
	left: 28%;
	width: 15vw;
	aspect-ratio: 1;
	opacity: 0.34;
	transform: none;
}

.yv-overview.is-cinema-ready .yv-cinema-ambient i:nth-child(3) {
	top: 24%;
	right: 12%;
	width: 4px;
	height: 4px;
	background: rgb(var(--yv-scene-rgb));
	box-shadow:
		0 0 14px rgb(var(--yv-scene-rgb) / 0.9),
		-19vw 12vh 0 -1px rgba(209, 183, 255, 0.55),
		-63vw 35vh 0 -1px rgba(151, 218, 255, 0.38),
		-34vw 50vh 0 -1px rgba(229, 207, 255, 0.42),
		-73vw -7vh 0 -1px rgba(185, 146, 255, 0.36);
}

.yv-overview.is-cinema-ready .yv-cinema-word {
	top: 44%;
	width: 156%;
}

.yv-overview.is-cinema-ready .yv-cinema-word span {
	color: rgb(var(--yv-scene-rgb) / 0.018) !important;
	font-size: clamp(8rem, 13.8vw, 13.25rem) !important;
	-webkit-text-stroke: 1.25px rgb(var(--yv-scene-rgb) / 0.31);
	text-shadow: 0 0 64px rgb(var(--yv-scene-rgb) / 0.09);
}

.yv-overview.is-cinema-ready .yv-cinema-stage::before {
	position: absolute;
	z-index: 0;
	top: 62%;
	left: 50%;
	width: min(760px, 72vw);
	height: 150px;
	border-radius: 50%;
	background: radial-gradient(ellipse, rgb(var(--yv-scene-rgb) / 0.22), transparent 67%);
	content: "";
	filter: blur(32px);
	transform: translate(-50%, -50%) perspective(700px) rotateX(68deg);
	transition: background 500ms ease;
}

.yv-overview.is-cinema-ready .yv-cinema-stage::after {
	position: absolute;
	z-index: 0;
	top: 63%;
	left: 50%;
	width: min(610px, 58vw);
	height: 1px;
	background: linear-gradient(90deg, transparent, rgb(var(--yv-scene-rgb) / 0.36), transparent);
	box-shadow: 0 0 28px rgb(var(--yv-scene-rgb) / 0.28);
	content: "";
	transform: translateX(-50%);
}

.yv-overview.is-cinema-ready .yv-cinema-card {
	top: var(--yv-card-center);
	width: var(--yv-card-width);
	height: var(--yv-card-height);
	border-color: rgba(222, 199, 255, 0.28);
	box-shadow:
		0 40px 92px rgba(0, 0, 0, 0.64),
		0 0 82px rgb(var(--yv-scene-rgb) / 0.18),
		inset 0 1px rgba(255, 255, 255, 0.25);
	opacity: 0.42;
	filter: saturate(0.78) brightness(0.62) blur(0.25px);
}

.yv-overview.is-cinema-ready .yv-cinema-card::before {
	background:
		linear-gradient(116deg, rgba(255, 255, 255, 0.2), transparent 17% 68%, rgba(255, 255, 255, 0.1)),
		repeating-linear-gradient(90deg, transparent 0 47px, rgba(255, 255, 255, 0.032) 47px 48px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 42%);
}

.yv-overview.is-cinema-ready .yv-cinema-card.is-active {
	border-color: rgba(232, 211, 255, 0.42);
	box-shadow:
		0 48px 112px rgba(0, 0, 0, 0.7),
		0 0 96px rgb(var(--yv-scene-rgb) / 0.25),
		0 0 0 1px rgba(255, 255, 255, 0.035),
		inset 0 1px rgba(255, 255, 255, 0.31);
	filter: saturate(1.07) brightness(1.02);
}

.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="0"] { --yv-card-x: 0 !important; }
.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="1"] { --yv-card-x: 39vw !important; }
.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-1"] { --yv-card-x: -39vw !important; }
.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="2"] { --yv-card-x: 78vw !important; }
.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-2"] { --yv-card-x: -78vw !important; }
.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="3"] { --yv-card-x: 117vw !important; }
.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-3"] { --yv-card-x: -117vw !important; }
.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="4"] { --yv-card-x: 156vw !important; }
.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-4"] { --yv-card-x: -156vw !important; }
.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="5"] { --yv-card-x: 195vw !important; }
.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-5"] { --yv-card-x: -195vw !important; }
.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="6"] { --yv-card-x: 234vw !important; }
.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-6"] { --yv-card-x: -234vw !important; }

html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature {
	top: calc(var(--yv-card-center) + var(--yv-card-half) + 18px);
	bottom: auto;
	width: min(660px, calc(100% - 180px));
}

html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature h3 {
	font-size: clamp(1.28rem, 1.9vw, 1.72rem);
	text-shadow: 0 12px 38px rgb(var(--yv-scene-rgb) / 0.36);
}

html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature h3::after {
	width: 36px;
	height: 2px;
	margin-top: 9px;
	background: linear-gradient(90deg, rgb(var(--yv-scene-rgb) / 0.38), rgb(var(--yv-scene-rgb)), rgb(var(--yv-scene-rgb) / 0.38));
	box-shadow: 0 0 16px rgb(var(--yv-scene-rgb) / 0.72);
}

html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature > p {
	max-width: 580px;
	margin-top: 8px;
	color: rgba(226, 219, 238, 0.72);
	font-size: 12px;
	line-height: 1.75;
}

.yv-overview.is-cinema-ready .yv-cinema-nav {
	right: clamp(12px, 1.5vw, 26px);
	padding: 7px 2px;
	border: 1px solid rgba(188, 151, 255, 0.12);
	border-radius: 999px;
	background: rgba(10, 4, 24, 0.34);
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.035);
	backdrop-filter: blur(12px);
}

.yv-overview.is-cinema-ready .yv-cinema-nav::before {
	top: 17px;
	bottom: 17px;
	background: rgba(205, 178, 255, 0.18);
}

.yv-overview.is-cinema-ready .yv-cinema-nav button {
	width: 28px;
	height: 28px;
	margin-block: 3px;
}

.yv-overview.is-cinema-ready .yv-cinema-nav button::before {
	border-color: rgba(204, 174, 255, 0.44);
	background: #0a0418;
	box-shadow: 0 0 0 4px #080312;
}

.yv-overview.is-cinema-ready .yv-cinema-nav button[aria-current]::before {
	background: rgb(var(--yv-scene-rgb));
	box-shadow: 0 0 0 4px #080312, 0 0 18px rgb(var(--yv-scene-rgb) / 0.88);
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue {
	position: absolute;
	z-index: 12;
	bottom: max(16px, env(safe-area-inset-bottom));
	left: 50%;
	display: grid;
	grid-template-columns: auto minmax(64px, 94px) auto 18px;
	align-items: center;
	width: min(500px, calc(100% - 58px));
	height: 50px;
	padding: 0 17px;
	border: 1px solid rgba(197, 165, 255, 0.29);
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(37, 14, 78, 0.88), rgba(11, 5, 25, 0.82));
	box-shadow:
		0 0 0 8px rgba(116, 62, 219, 0.035),
		0 14px 38px rgba(0, 0, 0, 0.32),
		0 0 32px rgb(var(--yv-scene-rgb) / 0.18),
		inset 0 1px rgba(255, 255, 255, 0.12);
	color: rgba(250, 247, 255, 0.91);
	direction: rtl;
	font-size: 11px;
	font-weight: 720;
	gap: 10px;
	letter-spacing: 0;
	transform: translateX(-50%);
	transition: opacity 260ms ease, box-shadow 320ms ease, transform 260ms ease;
	writing-mode: initial;
	backdrop-filter: blur(18px) saturate(130%);
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue__copy {
	display: block;
	white-space: nowrap;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue__track {
	position: relative;
	display: block;
	height: 5px;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	direction: ltr;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue__track b {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(90deg, #8b54ff, rgb(var(--yv-scene-rgb)), #e0c8ff);
	box-shadow: 0 0 12px rgb(var(--yv-scene-rgb) / 0.75);
	transform: scaleX(var(--yv-cinema-progress, 0));
	transform-origin: left center;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue__count {
	display: inline-flex;
	align-items: baseline;
	color: rgba(218, 205, 237, 0.58);
	direction: ltr;
	font-size: 8px;
	font-variant-numeric: tabular-nums;
	gap: 3px;
	white-space: nowrap;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue__count b {
	color: #fff;
	font-size: 12px;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue__count em {
	font-style: normal;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue > i {
	position: relative;
	display: block;
	width: 15px;
	height: 19px;
	margin: 0;
	border: 1px solid rgba(249, 245, 255, 0.82);
	border-radius: 7px;
	background: transparent;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue > i::before {
	top: 4px;
	right: 6px;
	bottom: auto;
	width: 2px;
	height: 4px;
	border: 0;
	border-radius: 2px;
	background: #fff;
	content: "";
	transform: none;
	animation: yv-cinema-wheel 1.55s ease-in-out infinite;
}

.yv-overview.is-cinema-ready .yv-cinema-scroll-cue > i::after {
	display: none;
}

.yv-overview.is-cinema-ready.is-cinema-past-intro .yv-cinema-scroll-cue {
	opacity: 0.93;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.27), 0 0 22px rgb(var(--yv-scene-rgb) / 0.12), inset 0 1px rgba(255, 255, 255, 0.09);
	transform: translateX(-50%);
}

@keyframes yv-cinema-wheel {
	0% { opacity: 0; transform: translateY(0); }
	28% { opacity: 1; }
	100% { opacity: 0; transform: translateY(6px); }
}

html[data-theme="light"] body.yv-preview-page .yv-overview.is-cinema-ready {
	--yv-theme-bg: #F6F7FA;
	--yv-theme-text: #10141F;
	--yv-theme-muted: #4B5363;
	background:
		radial-gradient(circle at 50% 42%, rgb(var(--yv-scene-rgb) / 0.18), transparent 31%),
		radial-gradient(circle at 10% 22%, rgba(109, 151, 239, 0.13), transparent 27%),
		radial-gradient(circle at 88% 78%, rgba(201, 122, 226, 0.14), transparent 28%),
		linear-gradient(145deg, #faf9fc 0%, #f2eef9 48%, #faf8fd 100%);
	color: #10141F;
	color-scheme: light;
}

html[data-theme="light"] body.yv-preview-page .yv-overview.is-cinema-ready::before {
	background:
		radial-gradient(circle at 1px 1px, rgba(93, 61, 161, 0.16) 1px, transparent 1.35px),
		linear-gradient(90deg, rgba(82, 54, 142, 0.052) 1px, transparent 1px),
		linear-gradient(rgba(82, 54, 142, 0.046) 1px, transparent 1px);
	background-size: 43px 43px, 86px 86px, 86px 86px;
	opacity: 0.68;
}

html[data-theme="light"] body.yv-preview-page .yv-overview.is-cinema-ready::after {
	background:
		linear-gradient(90deg, #f7f4fb 0%, transparent 9%, transparent 91%, #f7f4fb 100%),
		linear-gradient(180deg, rgba(249, 247, 252, 0.08), transparent 66%, rgba(245, 242, 250, 0.84));
}

html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-ambient::before,
html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-ambient i:nth-child(1),
html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-ambient i:nth-child(2) {
	background: rgb(var(--yv-scene-rgb) / 0.2);
	opacity: 0.58;
}

html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-ambient::after {
	background: rgba(70, 151, 207, 0.15);
}

html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-word span {
	color: rgb(var(--yv-scene-rgb) / 0.022) !important;
	-webkit-text-stroke-color: rgb(var(--yv-scene-rgb) / 0.34);
	text-shadow: 0 0 54px rgb(var(--yv-scene-rgb) / 0.09);
}

html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-stage::before {
	background: radial-gradient(ellipse, rgb(var(--yv-scene-rgb) / 0.23), transparent 68%);
}

html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-stage::after {
	background: linear-gradient(90deg, transparent, rgb(var(--yv-scene-rgb) / 0.31), transparent);
}

html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-card {
	box-shadow:
		0 38px 80px rgba(63, 36, 104, 0.23),
		0 0 72px rgb(var(--yv-scene-rgb) / 0.13),
		inset 0 1px rgba(255, 255, 255, 0.3);
	filter: saturate(0.62) brightness(1.04);
}

html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-card.is-active {
	box-shadow:
		0 45px 94px rgba(67, 38, 111, 0.29),
		0 0 88px rgb(var(--yv-scene-rgb) / 0.2),
		0 0 0 1px rgba(80, 42, 155, 0.06),
		inset 0 1px rgba(255, 255, 255, 0.36);
	filter: saturate(0.96) brightness(1.06);
}

html[data-theme="light"] body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature h3 {
	color: #181022;
	text-shadow: 0 12px 34px rgb(var(--yv-scene-rgb) / 0.16);
}

html[data-theme="light"] body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature > p {
	color: rgba(43, 34, 57, 0.78);
}

html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-nav {
	border-color: rgba(82, 47, 153, 0.16);
	background: rgba(255, 255, 255, 0.57);
	box-shadow: 0 14px 38px rgba(62, 42, 93, 0.1), inset 0 1px rgba(255, 255, 255, 0.86);
}

html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-nav::before { background: rgba(82, 48, 150, 0.19); }
html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-nav button::before { border-color: rgba(86, 51, 165, 0.4); background: #f7f4fb; box-shadow: 0 0 0 4px #f7f4fb; }
html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-nav button[aria-current]::before { background: rgb(var(--yv-scene-rgb)); box-shadow: 0 0 0 4px #f7f4fb, 0 0 17px rgb(var(--yv-scene-rgb) / 0.48); }

html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-scroll-cue {
	border-color: rgba(88, 49, 171, 0.26);
	background: rgba(255, 255, 255, 0.86);
	box-shadow:
		0 0 0 8px rgba(94, 54, 177, 0.035),
		0 16px 40px rgba(64, 42, 99, 0.14),
		0 0 26px rgb(var(--yv-scene-rgb) / 0.12),
		inset 0 1px rgba(255, 255, 255, 0.95);
	color: #40236f;
}

html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-scroll-cue__track { background: rgba(74, 42, 130, 0.14); }
html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-scroll-cue__count { color: rgba(62, 45, 82, 0.55); }
html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-scroll-cue__count b { color: #251535; }
html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-scroll-cue > i { border-color: rgba(63, 37, 107, 0.7); }
html[data-theme="light"] .yv-overview.is-cinema-ready .yv-cinema-scroll-cue > i::before { background: #522b94; }

@media (max-width: 1023px) {
	.yv-overview.is-cinema-ready > .yv-container {
		--yv-card-center: 43%;
		--yv-card-width: clamp(314px, 34vw, 358px);
		--yv-card-height: clamp(360px, 52svh, 412px);
		--yv-card-half: clamp(180px, 26svh, 206px);
	}

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature {
		top: calc(var(--yv-card-center) + var(--yv-card-half) + 17px);
		width: min(620px, calc(100% - 120px));
	}
}

@media (max-width: 767px) {
	.yv-overview.is-cinema-ready > .yv-container {
		--yv-card-center: 42%;
		--yv-card-width: min(316px, 82vw);
		--yv-card-height: min(410px, 54svh);
		--yv-card-half: min(205px, 27svh);
		min-height: 520px;
	}

	.yv-overview.is-cinema-ready .yv-cinema-word {
		top: 42%;
		width: 205%;
	}

	.yv-overview.is-cinema-ready .yv-cinema-word span {
		font-size: clamp(4.7rem, 24vw, 7.6rem) !important;
		-webkit-text-stroke-width: 1px;
	}

	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="1"] { --yv-card-x: 84vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-1"] { --yv-card-x: -84vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="2"] { --yv-card-x: 168vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-2"] { --yv-card-x: -168vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="3"] { --yv-card-x: 252vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-3"] { --yv-card-x: -252vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="4"] { --yv-card-x: 336vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-4"] { --yv-card-x: -336vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="5"] { --yv-card-x: 420vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-5"] { --yv-card-x: -420vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="6"] { --yv-card-x: 504vw !important; }
	.yv-overview.is-cinema-ready .yv-cinema-card[data-offset="-6"] { --yv-card-x: -504vw !important; }

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature {
		top: calc(var(--yv-card-center) + var(--yv-card-half) + 16px);
		width: calc(100% - 48px);
	}

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature h3 {
		font-size: clamp(16px, 4.8vw, 19px);
		line-height: 1.35;
	}

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature > p {
		max-width: 430px;
		margin-top: 6px;
		font-size: clamp(10.5px, 2.8vw, 11.5px);
		line-height: 1.65;
	}

	.yv-overview.is-cinema-ready .yv-cinema-nav {
		right: 5px;
		padding-block: 5px;
	}

	.yv-overview.is-cinema-ready .yv-cinema-nav button {
		width: 25px;
		height: 25px;
		margin-block: 2px;
	}

	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue {
		grid-template-columns: minmax(0, auto) minmax(42px, 1fr) auto 16px;
		bottom: max(12px, env(safe-area-inset-bottom));
		width: min(388px, calc(100% - 38px));
		height: 44px;
		padding-inline: 12px;
		font-size: 9.5px;
		gap: 8px;
	}

	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue > i {
		width: 14px;
		height: 18px;
	}

	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue > i::before { right: 5px; }
	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue__count b { font-size: 10px; }
}

@media (max-width: 420px) {
	.yv-overview.is-cinema-ready > .yv-container {
		--yv-card-width: min(294px, 81vw);
		--yv-card-height: min(390px, 52svh);
		--yv-card-half: min(195px, 26svh);
	}

	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue {
		grid-template-columns: minmax(0, auto) minmax(36px, 1fr) auto 14px;
		width: calc(100% - 28px);
		padding-inline: 10px;
		font-size: 9px;
		gap: 6px;
	}

	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue__copy {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.yv-overview.is-cinema-ready .yv-cinema-nav { right: 1px; }
}

@media (max-width: 380px) {
	.yv-overview.is-cinema-ready > .yv-container {
		--yv-card-width: min(294px, 80vw);
	}
}

@media (max-width: 340px) {
	.yv-overview.is-cinema-ready > .yv-container {
		--yv-card-width: min(278px, 78vw);
	}
}

@media (max-height: 700px) and (min-width: 768px) {
	.yv-overview.is-cinema-ready > .yv-container {
		--yv-card-center: 43%;
		--yv-card-width: min(300px, 27vw);
		--yv-card-height: min(342px, 54svh);
		--yv-card-half: min(171px, 27svh);
	}

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature {
		top: calc(var(--yv-card-center) + var(--yv-card-half) + 13px);
	}
}

@media (max-width: 900px) and (orientation: landscape) {
	.yv-overview.is-cinema-ready > .yv-container {
		--yv-card-center: calc(var(--yv-header-height) + var(--yv-card-half) + 7px);
		--yv-card-width: min(260px, 28vw);
		--yv-card-height: min(210px, 52svh);
		--yv-card-half: min(105px, 26svh);
		min-height: 340px;
	}

	.yv-overview.is-cinema-ready .yv-cinema-word { top: var(--yv-card-center); }

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature {
		top: calc(var(--yv-card-center) + var(--yv-card-half) + 10px);
		width: min(520px, calc(100% - 210px));
	}

	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature h3 { font-size: 15px; }
	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature h3::after { margin-top: 5px; }
	html body.yv-preview-page .yv-overview.is-cinema-ready .yv-feature > p {
		display: -webkit-box;
		margin-top: 4px;
		overflow: hidden;
		font-size: 9px;
		line-height: 1.45;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue,
	.yv-overview.is-cinema-ready.is-cinema-past-intro .yv-cinema-scroll-cue {
		bottom: max(6px, env(safe-area-inset-bottom));
		left: 14px;
		width: min(292px, calc(100% - 28px));
		height: 36px;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue > i::before { animation: none; }
	.yv-overview.is-cinema-ready .yv-cinema-scroll-cue__track b { transition: none; }
}

/* Sticky scroll-guide anchoring and early visibility (v1.17.1). */
.yv-overview.is-cinema-ready > [data-yv-cinema-sticky] > .yv-cinema-scroll-cue {
	position: absolute;
	bottom: max(clamp(24px, 3.4svh, 34px), calc(env(safe-area-inset-bottom) + 12px));
}

@media (max-width: 767px) {
	.yv-overview.is-cinema-ready > [data-yv-cinema-sticky] > .yv-cinema-scroll-cue {
		bottom: max(18px, calc(env(safe-area-inset-bottom) + 10px));
	}
}

@media (max-width: 900px) and (orientation: landscape) {
	.yv-overview.is-cinema-ready > [data-yv-cinema-sticky] > .yv-cinema-scroll-cue,
	.yv-overview.is-cinema-ready.is-cinema-past-intro > [data-yv-cinema-sticky] > .yv-cinema-scroll-cue {
		bottom: max(6px, env(safe-area-inset-bottom));
	}
}

/* ==========================================================================
 * Four-card overview grid v2 — 2026-08-16
 * Replaces the seven-scene pinned cinema with one viewport-complete 2x2 grid.
 * The four primary capabilities are visible together; no per-card description
 * or scroll-progress UI is rendered.
 * ========================================================================== */
body.yv-preview-page .yv-overview.yv-overview--grid4-v2 {
	--yv-grid4-gap: clamp(14px, 1.15vw, 20px);
	--yv-grid4-card-h: clamp(228px, 29.5vh, 258px);
	position: relative;
	min-height: calc(100svh - var(--yv-header-height, 72px));
	padding: clamp(24px, 3.5vh, 34px) 0;
	overflow: hidden;
	background:
		radial-gradient(circle at 16% 18%, rgba(80, 66, 205, 0.16), transparent 26%),
		radial-gradient(circle at 83% 78%, rgba(55, 198, 177, 0.08), transparent 24%),
		linear-gradient(180deg, #0B0F1A 0%, #08101e 52%, #091120 100%);
	isolation: isolate;
}

body.yv-preview-page .yv-overview.yv-overview--grid4-v2::before {
	position: absolute;
	z-index: 0;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
	background-size: 72px 72px;
	-webkit-mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
	mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
	content: "";
	pointer-events: none;
}

body.yv-preview-page .yv-overview.yv-overview--grid4-v2::after {
	position: absolute;
	z-index: 1;
	inset: 0 0 auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(151, 126, 255, 0.28), transparent);
	content: "";
	pointer-events: none;
}

.yv-grid4-ambient,
.yv-grid4-ambient::before,
.yv-grid4-ambient::after,
.yv-grid4-ambient i {
	position: absolute;
	z-index: 0;
	border-radius: 50%;
	pointer-events: none;
}

.yv-grid4-ambient { inset: 0; }
.yv-grid4-ambient::before,
.yv-grid4-ambient::after { content: ""; filter: blur(70px); }
.yv-grid4-ambient::before { top: 8%; right: 7%; width: 300px; height: 300px; background: rgba(110, 73, 238, 0.08); }
.yv-grid4-ambient::after { bottom: 2%; left: 10%; width: 260px; height: 260px; background: rgba(59, 204, 181, 0.055); }
.yv-grid4-ambient i { width: 5px; height: 5px; background: rgba(185, 169, 255, 0.42); box-shadow: 0 0 18px rgba(128, 95, 255, 0.38); }
.yv-grid4-ambient i:nth-child(1) { top: 17%; right: 11%; }
.yv-grid4-ambient i:nth-child(2) { top: 74%; right: 49%; width: 3px; height: 3px; }
.yv-grid4-ambient i:nth-child(3) { top: 29%; left: 12%; width: 4px; height: 4px; background: rgba(91, 221, 202, 0.38); }

body.yv-preview-page .yv-overview.yv-overview--grid4-v2 > .yv-grid4-shell {
	position: relative;
	z-index: 3;
	display: grid;
	width: min(1240px, calc(100% - 52px));
	min-height: calc(100svh - var(--yv-header-height, 72px) - clamp(48px, 7vh, 68px));
	margin: 0 auto;
	place-items: center;
}

.yv-grid4 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	width: 100%;
	gap: var(--yv-grid4-gap);
}

.yv-grid4-card {
	--yv-grid4-accent: 146 98 255;
	position: relative;
	display: grid;
	grid-template-columns: minmax(168px, 0.38fr) minmax(0, 0.62fr);
	align-items: stretch;
	height: var(--yv-grid4-card-h);
	min-width: 0;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: clamp(22px, 1.8vw, 28px);
	background:
		radial-gradient(circle at 95% 0%, rgb(var(--yv-grid4-accent) / 0.13), transparent 34%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.019));
	box-shadow:
		0 24px 64px rgba(0, 0, 0, 0.25),
		inset 0 1px rgba(255, 255, 255, 0.07);
	isolation: isolate;
}

.yv-grid4-card::before {
	position: absolute;
	z-index: -1;
	inset: 0;
	background:
		linear-gradient(110deg, rgba(255, 255, 255, 0.045), transparent 27% 72%, rgba(255, 255, 255, 0.018)),
		radial-gradient(circle at 18% 110%, rgb(var(--yv-grid4-accent) / 0.07), transparent 38%);
	content: "";
	pointer-events: none;
}

.yv-grid4-card--recommendation { --yv-grid4-accent: 179 91 255; }
.yv-grid4-card--trend { --yv-grid4-accent: 73 219 191; }
.yv-grid4-card--character { --yv-grid4-accent: 155 107 255; }

.yv-grid4-card__copy {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: clamp(22px, 2vw, 31px) clamp(19px, 1.8vw, 28px);
	border-inline-end: 1px solid rgba(255, 255, 255, 0.07);
	direction: rtl;
}

.yv-grid4-card__copy::after {
	width: 42px;
	height: 2px;
	margin-top: 17px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgb(var(--yv-grid4-accent) / 0.85), rgb(var(--yv-grid4-accent) / 0.08));
	box-shadow: 0 0 14px rgb(var(--yv-grid4-accent) / 0.22);
	content: "";
}

.yv-grid4-card__number {
	display: inline-grid;
	min-width: 35px;
	height: 26px;
	margin-bottom: 14px;
	padding: 0 9px;
	border: 1px solid rgb(var(--yv-grid4-accent) / 0.28);
	border-radius: 999px;
	background: rgb(var(--yv-grid4-accent) / 0.075);
	color: rgb(var(--yv-grid4-accent));
	font-size: 10px;
	font-weight: 850;
	letter-spacing: 0.04em;
	place-items: center;
}

.yv-grid4-card__copy h3 {
	max-width: 245px;
	margin: 0;
	color: #f8f6ff;
	font-size: clamp(17px, 1.28vw, 22px);
	font-weight: 820;
	line-height: 1.58;
	letter-spacing: -0.035em;
}

.yv-grid4-card__visual {
	position: relative;
	z-index: 1;
	min-width: 0;
	margin: 12px 12px 12px 11px;
	overflow: hidden;
	border: 1px solid rgb(var(--yv-grid4-accent) / 0.2);
	border-radius: 19px;
	background:
		radial-gradient(circle at 82% 5%, rgb(var(--yv-grid4-accent) / 0.34), transparent 27%),
		linear-gradient(145deg, #321082 0%, #22055f 52%, #120638 100%);
	box-shadow:
		0 17px 38px rgba(0, 0, 0, 0.31),
		inset 0 1px rgba(255, 255, 255, 0.13),
		0 0 30px rgb(var(--yv-grid4-accent) / 0.08);
}

.yv-grid4-card--trend .yv-grid4-card__visual {
	background:
		radial-gradient(circle at 82% 5%, rgba(77, 222, 195, 0.25), transparent 28%),
		linear-gradient(145deg, #1b3163 0%, #14234c 48%, #0b1838 100%);
}

.yv-grid4-windowbar {
	display: grid;
	grid-template-columns: 8px 1fr auto;
	align-items: center;
	height: 34px;
	margin: 9px 9px 0;
	padding: 0 10px;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 10px;
	background: rgba(8, 4, 34, 0.38);
	color: rgba(247, 242, 255, 0.56);
	direction: rtl;
	font-size: 7px;
	gap: 8px;
	backdrop-filter: blur(10px);
}

.yv-grid4-windowbar i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ef2d68;
	box-shadow: 0 0 9px rgba(239, 45, 104, 0.68);
}

.yv-grid4-windowbar b { color: rgba(255, 255, 255, 0.86); font-size: 8px; }

.yv-grid4-panel {
	position: relative;
	height: calc(100% - 51px);
	margin: 7px 9px 9px;
	padding: 11px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 12px;
	background: linear-gradient(160deg, rgba(14, 5, 55, 0.67), rgba(7, 4, 31, 0.75));
	color: #F1F3F7;
	direction: rtl;
}

.yv-grid4-total {
	position: relative;
	width: 57%;
	padding: 10px 11px;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 10px;
	background: rgba(5, 3, 24, 0.39);
}
.yv-grid4-total small, .yv-grid4-total span { color: rgba(231, 224, 243, 0.5); font-size: 6px; }
.yv-grid4-total small { display: block; }
.yv-grid4-total strong { display: inline-block; margin-top: 4px; font-size: clamp(14px, 1vw, 18px); font-weight: 820; letter-spacing: -0.03em; }
.yv-grid4-total span { display: inline-block; margin-right: 3px; }

.yv-grid4-donut {
	position: absolute;
	top: 57px;
	right: 17px;
	display: grid;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: conic-gradient(#a477ff 0 42%, #54d9c7 42% 68%, #f0bc5c 68% 86%, rgba(255, 255, 255, 0.1) 86%);
	place-content: center;
	text-align: center;
}
.yv-grid4-donut::before { position: absolute; inset: 9px; border-radius: inherit; background: #130743; content: ""; }
.yv-grid4-donut span, .yv-grid4-donut small { position: relative; z-index: 1; display: block; }
.yv-grid4-donut span { font-size: 15px; font-weight: 850; }
.yv-grid4-donut small { color: rgba(231, 223, 244, 0.5); font-size: 5px; }

.yv-grid4-assets {
	position: absolute;
	top: 59px;
	left: 14px;
	width: min(118px, 43%);
	margin: 0;
	padding: 0;
	list-style: none;
}
.yv-grid4-assets li { display: grid; grid-template-columns: 6px 1fr auto; align-items: center; height: 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); color: rgba(239, 234, 248, 0.67); font-size: 6px; gap: 5px; }
.yv-grid4-assets i { width: 5px; height: 5px; border-radius: 50%; background: #a477ff; }
.yv-grid4-assets li:nth-child(2) i { background: #54d9c7; }
.yv-grid4-assets li:nth-child(3) i { background: #f0bc5c; }
.yv-grid4-assets b { color: #fff; font-size: 7px; }

.yv-grid4-panel--recommendation { display: grid; grid-template-columns: 54px 1fr; grid-template-rows: 1fr auto; align-items: center; column-gap: 10px; }
.yv-grid4-orb { display: grid; width: 50px; height: 50px; border: 1px solid rgba(215, 191, 255, 0.19); border-radius: 50%; background: radial-gradient(circle at 50% 42%, rgba(190, 142, 255, 0.58), rgba(88, 30, 216, 0.23) 48%, rgba(16, 6, 56, 0.26)); box-shadow: 0 0 24px rgba(152, 90, 255, 0.32), inset 0 1px rgba(255, 255, 255, 0.2); place-items: center; }
.yv-grid4-orb svg { width: 24px; fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.yv-grid4-message { padding: 10px 11px; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 10px; background: rgba(5, 3, 26, 0.4); }
.yv-grid4-message small { color: #c5a9ff; font-size: 6px; }
.yv-grid4-message p { margin: 4px 0 0; color: rgba(248, 245, 255, 0.82); font-size: 7px; line-height: 1.7; }
.yv-grid4-action { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; padding: 7px 10px; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 9px; background: rgba(255, 255, 255, 0.025); color: rgba(238, 232, 247, 0.55); font-size: 6px; }
.yv-grid4-action i { color: #c39cff; font-size: 12px; }

.yv-grid4-panel--trend { padding: 12px 12px 8px; }
.yv-grid4-trend-top { display: flex; align-items: flex-start; justify-content: space-between; }
.yv-grid4-trend-top small, .yv-grid4-trend-top strong { display: block; }
.yv-grid4-trend-top small { color: rgba(229, 239, 241, 0.48); font-size: 6px; }
.yv-grid4-trend-top strong { margin-top: 3px; color: #75f2d5; font-size: 14px; }
.yv-grid4-trend-top > span { padding: 4px 7px; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 999px; color: rgba(232, 239, 241, 0.44); font-size: 5px; }
.yv-grid4-trend-chart { display: block; width: 100%; height: calc(100% - 34px); margin-top: 3px; overflow: visible; }
.yv-grid4-trend-chart g path { fill: none; stroke: rgba(255, 255, 255, 0.07); stroke-width: 1; }
.yv-grid4-trend-chart .area { fill: url(#yv-grid4-area); }
.yv-grid4-trend-chart .line { fill: none; stroke: #63f5d0; stroke-width: 3; }
.yv-grid4-trend-chart circle { fill: #fff; stroke: #63f5d0; stroke-width: 3; }

.yv-grid4-panel--character { display: grid; grid-template-columns: minmax(90px, 0.56fr) minmax(98px, 0.44fr); grid-template-rows: auto 1fr; align-items: center; gap: 2px 8px; }
.yv-grid4-character-badge { grid-column: 1 / -1; justify-self: start; padding: 4px 8px; border: 1px solid rgba(200, 168, 255, 0.16); border-radius: 999px; background: rgba(164, 111, 255, 0.08); color: #d7c1ff; font-size: 6px; }
.yv-grid4-radar { width: 100%; max-width: 115px; height: 100%; max-height: 108px; overflow: visible; }
.yv-grid4-radar .grid, .yv-grid4-radar .axis { fill: none; stroke: rgba(219, 201, 255, 0.14); stroke-width: 1; }
.yv-grid4-radar .grid--inner { stroke: rgba(219, 201, 255, 0.08); }
.yv-grid4-radar .result { fill: rgba(172, 111, 255, 0.28); stroke: #b886ff; stroke-width: 2; }
.yv-grid4-radar circle { fill: #fff; stroke: #a763ff; stroke-width: 3; }
.yv-grid4-scores { display: grid; align-self: stretch; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 9px; background: rgba(5, 3, 27, 0.32); }
.yv-grid4-scores span { display: flex; align-items: center; justify-content: space-between; padding: 4px 7px; }
.yv-grid4-scores span + span { border-top: 1px solid rgba(255, 255, 255, 0.055); }
.yv-grid4-scores b { font-size: 8px; }
.yv-grid4-scores small { color: rgba(226, 218, 239, 0.47); font-size: 5px; }

@media (hover: hover) and (pointer: fine) {
	.yv-grid4-card { transition: transform 260ms cubic-bezier(0.2, 0.7, 0.25, 1), border-color 260ms ease, box-shadow 260ms ease; }
	.yv-grid4-card:hover { transform: translateY(-3px); border-color: rgb(var(--yv-grid4-accent) / 0.28); box-shadow: 0 28px 72px rgba(0, 0, 0, 0.3), 0 0 34px rgb(var(--yv-grid4-accent) / 0.06), inset 0 1px rgba(255, 255, 255, 0.09); }
}

/* The existing reveal observer targets the grid as one unit, so all four cards
 * enter together rather than card-by-card. */
.yv-preview-page.yv-is-enhanced .yv-grid4[data-yv-reveal] { transform: translateY(14px); transition-duration: 460ms; }
.yv-preview-page.yv-is-enhanced .yv-grid4[data-yv-reveal].is-visible { transform: translateY(0); }

html[data-theme="light"] body.yv-preview-page .yv-overview.yv-overview--grid4-v2 {
	background:
		radial-gradient(circle at 14% 12%, rgba(112, 83, 212, 0.09), transparent 28%),
		radial-gradient(circle at 86% 84%, rgba(74, 188, 171, 0.055), transparent 24%),
		linear-gradient(180deg, #f8f6fb 0%, #f5f2f8 52%, #f7f5f9 100%);
}
html[data-theme="light"] body.yv-preview-page .yv-overview.yv-overview--grid4-v2::before { background-image: linear-gradient(rgba(63, 42, 92, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(63, 42, 92, 0.025) 1px, transparent 1px); }
html[data-theme="light"] .yv-grid4-card { border-color: rgba(79, 53, 109, 0.1); background: radial-gradient(circle at 95% 0%, rgb(var(--yv-grid4-accent) / 0.085), transparent 35%), linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(249, 247, 252, 0.87)); box-shadow: 0 20px 50px rgba(67, 44, 91, 0.095), inset 0 1px #fff; }
html[data-theme="light"] .yv-grid4-card__copy { border-inline-end-color: rgba(74, 48, 100, 0.085); }
html[data-theme="light"] .yv-grid4-card__copy h3 { color: #1d1528; }
html[data-theme="light"] .yv-grid4-card__number { background: rgb(var(--yv-grid4-accent) / 0.06); }
html[data-theme="light"] .yv-grid4-card__visual { box-shadow: 0 17px 34px rgba(48, 27, 83, 0.17), inset 0 1px rgba(255, 255, 255, 0.13); }

@media (max-width: 1060px) {
	body.yv-preview-page .yv-overview.yv-overview--grid4-v2 { --yv-grid4-card-h: clamp(218px, 28.5vh, 244px); }
	body.yv-preview-page .yv-overview.yv-overview--grid4-v2 > .yv-grid4-shell { width: min(100% - 34px, 960px); }
	.yv-grid4-card { grid-template-columns: minmax(145px, 0.36fr) minmax(0, 0.64fr); }
	.yv-grid4-card__copy { padding-inline: 18px; }
	.yv-grid4-card__copy h3 { font-size: clamp(15px, 1.6vw, 19px); }
}

@media (max-height: 760px) and (min-width: 700px) {
	body.yv-preview-page .yv-overview.yv-overview--grid4-v2 { --yv-grid4-gap: 12px; --yv-grid4-card-h: clamp(202px, 27.5vh, 218px); padding: 18px 0; }
	body.yv-preview-page .yv-overview.yv-overview--grid4-v2 > .yv-grid4-shell { min-height: calc(100svh - var(--yv-header-height, 72px) - 36px); }
	.yv-grid4-card__copy { padding-block: 16px; }
	.yv-grid4-card__number { height: 23px; margin-bottom: 9px; }
	.yv-grid4-card__copy::after { margin-top: 10px; }
	.yv-grid4-card__visual { margin: 9px; }
}

@media (max-width: 699px) {
	body.yv-preview-page .yv-overview.yv-overview--grid4-v2 { min-height: auto; padding: 48px 0 58px; overflow: hidden; }
	body.yv-preview-page .yv-overview.yv-overview--grid4-v2 > .yv-grid4-shell { width: calc(100% - 28px); min-height: 0; }
	.yv-grid4 { grid-template-columns: 1fr; gap: 14px; }
	.yv-grid4-card { grid-template-columns: minmax(126px, 0.38fr) minmax(0, 0.62fr); height: 220px; border-radius: 21px; }
	.yv-grid4-card__copy { padding: 17px 15px; }
	.yv-grid4-card__copy h3 { font-size: clamp(14px, 4.2vw, 18px); line-height: 1.58; }
	.yv-grid4-card__copy::after { width: 32px; margin-top: 11px; }
	.yv-grid4-card__number { margin-bottom: 10px; }
	.yv-grid4-card__visual { margin: 9px 8px 9px 9px; border-radius: 15px; }
}

@media (max-width: 430px) {
	.yv-grid4-card { grid-template-columns: 1fr; height: auto; min-height: 300px; }
	.yv-grid4-card__copy { min-height: 84px; border-inline-end: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
	.yv-grid4-card__copy::after { display: none; }
	.yv-grid4-card__number { position: absolute; top: 16px; left: 16px; }
	.yv-grid4-card__copy h3 { max-width: calc(100% - 48px); }
	.yv-grid4-card__visual { min-height: 196px; }
}

@media (prefers-reduced-motion: reduce) {
	.yv-grid4-card { transition: none !important; }
}

/* ========================================================================== 
   YekVest homepage product showcase v6
   Rebuilt as four distinct product posters with stronger hierarchy,
   larger UI, differentiated compositions, and premium light/dark shells.
   ========================================================================== */
body.yv-preview-page .yv-overview.yv-overview--showcase6 {
	--yv-s6-gap: clamp(16px, 1.1vw, 20px);
	--yv-s6-card-h: clamp(272px, 31.2vh, 296px);
	position: relative;
	min-height: 0;
	padding: clamp(16px, 2.1vh, 22px) 0 clamp(34px, 4.4vh, 46px);
	overflow: hidden;
	background:
		radial-gradient(circle at 11% 8%, rgba(117, 95, 225, .11), transparent 27%),
		radial-gradient(circle at 88% 86%, rgba(57, 199, 179, .07), transparent 26%),
		linear-gradient(180deg, #fafbfe 0%, #eff2f7 100%);
	isolation: isolate;
}

body.yv-preview-page .yv-overview.yv-overview--showcase6::before {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image:
		linear-gradient(rgba(64, 55, 93, .018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(64, 55, 93, .018) 1px, transparent 1px);
	background-size: 88px 88px;
	-webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 90%, transparent);
	mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 90%, transparent);
	content: "";
	pointer-events: none;
}

.yv-showcase6-ambient,
.yv-showcase6-ambient::before,
.yv-showcase6-ambient::after,
.yv-showcase6-ambient i {
	position: absolute;
	z-index: 0;
	border-radius: 50%;
	pointer-events: none;
}
.yv-showcase6-ambient { inset: 0; }
.yv-showcase6-ambient::before,
.yv-showcase6-ambient::after { content: ""; filter: blur(100px); }
.yv-showcase6-ambient::before { top: -10%; right: 5%; width: 340px; height: 340px; background: rgba(126, 101, 245, .085); }
.yv-showcase6-ambient::after { bottom: -12%; left: 4%; width: 320px; height: 320px; background: rgba(60, 211, 187, .06); }
.yv-showcase6-ambient i { width: 4px; height: 4px; background: rgba(106, 85, 215, .21); box-shadow: 0 0 17px rgba(106, 85, 215, .22); }
.yv-showcase6-ambient i:nth-child(1) { top: 15%; left: 10%; }
.yv-showcase6-ambient i:nth-child(2) { top: 76%; right: 9%; background: rgba(56, 203, 183, .24); }
.yv-showcase6-ambient i:nth-child(3) { top: 46%; left: 50%; width: 3px; height: 3px; }

body.yv-preview-page .yv-overview.yv-overview--showcase6 > .yv-showcase6-shell {
	position: relative;
	z-index: 2;
	width: min(1280px, calc(100% - 42px));
	margin: 0 auto;
}

.yv-showcase6-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-auto-rows: var(--yv-s6-card-h);
	gap: var(--yv-s6-gap);
	width: 100%;
}

.yv-showcase6-card {
	--yv-s6-accent: 108 82 244;
	position: relative;
	display: grid;
	grid-template-rows: 72px minmax(0, 1fr);
	min-width: 0;
	overflow: hidden;
	border: 1px solid rgba(74, 55, 105, .105);
	border-radius: clamp(25px, 1.8vw, 30px);
	background:
		radial-gradient(circle at 9% -6%, rgb(var(--yv-s6-accent) / .085), transparent 30%),
		linear-gradient(145deg, rgba(255,255,255,.99), rgba(247,248,252,.97));
	box-shadow:
		0 20px 48px rgba(49, 35, 73, .105),
		0 3px 12px rgba(49, 35, 73, .06),
		inset 0 1px rgba(255,255,255,.92);
	isolation: isolate;
}
.yv-showcase6-card::before {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(115deg, rgba(255,255,255,.5), transparent 31% 76%, rgb(var(--yv-s6-accent) / .028));
	content: "";
	pointer-events: none;
}
.yv-showcase6-card--recommendation { --yv-s6-accent: 164 94 255; }
.yv-showcase6-card--trend { --yv-s6-accent: 54 202 180; }
.yv-showcase6-card--character { --yv-s6-accent: 150 93 255; }

.yv-showcase6-card__head {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 14px 18px 8px 20px;
}
.yv-showcase6-card__title { min-width: 0; }
.yv-showcase6-card__title > span {
	display: block;
	margin-bottom: 2px;
	color: rgb(var(--yv-s6-accent));
	font-size: 10px;
	font-weight: 850;
	letter-spacing: -.01em;
}
.yv-showcase6-card__title h3 {
	margin: 0;
	color: #171b2d;
	font-size: clamp(18px, 1.37vw, 23px);
	font-weight: 890;
	line-height: 1.38;
	letter-spacing: -.045em;
}
.yv-showcase6-index {
	display: inline-grid;
	min-width: 38px;
	height: 28px;
	padding: 0 10px;
	border: 1px solid rgb(var(--yv-s6-accent) / .22);
	border-radius: 999px;
	background: rgb(var(--yv-s6-accent) / .055);
	color: rgb(var(--yv-s6-accent));
	font-size: 10px;
	font-weight: 900;
	place-items: center;
	box-shadow: inset 0 1px rgba(255,255,255,.65);
}

.yv-showcase6-stage {
	position: relative;
	z-index: 1;
	min-width: 0;
	margin: 0 10px 10px;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.075);
	border-radius: 18px;
	background:
		radial-gradient(circle at 78% -8%, rgb(var(--yv-s6-accent) / .25), transparent 36%),
		radial-gradient(circle at 8% 104%, rgba(83,213,196,.07), transparent 34%),
		linear-gradient(145deg, #111a33 0%, #0c152b 56%, #091225 100%);
	box-shadow:
		0 18px 38px rgba(13, 12, 35, .2),
		inset 0 1px rgba(255,255,255,.07);
	color: #fff;
}
.yv-showcase6-stage::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(115deg, rgba(255,255,255,.018), transparent 33% 72%, rgba(255,255,255,.012));
	content: "";
	pointer-events: none;
}
.yv-showcase6-stage--trend {
	background:
		radial-gradient(circle at 78% 0%, rgba(62, 226, 196, .18), transparent 31%),
		linear-gradient(145deg, #113253 0%, #0e2342 50%, #0a1830 100%);
}
.yv-showcase6-stage--recommendation {
	background:
		radial-gradient(circle at 16% 0%, rgba(174, 104, 255, .21), transparent 32%),
		linear-gradient(145deg, #17142f 0%, #11152c 52%, #0b1326 100%);
}
.yv-showcase6-stage--character {
	background:
		radial-gradient(circle at 82% 0%, rgba(166, 105, 255, .2), transparent 31%),
		linear-gradient(145deg, #15172f 0%, #10141F 50%, #0b1326 100%);
}

/* Portfolio */
.yv-showcase6-portfolio-topline {
	position: absolute;
	top: 10px;
	right: 10px;
	left: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 30px;
	padding: 0 11px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: rgba(233,228,242,.58);
	font-size: 8px;
	backdrop-filter: blur(8px);
}
.yv-showcase6-portfolio-topline span { display: inline-flex; align-items: center; gap: 7px; }
.yv-showcase6-portfolio-topline span i { width: 6px; height: 6px; border-radius: 50%; background: #ef2d68; box-shadow: 0 0 8px rgba(239,45,104,.55); }
.yv-showcase6-portfolio-topline b { color: #fff; font-size: 8px; }
.yv-showcase6-portfolio-value {
	position: absolute;
	top: 50px;
	right: 12px;
	width: 52%;
	padding: 7px 2px;
	border: 0;
	border-radius: 0;
	background: transparent;
}
.yv-showcase6-portfolio-value small { display: block; color: rgba(235,230,243,.56); font-size: 9px; }
.yv-showcase6-portfolio-value strong { display: inline-block; margin-top: 3px; color: #fff; font-size: clamp(26px, 1.9vw, 34px); font-weight: 900; letter-spacing: -.04em; }
.yv-showcase6-portfolio-value strong em { margin-right: 3px; color: rgba(236,231,245,.66); font-size: 10px; font-style: normal; font-weight: 650; }
.yv-showcase6-portfolio-value > span { float: left; margin-top: 7px; padding: 4px 7px; border-radius: 999px; background: rgba(99,245,208,.11); color: #76efd5; font-size: 9px; font-weight: 850; }
.yv-showcase6-portfolio-donut {
	position: absolute;
	top: 48px;
	left: 18px;
	display: grid;
	width: 104px;
	height: 104px;
	border-radius: 50%;
	background: conic-gradient(#9c75ff 0 42%, #53d5c4 42% 68%, #f1bf60 68% 86%, rgba(255,255,255,.105) 86%);
	place-items: center;
}
.yv-showcase6-portfolio-donut::before { position: absolute; inset: 12px; border-radius: inherit; background: #11152d; content: ""; }
.yv-showcase6-portfolio-donut div { position: relative; z-index: 1; text-align: center; }
.yv-showcase6-portfolio-donut strong { display: block; font-size: 21px; font-weight: 900; }
.yv-showcase6-portfolio-donut small { color: rgba(232,226,241,.58); font-size: 8px; }
.yv-showcase6-portfolio-assets {
	position: absolute;
	top: 116px;
	right: 13px;
	width: 52%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.yv-showcase6-portfolio-assets li {
	display: grid;
	grid-template-columns: 7px 1fr auto;
	align-items: center;
	height: 25px;
	border-bottom: 1px solid rgba(255,255,255,.052);
	color: rgba(238,233,247,.65);
	font-size: 9px;
	gap: 6px;
}
.yv-showcase6-portfolio-assets i { width: 6px; height: 6px; border-radius: 50%; background: #a57bff; }
.yv-showcase6-portfolio-assets li:nth-child(2) i { background: #54d9c7; }
.yv-showcase6-portfolio-assets li:nth-child(3) i { background: #f0bc5c; }
.yv-showcase6-portfolio-assets b { color: #fff; font-size: 10px; }
.yv-showcase6-portfolio-meta {
	position: absolute;
	left: 13px;
	bottom: 12px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	width: 40%;
	gap: 7px;
}
.yv-showcase6-portfolio-meta span {
	display: grid;
	gap: 3px;
	padding: 8px 9px;
	border: 1px solid rgba(255,255,255,.055);
	border-radius: 999px;
	background: rgba(255,255,255,.035);
}
.yv-showcase6-portfolio-meta small { color: rgba(231,226,240,.48); font-size: 7px; }
.yv-showcase6-portfolio-meta b { color: #fff; font-size: 10px; }

/* Recommendation */
.yv-showcase6-stage--recommendation { padding: 12px; }
.yv-showcase6-reco-main {
	display: grid;
	grid-template-columns: 48px minmax(0,1fr) 92px;
	align-items: center;
	gap: 12px;
	min-height: 95px;
	padding: 11px 12px;
	border: 0;
	border-radius: 0;
	background: transparent;
}
.yv-showcase6-reco-icon {
	display: grid;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(211,184,255,.14);
	border-radius: 50%;
	background: radial-gradient(circle, rgba(171,102,255,.32), rgba(116,61,224,.1) 60%, transparent 72%);
	box-shadow: 0 0 26px rgba(160,89,255,.12);
	place-items: center;
}
.yv-showcase6-reco-icon svg { width: 23px; fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.yv-showcase6-reco-copy small,
.yv-showcase6-reco-copy strong { display: block; }
.yv-showcase6-reco-copy small { color: #d3baff; font-size: 8px; }
.yv-showcase6-reco-copy strong { margin-top: 2px; color: #fff; font-size: 13px; font-weight: 850; }
.yv-showcase6-reco-copy p { max-width: 310px; margin: 4px 0 0; color: rgba(241,236,249,.68); font-size: 9px; line-height: 1.7; }
.yv-showcase6-fit {
	display: grid;
	width: 86px;
	height: 86px;
	border-radius: 50%;
	background: conic-gradient(#ae78ff 0 86%, rgba(255,255,255,.09) 86%);
	place-items: center;
}
.yv-showcase6-fit::before { position: absolute; width: 58px; height: 58px; border-radius: 50%; background: #15142e; content: ""; }
.yv-showcase6-fit div { position: relative; z-index: 1; text-align: center; }
.yv-showcase6-fit strong { display: block; font-size: 18px; font-weight: 900; }
.yv-showcase6-fit small { color: rgba(235,230,244,.5); font-size: 7px; }
.yv-showcase6-reco-path {
	display: grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	gap: 7px;
	margin-top: 8px;
}
.yv-showcase6-reco-path span {
	position: relative;
	display: grid;
	grid-template-columns: 7px 1fr;
	grid-template-rows: auto auto;
	column-gap: 6px;
	padding: 8px 9px;
	border: 1px solid rgba(255,255,255,.05);
	border-radius: 12px;
	background: rgba(255,255,255,.025);
}
.yv-showcase6-reco-path i { grid-row: 1 / span 2; align-self: center; width: 6px; height: 6px; border-radius: 50%; background: #ad7cff; box-shadow: 0 0 8px rgba(173,124,255,.33); }
.yv-showcase6-reco-path small { color: rgba(232,225,243,.46); font-size: 7px; }
.yv-showcase6-reco-path b { color: #fff; font-size: 9px; }
.yv-showcase6-reco-action {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 30px;
	margin-top: 8px;
	padding: 0 11px;
	border: 1px solid rgba(180,127,255,.13);
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(163,96,255,.09), rgba(163,96,255,.025));
	color: rgba(246,241,252,.78);
	font-size: 9px;
	font-weight: 720;
}
.yv-showcase6-reco-action b { color: #d5bdff; font-size: 14px; }

/* Trend */
.yv-showcase6-stage--trend { padding: 12px 13px 10px; }
.yv-showcase6-trend-metric { position: relative; z-index: 2; width: 49%; }
.yv-showcase6-trend-metric small { display: block; color: rgba(220,236,234,.54); font-size: 8px; }
.yv-showcase6-trend-metric strong { display: block; margin-top: 1px; color: #67efd0; font-size: clamp(26px, 1.8vw, 32px); font-weight: 900; letter-spacing: -.04em; }
.yv-showcase6-trend-metric > span { display: inline-block; margin-top: 3px; color: rgba(224,236,236,.46); font-size: 8px; }
.yv-showcase6-trend-range {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
	display: flex;
	gap: 4px;
	padding: 3px;
	border: 1px solid rgba(255,255,255,.06);
	border-radius: 999px;
	background: rgba(8,19,38,.35);
}
.yv-showcase6-trend-range span { display: grid; min-width: 28px; height: 22px; border-radius: 999px; color: rgba(221,235,234,.45); font-size: 7px; place-items: center; }
.yv-showcase6-trend-range .is-active { background: rgba(99,239,208,.11); color: #70efd2; }
.yv-showcase6-chart {
	position: absolute;
	right: 0;
	bottom: 40px;
	left: 0;
	width: 100%;
	height: 70%;
	overflow: visible;
}
.yv-showcase6-chart g path { fill: none; stroke: rgba(255,255,255,.045); stroke-width: 1; }
.yv-showcase6-chart .area { fill: url(#yv-showcase6-area); stroke: none; }
.yv-showcase6-chart .line { fill: none; stroke: #63efd0; stroke-width: 3.4; }
.yv-showcase6-chart circle { fill: #fff; stroke: #63efd0; stroke-width: 3; }
.yv-showcase6-trend-cards {
	position: absolute;
	right: 12px;
	bottom: 10px;
	left: 12px;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	gap: 6px;
}
.yv-showcase6-trend-cards span {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 0;
	padding: 7px 9px;
	border: 1px solid rgba(255,255,255,.055);
	border-radius: 9px;
	background: rgba(7,17,33,.38);
}
.yv-showcase6-trend-cards small { color: rgba(222,235,234,.45); font-size: 7px; }
.yv-showcase6-trend-cards b { color: #fff; font-size: 9px; }

/* Financial character */
.yv-showcase6-stage--character {
	display: grid;
	grid-template-columns: minmax(118px,.28fr) minmax(188px,.44fr) minmax(118px,.28fr);
	align-items: center;
	gap: 8px;
	padding: 12px;
}
.yv-showcase6-character-profile {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-self: stretch;
	padding: 11px 10px;
	border: 0;
	border-radius: 0;
	background: transparent;
}
.yv-showcase6-character-profile span { color: #d3bcff; font-size: 8px; }
.yv-showcase6-character-profile strong { margin-top: 4px; color: #fff; font-size: 13px; font-weight: 850; line-height: 1.55; }
.yv-showcase6-character-profile small { margin-top: 4px; color: rgba(236,230,245,.5); font-size: 7px; line-height: 1.6; }
.yv-showcase6-character-radarwrap { display: grid; height: 100%; place-items: center; }
.yv-showcase6-radar { width: 100%; max-width: 176px; max-height: 166px; overflow: visible; }
.yv-showcase6-radar .grid,
.yv-showcase6-radar .axis { fill: none; stroke: rgba(223,205,255,.16); stroke-width: 1; }
.yv-showcase6-radar .inner { stroke: rgba(223,205,255,.08); }
.yv-showcase6-radar .result { fill: rgba(177,116,255,.27); stroke: #b982ff; stroke-width: 2; }
.yv-showcase6-radar circle { fill: #fff; stroke: #ad72ff; stroke-width: 3; }
.yv-showcase6-character-scores { display: grid; gap: 7px; }
.yv-showcase6-character-scores span {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	min-height: 45px;
	padding: 8px 9px 11px;
	border: 1px solid rgba(255,255,255,.05);
	border-radius: 12px;
	background: rgba(255,255,255,.025);
}
.yv-showcase6-character-scores small { color: rgba(235,229,245,.54); font-size: 8px; }
.yv-showcase6-character-scores strong { color: #fff; font-size: 12px; }
.yv-showcase6-character-scores i { position: absolute; right: 9px; bottom: 6px; left: 9px; height: 3px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.065); }
.yv-showcase6-character-scores i::after { position: absolute; inset: 0 auto 0 0; width: calc(var(--score) * 100%); border-radius: inherit; background: linear-gradient(90deg, #845fff, #bf8eff); content: ""; }

@media (hover: hover) and (pointer: fine) {
	.yv-showcase6-card {
		transition: transform 280ms cubic-bezier(.2,.7,.25,1), border-color 280ms ease, box-shadow 280ms ease;
	}
	.yv-showcase6-stage { transition: transform 280ms ease, border-color 280ms ease, box-shadow 280ms ease; }
	.yv-showcase6-card:hover {
		transform: translateY(-4px);
		border-color: rgb(var(--yv-s6-accent) / .17);
		box-shadow: 0 28px 64px rgba(49,35,73,.15), 0 7px 18px rgba(49,35,73,.07), inset 0 1px rgba(255,255,255,.95);
	}
	.yv-showcase6-card:hover .yv-showcase6-stage {
		transform: translateY(-2px);
		border-color: rgb(var(--yv-s6-accent) / .17);
		box-shadow: 0 20px 42px rgba(13,12,35,.24), inset 0 1px rgba(255,255,255,.08);
	}
}

.yv-preview-page.yv-is-enhanced .yv-showcase6-grid[data-yv-reveal] { transform: translateY(10px); transition-duration: 440ms; }
.yv-preview-page.yv-is-enhanced .yv-showcase6-grid[data-yv-reveal].is-visible { transform: translateY(0); }

/* Dark mode */
html[data-theme="dark"] body.yv-preview-page .yv-overview.yv-overview--showcase6 {
	background:
		radial-gradient(circle at 11% 7%, rgba(84, 69, 180, .12), transparent 28%),
		radial-gradient(circle at 87% 85%, rgba(42, 172, 155, .07), transparent 26%),
		linear-gradient(180deg, #091324 0%, #0B0F1A 100%);
}
html[data-theme="dark"] body.yv-preview-page .yv-overview.yv-overview--showcase6::before {
	background-image:
		linear-gradient(rgba(255,255,255,.014) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px);
}
html[data-theme="dark"] .yv-showcase6-card {
	border-color: rgba(255,255,255,.075);
	background:
		radial-gradient(circle at 9% -6%, rgb(var(--yv-s6-accent) / .06), transparent 30%),
		linear-gradient(145deg, #10182c 0%, #0d1528 55%, #0b1324 100%);
	box-shadow: 0 22px 56px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.065);
}
html[data-theme="dark"] .yv-showcase6-card--trend {
	background:
		radial-gradient(circle at 8% 0%, rgba(62,207,184,.075), transparent 31%),
		linear-gradient(145deg, #10213a 0%, #0d1a32 55%, #0a172a 100%);
}
html[data-theme="dark"] .yv-showcase6-card__title h3 { color: #fbfaff; }
html[data-theme="dark"] .yv-showcase6-index { background: rgb(var(--yv-s6-accent) / .075); box-shadow: none; }

/* Responsive */
@media (max-width: 1080px) {
	body.yv-preview-page .yv-overview.yv-overview--showcase6 { --yv-s6-card-h: clamp(254px, 30vh, 270px); }
	body.yv-preview-page .yv-overview.yv-overview--showcase6 > .yv-showcase6-shell { width: min(100% - 30px, 1040px); }
	.yv-showcase6-card { grid-template-rows: 66px minmax(0,1fr); }
	.yv-showcase6-card__head { padding: 12px 15px 6px; }
	.yv-showcase6-card__title h3 { font-size: clamp(16px, 1.7vw, 20px); }
	.yv-showcase6-stage { margin: 0 9px 9px; }
	.yv-showcase6-stage--character { grid-template-columns: minmax(104px,.29fr) minmax(150px,.42fr) minmax(104px,.29fr); gap: 6px; }
	.yv-showcase6-radar { max-width: 154px; max-height: 148px; }
	.yv-showcase6-reco-main { grid-template-columns: 40px minmax(0,1fr) 70px; gap: 9px; }
	.yv-showcase6-fit { width: 68px; height: 68px; }
	.yv-showcase6-fit::before { width: 52px; height: 52px; }
}

@media (max-height: 800px) and (min-width: 700px) {
	body.yv-preview-page .yv-overview.yv-overview--showcase6 {
		--yv-s6-card-h: clamp(246px, 31vh, 258px);
		padding-top: 12px;
		padding-bottom: 26px;
	}
	.yv-showcase6-card { grid-template-rows: 58px minmax(0,1fr); }
	.yv-showcase6-card__head { padding-top: 8px; padding-bottom: 3px; }
	.yv-showcase6-card__title > span { font-size: 8px; }
	.yv-showcase6-card__title h3 { font-size: clamp(15px, 1.25vw, 18px); }
	.yv-showcase6-stage { margin-bottom: 8px; }
	.yv-showcase6-portfolio-topline { top: 7px; height: 27px; }
	.yv-showcase6-portfolio-value { top: 42px; padding-block: 8px; }
	.yv-showcase6-portfolio-value strong { font-size: 21px; }
	.yv-showcase6-portfolio-donut { top: 44px; width: 80px; height: 80px; }
	.yv-showcase6-portfolio-assets { top: 112px; }
	.yv-showcase6-portfolio-assets li { height: 19px; }
	.yv-showcase6-portfolio-meta { bottom: 8px; }
	.yv-showcase6-portfolio-meta span { padding-block: 5px; }
	.yv-showcase6-stage--recommendation { padding: 9px; }
	.yv-showcase6-reco-main { min-height: 76px; padding-block: 7px; }
	.yv-showcase6-reco-icon { width: 38px; height: 38px; }
	.yv-showcase6-fit { width: 60px; height: 60px; }
	.yv-showcase6-fit::before { width: 46px; height: 46px; }
	.yv-showcase6-reco-path span { padding-block: 6px; }
	.yv-showcase6-reco-action { height: 26px; }
	.yv-showcase6-trend-metric strong { font-size: 22px; }
	.yv-showcase6-chart { bottom: 36px; height: 67%; }
	.yv-showcase6-trend-cards span { padding-block: 5px; }
	.yv-showcase6-stage--character { padding: 9px; }
	.yv-showcase6-radar { max-width: 136px; max-height: 126px; }
	.yv-showcase6-character-profile { padding-block: 7px; }
	.yv-showcase6-character-scores span { min-height: 36px; padding-block: 6px 9px; }
}

@media (max-width: 699px) {
	body.yv-preview-page .yv-overview.yv-overview--showcase6 { min-height: auto; padding: 36px 0 50px; }
	body.yv-preview-page .yv-overview.yv-overview--showcase6 > .yv-showcase6-shell { width: calc(100% - 24px); }
	.yv-showcase6-grid { grid-template-columns: 1fr; grid-auto-rows: 286px; gap: 13px; }
	.yv-showcase6-card { grid-template-rows: 66px minmax(0,1fr); border-radius: 24px; }
	.yv-showcase6-card__head { padding: 12px 13px 6px; }
	.yv-showcase6-card__title h3 { font-size: clamp(16px, 4.4vw, 20px); }
	.yv-showcase6-stage--character { grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; }
	.yv-showcase6-character-profile { grid-column: 1 / -1; height: auto; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 7px; }
	.yv-showcase6-character-profile span { grid-column: 1 / -1; }
	.yv-showcase6-character-profile small { display: none; }
	.yv-showcase6-radar { max-width: 130px; max-height: 118px; }
	.yv-showcase6-reco-main { grid-template-columns: 40px minmax(0,1fr) 68px; gap: 8px; }
	.yv-showcase6-reco-copy p { font-size: 8px; }
	.yv-showcase6-reco-path span { padding-inline: 7px; }
}

@media (max-width: 430px) {
	.yv-showcase6-grid { grid-auto-rows: 304px; }
	.yv-showcase6-card__head { padding-top: 13px; }
	.yv-showcase6-stage { margin: 0 8px 8px; border-radius: 15px; }
	.yv-showcase6-portfolio-value { width: 53%; }
	.yv-showcase6-portfolio-donut { left: 12px; width: 74px; height: 74px; }
	.yv-showcase6-portfolio-assets { width: 53%; }
	.yv-showcase6-portfolio-meta { width: 38%; }
	.yv-showcase6-reco-main { grid-template-columns: 36px minmax(0,1fr) 62px; padding-inline: 8px; }
	.yv-showcase6-reco-icon { width: 34px; height: 34px; }
	.yv-showcase6-fit { width: 58px; height: 58px; }
	.yv-showcase6-fit::before { width: 44px; height: 44px; }
	.yv-showcase6-fit strong { font-size: 15px; }
	.yv-showcase6-reco-path { gap: 5px; }
	.yv-showcase6-reco-path span { padding-inline: 6px; }
	.yv-showcase6-reco-path b { font-size: 8px; }
	.yv-showcase6-character-profile { padding: 7px 8px; }
	.yv-showcase6-character-profile strong { font-size: 10px; }
	.yv-showcase6-character-scores span { padding-inline: 6px; }
}

@media (prefers-reduced-motion: reduce) {
	.yv-showcase6-card,
	.yv-showcase6-stage { transition: none !important; }
}

/* ==========================================================================
 * Homepage overview — humane rebuild (2026-09)
 * Replaces the four dense fake-dashboard "showcase6" cards with an
 * editorial, content-first layout: icon, heading, one human sentence,
 * and the two supporting points that were already in the CMS data but
 * unused by the previous card markup. Structural rebuild, not a re-skin.
 * ========================================================================== */
body.yv-preview-page .yv-overview.yv-overview--humane {
	position: relative;
	padding: clamp(64px, 9vh, 108px) 0 clamp(72px, 10vh, 120px);
	overflow: hidden;
	background: linear-gradient(180deg, #fbfbfd 0%, #f4f5f9 100%);
	isolation: isolate;
}

html[data-theme="dark"] body.yv-preview-page .yv-overview.yv-overview--humane {
	background: linear-gradient(180deg, #0b0f1a 0%, #0e1420 100%);
}

.yv-humane-ambient,
.yv-humane-ambient::before,
.yv-humane-ambient::after {
	position: absolute;
	z-index: 0;
	border-radius: 50%;
	pointer-events: none;
	content: "";
}
.yv-humane-ambient { inset: 0; }
.yv-humane-ambient::before { top: -12%; right: 4%; width: 380px; height: 380px; background: rgba(37, 84, 232, 0.07); filter: blur(110px); }
.yv-humane-ambient::after { bottom: -14%; left: 2%; width: 340px; height: 340px; background: rgba(201, 157, 85, 0.07); filter: blur(110px); }
.yv-humane-ambient i { display: none; }

.yv-humane-heading {
	position: relative;
	z-index: 1;
	margin-bottom: clamp(40px, 5.5vh, 64px);
}

.yv-humane-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(20px, 2vw, 28px);
	width: min(1180px, calc(100% - 12px));
	margin: 0 auto;
}

.yv-humane-card {
	--yv-humane-accent: 37 84 232;
	position: relative;
	display: flex;
	flex-direction: column;
	padding: clamp(28px, 2.6vw, 40px);
	border: 1px solid rgba(16, 20, 31, 0.07);
	border-radius: 28px;
	background: #ffffff;
	box-shadow: 0 1px 2px rgba(16, 20, 31, 0.04), 0 16px 40px rgba(16, 20, 31, 0.06);
	text-align: right;
}

.yv-humane-card--recommendation { --yv-humane-accent: 76 125 255; }
.yv-humane-card--trend { --yv-humane-accent: 14 143 99; }
.yv-humane-card--character { --yv-humane-accent: 201 157 85; }

html[data-theme="dark"] .yv-humane-card {
	border-color: rgba(255, 255, 255, 0.08);
	background: #141a28;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 16px 40px rgba(0, 0, 0, 0.28);
}

.yv-humane-card__index {
	position: absolute;
	top: clamp(24px, 2.4vw, 34px);
	left: clamp(24px, 2.4vw, 34px);
	color: rgb(var(--yv-humane-accent) / 0.42);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.yv-humane-card__icon {
	display: grid;
	width: 56px;
	height: 56px;
	margin-bottom: 22px;
	border-radius: 18px;
	background: rgb(var(--yv-humane-accent) / 0.1);
	place-items: center;
}

.yv-humane-card__icon svg {
	width: 26px;
	height: 26px;
	fill: none;
	stroke: rgb(var(--yv-humane-accent));
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.yv-humane-card h3 {
	margin: 0 0 10px;
	color: #10141f;
	font-size: clamp(19px, 1.4vw, 23px);
	font-weight: 800;
	line-height: 1.45;
	letter-spacing: -0.02em;
}

html[data-theme="dark"] .yv-humane-card h3 { color: #f1f3f7; }

.yv-humane-card p {
	margin: 0;
	color: #4b5363;
	font-size: 14.5px;
	line-height: 1.9;
}

html[data-theme="dark"] .yv-humane-card p { color: #a5b4cc; }

.yv-humane-card__bullets {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 22px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid rgba(16, 20, 31, 0.07);
	list-style: none;
}

html[data-theme="dark"] .yv-humane-card__bullets { border-top-color: rgba(255, 255, 255, 0.08); }

.yv-humane-card__bullets li {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #10141f;
	font-size: 13px;
	font-weight: 600;
}

html[data-theme="dark"] .yv-humane-card__bullets li { color: #f1f3f7; }

.yv-humane-card__bullets svg {
	flex: none;
	width: 16px;
	height: 16px;
	fill: none;
	stroke: rgb(var(--yv-humane-accent));
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

@media (hover: hover) and (pointer: fine) {
	.yv-humane-card {
		transition: transform 260ms cubic-bezier(0.2, 0.7, 0.25, 1), box-shadow 260ms ease, border-color 260ms ease;
	}
	.yv-humane-card:hover {
		transform: translateY(-4px);
		border-color: rgb(var(--yv-humane-accent) / 0.28);
		box-shadow: 0 1px 2px rgba(16, 20, 31, 0.04), 0 26px 56px rgba(16, 20, 31, 0.1);
	}
}

.yv-preview-page.yv-is-enhanced .yv-humane-grid[data-yv-reveal] { transform: translateY(14px); transition-duration: 460ms; }
.yv-preview-page.yv-is-enhanced .yv-humane-grid[data-yv-reveal].is-visible { transform: translateY(0); }

@media (max-width: 900px) {
	.yv-humane-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	.yv-humane-card { transition: none !important; }
}

/* ==========================================================================
 * Residual brand-color correction (2026-09)
 * These selectors were missed by the original palette migration — they're
 * hardcoded hex rather than the --yv-primary/--yv-theme-* tokens, so they
 * were still rendering the old purple in light mode (dark mode already
 * picked up the new brand color via the token-based v1.10 theme layer).
 * ========================================================================== */
.yv-eyebrow--light { color: #2554e8; }

.yv-text-link { color: #2554e8; }

.yv-blog-card__meta span { color: #2554e8; }

.yv-blog-card__arrow {
	border-color: rgba(37, 84, 232, 0.18);
	background: rgba(37, 84, 232, 0.06);
	color: #2554e8;
}

.yv-blog-card:hover .yv-blog-card__arrow {
	border-color: rgba(37, 84, 232, 0.32);
	background: rgba(37, 84, 232, 0.1);
}

.yv-blog-card:hover,
.yv-blog-card:focus-within {
	border-color: rgba(37, 84, 232, 0.2);
}

.yv-final-cta__box {
	background:
		linear-gradient(120deg, rgba(255, 255, 255, 0.04), transparent 36%),
		linear-gradient(135deg, #0b1220, #14275c 52%, #2554e8);
}

.yv-final-cta__glow {
	background: radial-gradient(circle, rgba(76, 125, 255, 0.34), rgba(76, 125, 255, 0) 65%);
}

.yv-final-cta__stars i {
	box-shadow: 0 0 12px 3px rgba(76, 125, 255, 0.55);
}

.yv-site-footer__enamad-link:hover {
	border-color: rgba(37, 84, 232, 0.5);
}

.yv-site-footer__enamad-link:focus-visible {
	outline-color: rgba(37, 84, 232, 0.42);
}

/* ==========================================================================
 * Blog, final CTA, footer — humane rebuild (2026-09), part 2
 * Real structural changes on top of the color fixes above: a featured-first
 * blog layout instead of three equal cards, a closing CTA that echoes the
 * hero's "scattered assets" idea in miniature instead of a plain gradient
 * box, and a footer with clearer visual hierarchy.
 * ========================================================================== */


/* --- Final CTA: echoes the hero's "scattered assets, one picture" idea --- */
.yv-final-cta__box {
	min-height: 0;
	padding-block: 8px;
}

.yv-final-cta__content { padding: 72px 34px 64px; }

.yv-final-cta__assets {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-block-end: 26px;
}

.yv-final-cta__assets i {
	position: relative;
	display: grid;
	width: 34px;
	height: 34px;
	margin-inline: -6px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(6px);
	place-items: center;
}

.yv-final-cta__assets i svg {
	width: 15px;
	height: 15px;
	fill: none;
	stroke: #fff;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.yv-final-cta__assets i:nth-child(1) { z-index: 1; transform: translateY(6px); }
.yv-final-cta__assets i:nth-child(2) { z-index: 2; transform: translateY(-4px); }
.yv-final-cta__assets i:nth-child(3) {
	z-index: 3;
	width: 46px;
	height: 46px;
	border-color: rgba(255, 255, 255, 0.32);
	background: rgba(255, 255, 255, 0.12);
}
.yv-final-cta__assets i:nth-child(3) svg { width: 20px; height: 20px; }
.yv-final-cta__assets i:nth-child(4) { z-index: 2; transform: translateY(-4px); }
.yv-final-cta__assets i:nth-child(5) { z-index: 1; transform: translateY(6px); }

.yv-final-cta__mark { display: none; }

/* --- Footer: clearer hierarchy --- */
.yv-site-footer { padding-block-start: clamp(72px, calc(var(--yv-admin-section-gap) - 20px), 88px); }

.yv-site-footer__top { border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding-block-end: 64px; }

.yv-site-footer__links h2 { color: rgba(241, 242, 248, 0.5); font-size: 12px; letter-spacing: 0.02em; }

.yv-site-footer__links a {
	padding-block: 7px;
	color: #cfd3e0;
	font-size: 13.5px;
	transition: color 150ms ease;
}

.yv-site-footer__links a:hover { color: #fff; }

@media (prefers-reduced-motion: reduce) {
	.yv-blog-card,
	.yv-site-footer__links a { transition: none !important; }
}

/* ==========================================================================
 * Bento overview + editorial blog list (2026-09, part 3)
 * The uniform 2x2 white-card grid and the 3-card blog grid read as the
 * same visual pattern repeated twice. This breaks that repetition: the
 * overview becomes an asymmetric bento (one full-width colored banner
 * card + three smaller cards), and the blog becomes a plain editorial
 * list with no card chrome at all — two genuinely different rhythms.
 * ========================================================================== */

/* --- Overview: asymmetric bento, not a uniform grid --- */
.yv-humane-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.yv-humane-card--portfolio {
	display: grid;
	grid-template-columns: auto 1fr auto;
	column-gap: 28px;
	align-items: center;
	grid-column: 1 / -1;
	padding: clamp(32px, 3vw, 48px);
	border: 0;
	background: linear-gradient(135deg, #0b1220, #14275c 55%, #2554e8);
	box-shadow: 0 1px 2px rgba(11, 18, 32, 0.3), 0 26px 56px rgba(11, 18, 32, 0.28);
}

.yv-humane-card--portfolio .yv-humane-card__index { display: none; }

.yv-humane-card--portfolio .yv-humane-card__icon {
	width: 72px;
	height: 72px;
	margin: 0;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.12);
}

.yv-humane-card--portfolio .yv-humane-card__icon svg {
	width: 32px;
	height: 32px;
	stroke: #fff;
}

.yv-humane-card--portfolio h3 {
	grid-column: 2;
	color: #fff;
	font-size: clamp(21px, 1.7vw, 26px);
}

.yv-humane-card--portfolio .yv-humane-card__bullets {
	grid-column: 3;
	flex-direction: column;
	margin: 0;
	padding: 0 0 0 28px;
	border-top: 0;
	border-inline-start: 1px solid rgba(255, 255, 255, 0.18);
}

.yv-humane-card--portfolio .yv-humane-card__bullets li { color: #fff; white-space: nowrap; }
.yv-humane-card--portfolio .yv-humane-card__bullets svg { stroke: #fff; }

.yv-humane-card--recommendation,
.yv-humane-card--trend,
.yv-humane-card--character {
	grid-column: span 1;
}

@media (max-width: 900px) {
	.yv-humane-grid { grid-template-columns: 1fr; }
	.yv-humane-card--portfolio {
		grid-template-columns: auto 1fr;
		grid-template-areas: "icon title" "bullets bullets";
		row-gap: 18px;
	}
	.yv-humane-card--portfolio h3 { grid-area: title; grid-row: auto; grid-column: auto; }
	.yv-humane-card--portfolio .yv-humane-card__bullets {
		grid-area: bullets;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 16px 0 0;
		border-inline-start: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.18);
	}
}

/* --- Blog: clean card grid, no images, no AI-art thumbnails --- */
.yv-blog__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin-block-start: clamp(30px, calc(var(--yv-admin-section-gap) - 60px), 42px);
}

.yv-blog-card {
	border: 1px solid rgba(16, 20, 31, 0.08);
	border-radius: 22px;
	background: #ffffff;
	box-shadow: 0 1px 2px rgba(16, 20, 31, 0.03), 0 10px 26px rgba(16, 20, 31, 0.05);
	transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}

.yv-blog-card:hover,
.yv-blog-card:focus-within {
	transform: translateY(-3px);
	border-color: rgba(37, 84, 232, 0.22);
	box-shadow: 0 1px 2px rgba(16, 20, 31, 0.04), 0 20px 40px rgba(16, 20, 31, 0.08);
}

.yv-blog-card__media { display: none; }

.yv-blog-card__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 26px 24px 24px;
}

.yv-blog-card__meta { gap: 0; margin-bottom: 14px; }

.yv-blog-card__meta span {
	padding: 3px 10px;
	border-radius: 999px;
	background: rgba(37, 84, 232, 0.08);
	color: #2554e8;
	font-size: 10px;
	font-weight: 750;
}

.yv-blog-card__meta span::after { display: none; }

.yv-blog-card__meta time { margin-inline-start: 10px; color: #8890a0; font-size: 10.5px; }

.yv-blog-card h3 {
	min-height: 0;
	margin: 0;
	color: #10141f;
	font-size: 16px;
	font-weight: 780;
	line-height: 1.6;
	-webkit-line-clamp: 3;
}

.yv-blog-card__arrow {
	position: static;
	display: grid;
	width: 32px;
	height: 32px;
	margin-block-start: 18px;
	border: 1px solid rgba(37, 84, 232, 0.18);
	border-radius: 50%;
	background: rgba(37, 84, 232, 0.06);
	color: #2554e8;
	place-items: center;
}

.yv-blog-card:hover .yv-blog-card__arrow {
	border-color: rgba(37, 84, 232, 0.35);
	background: rgba(37, 84, 232, 0.12);
}

@media (max-width: 1023px) {
	.yv-blog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 699px) {
	.yv-blog__grid { grid-template-columns: 1fr; }
}

/* Magazine-style homepage blog section (featured article + row list) */
.yv-mag__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	align-items: stretch;
	gap: 28px;
}

.yv-mag__feature {
	margin: 0;
	overflow: hidden;
	border: 1px solid var(--yv-theme-border);
	border-radius: var(--yv-radius-lg);
	background: var(--yv-theme-surface);
	box-shadow: 0 20px 50px var(--yv-theme-shadow);
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.yv-mag__feature:hover,
.yv-mag__feature:focus-within {
	border-color: color-mix(in srgb, var(--yv-primary) 35%, var(--yv-theme-border));
	transform: translateY(-3px);
}

.yv-mag__feature-link {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: inherit;
}

.yv-mag__feature-media {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--yv-bg-deep);
}

.yv-mag__feature-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 300ms ease;
}

.yv-mag__feature:hover .yv-mag__feature-media img {
	transform: scale(1.02);
}

.yv-mag__feature-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 26px 28px 30px;
}

.yv-mag__feature-body .yv-blog-card__meta {
	margin: 0;
}

.yv-mag__feature-body h3 {
	margin: 12px 0 12px;
	color: var(--yv-theme-text);
	font-size: clamp(20px, 2.1vw, 26px);
	font-weight: 800;
	line-height: 1.45;
	letter-spacing: -0.02em;
}

.yv-mag__feature-excerpt {
	margin: 0 0 18px;
	color: var(--yv-theme-muted);
	font-size: 14.5px;
	line-height: 1.85;
}

.yv-mag__feature-cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-block-start: auto;
	color: var(--yv-primary);
	font-size: 13.5px;
	font-weight: 750;
}

.yv-mag__feature-cta svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	transform: scaleX(-1);
	transition: transform 160ms ease;
}

.yv-mag__feature:hover .yv-mag__feature-cta svg {
	transform: scaleX(-1) translateX(4px);
}

.yv-mag__list {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--yv-theme-border);
	border-radius: var(--yv-radius-lg);
	background: var(--yv-theme-surface);
	list-style: none;
}

.yv-mag__row {
	border-block-end: 1px solid var(--yv-theme-border);
}

.yv-mag__row:last-child {
	border-block-end: none;
}

.yv-mag__row-link {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 20px;
	color: inherit;
	transition: background 160ms ease;
}

.yv-mag__row-link:hover,
.yv-mag__row-link:focus-visible {
	background: var(--yv-theme-surface-soft);
}

.yv-mag__row-thumb {
	position: relative;
	flex: 0 0 auto;
	width: 68px;
	height: 68px;
	overflow: hidden;
	border-radius: var(--yv-radius-sm);
	background: var(--yv-bg-deep);
}

.yv-mag__row-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.yv-mag__row-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 0;
	gap: 6px;
}

.yv-mag__row-body .yv-blog-card__meta {
	min-height: 0;
}

.yv-mag__row-title {
	display: -webkit-box;
	overflow: hidden;
	color: var(--yv-theme-text);
	font-size: 14.5px;
	font-weight: 700;
	line-height: 1.55;
	letter-spacing: -0.01em;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.yv-mag__row-arrow {
	display: grid;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border: 1px solid var(--yv-theme-border);
	border-radius: 50%;
	color: var(--yv-primary);
	place-items: center;
	transition: border-color 160ms ease, transform 160ms ease;
}

.yv-mag__row-arrow svg {
	width: 14px;
	height: 14px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	transform: scaleX(-1);
}

.yv-mag__row-link:hover .yv-mag__row-arrow {
	border-color: color-mix(in srgb, var(--yv-primary) 45%, var(--yv-theme-border));
	transform: translateX(-2px);
}

@media (max-width: 900px) {
	.yv-mag__layout {
		grid-template-columns: 1fr;
	}

	.yv-mag__feature-body h3 {
		font-size: 20px;
	}
}

@media (max-width: 480px) {
	.yv-mag__row-thumb {
		width: 56px;
		height: 56px;
	}
}