* {
	box-sizing: border-box;
}

:root {
	--bg: #000000;
	--panel: #050608;
	--panel-strong: #090b10;
	--line: rgba(255, 255, 255, 0.16);
	--text: #ffffff;
	--muted: #d2d2d2;
	--cyan: #72d5ff;
	--pink: #ff2ecb;
	--green: #72d5ff;
	--danger: #ff6b6b;
	--font-main: "Segoe UI", Arial, Helvetica, sans-serif;
	--font-accent: "Rubik", "Segoe UI", Arial, Helvetica, sans-serif;
	--font-ui: "Segoe UI", Arial, Helvetica, sans-serif;
	--space-bg-image: url("https://xn--e1akhbebw.xn--p1ai/wp-content/uploads/2026/07/neon-collage-shop-v5-local.jpg");
}

html {
	scroll-behavior: smooth;
	font-family: var(--font-main);
}

body {
	position: relative;
	margin: 0;
	background: var(--bg);
	color: var(--text);
	font-family: var(--font-main);
}

body::before {
	position: fixed;
	inset: 0;
	z-index: 0;
	background-image: var(--space-bg-image);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	filter: saturate(1.08) contrast(1.04) brightness(0.66);
	opacity: 0.68;
	pointer-events: none;
}

body::after {
	position: fixed;
	inset: 0;
	z-index: 0;
	background:
		linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.5) 46%, rgba(0, 0, 0, 0.68)),
		radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.025), transparent 34%),
		linear-gradient(180deg, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.62) 50%, rgba(0, 0, 0, 0.86));
	content: "";
	pointer-events: none;
}

button,
input,
textarea {
	font: inherit;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	display: block;
	max-width: 100%;
}

button {
	cursor: pointer;
}

.container {
	width: min(1180px, calc(100% - 32px));
	margin: 0 auto;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background:
		linear-gradient(180deg, rgba(7, 9, 13, 0.96), rgba(0, 0, 0, 0.88));
	border-bottom: 1px solid rgba(114, 213, 255, 0.14);
	box-shadow: 0 12px 42px rgba(0, 0, 0, 0.36), inset 0 -1px 0 rgba(255, 46, 203, 0.06);
	backdrop-filter: blur(18px);
}

.header-shell {
	display: grid;
	gap: 0;
}

.header-topline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 58px;
	gap: 18px;
	padding: 8px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.brand {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.brand-mark {
	font-size: 1.28rem;
	font-weight: 900;
	color: #fff;
	letter-spacing: 0;
	text-shadow: 0 0 18px rgba(255, 255, 255, 0.48);
}

.brand-logo {
	width: 168px;
	height: auto;
	max-height: 34px;
	object-fit: contain;
	filter: drop-shadow(0 0 14px rgba(255, 255, 255, 0.34));
}

.brand-caption {
	color: var(--cyan);
	font-size: 0.78rem;
	font-weight: 800;
}

.main-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 26px;
	min-height: 44px;
	position: relative;
	color: rgba(255, 255, 255, 0.78);
	font-family: var(--font-ui);
	font-size: 0.86rem;
	font-weight: 400;
}

.category-menu {
	position: relative;
}

.category-menu summary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 34px;
	padding: 0 14px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.035);
	color: #fff;
	cursor: pointer;
	font-family: var(--font-ui);
	font-size: 0.86rem;
	font-weight: 600;
	list-style: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, background 0.2s ease;
	user-select: none;
}

.category-menu summary::-webkit-details-marker {
	display: none;
}

.category-menu summary:hover,
.category-menu summary:focus-visible,
.category-menu[open] summary {
	border-color: rgba(114, 213, 255, 0.68);
	background: rgba(114, 213, 255, 0.08);
	color: var(--cyan);
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.24), 0 0 28px rgba(255, 46, 203, 0.12);
	outline: none;
}

.burger-lines {
	display: grid;
	gap: 4px;
	width: 18px;
}

.burger-lines span {
	display: block;
	height: 2px;
	border-radius: 999px;
	background: currentColor;
	box-shadow: 0 0 8px currentColor;
}

.category-menu-panel {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	z-index: 80;
	display: grid;
	gap: 4px;
	width: max-content;
	min-width: 230px;
	max-width: min(320px, calc(100vw - 32px));
	max-height: min(74vh, 520px);
	overflow: auto;
	padding: 8px;
	border: 1px solid rgba(114, 213, 255, 0.24);
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.94);
	box-shadow: 0 0 24px rgba(114, 213, 255, 0.2), 0 0 36px rgba(255, 46, 203, 0.12), 0 18px 42px rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(16px);
}

.category-menu-panel a {
	display: block;
	padding: 10px 12px;
	border-radius: 8px;
	color: rgba(255, 255, 255, 0.84);
	font-family: var(--font-ui);
	font-weight: 400;
}

.category-menu-panel a:hover,
.category-menu-panel a:focus {
	background: rgba(114, 213, 255, 0.1);
	color: #fff;
	text-shadow: 0 0 14px rgba(9, 231, 255, 0.7);
}

.mobile-menu {
	display: none;
}

.mobile-menu summary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 38px;
	padding: 0 15px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.045);
	color: #fff;
	cursor: pointer;
	font-family: var(--font-ui);
	font-size: 0.88rem;
	font-weight: 700;
	list-style: none;
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.12);
}

.mobile-menu summary::-webkit-details-marker {
	display: none;
}

.mobile-menu summary:hover,
.mobile-menu summary:focus-visible,
.mobile-menu[open] summary {
	border-color: rgba(114, 213, 255, 0.68);
	background: rgba(114, 213, 255, 0.09);
	color: var(--cyan);
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.24), 0 0 28px rgba(255, 46, 203, 0.12);
	outline: none;
}

.mobile-menu-panel {
	display: grid;
	gap: 12px;
	margin-top: 10px;
	padding: 12px;
	border: 1px solid rgba(114, 213, 255, 0.24);
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.94);
	box-shadow: 0 0 24px rgba(114, 213, 255, 0.18), 0 18px 42px rgba(0, 0, 0, 0.5);
}

.mobile-menu-group {
	display: grid;
	gap: 4px;
}

.mobile-menu-title {
	color: var(--cyan);
	font-family: var(--font-ui);
	font-size: 0.76rem;
	font-weight: 800;
	text-transform: uppercase;
}

.mobile-menu-panel a {
	display: block;
	padding: 10px 12px;
	border-radius: 8px;
	color: rgba(255, 255, 255, 0.86);
	font-family: var(--font-ui);
	font-size: 0.92rem;
	font-weight: 500;
}

.mobile-menu-panel a:hover,
.mobile-menu-panel a:focus {
	background: rgba(114, 213, 255, 0.1);
	color: #fff;
	text-shadow: 0 0 14px rgba(9, 231, 255, 0.58);
}

.mobile-menu-group:first-child {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	max-height: 252px;
	overflow: auto;
	padding: 8px;
	border: 1px solid rgba(114, 213, 255, 0.16);
	border-radius: 8px;
	background: linear-gradient(135deg, rgba(114, 213, 255, 0.055), rgba(255, 46, 203, 0.045));
}

.mobile-menu-group:first-child .mobile-menu-title {
	grid-column: 1 / -1;
}

.mobile-menu-group:first-child a {
	min-height: 34px;
	padding: 8px 9px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(0, 0, 0, 0.24);
	font-size: 0.78rem;
	line-height: 1.18;
}

.main-nav a:hover,
.main-nav a:focus {
	color: var(--cyan);
	text-shadow: 0 0 14px rgba(9, 231, 255, 0.7);
}

.header-actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.header-contacts {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	margin-left: auto;
	padding: 6px 7px 6px 13px;
	border: 1px solid rgba(114, 213, 255, 0.16);
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(7, 12, 18, 0.78), rgba(0, 0, 0, 0.42));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 26px rgba(114, 213, 255, 0.08);
	backdrop-filter: blur(14px);
}

.phone-link,
.mail-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-family: var(--font-ui);
	font-weight: 600;
	font-size: 0.82rem;
	line-height: 1;
	white-space: nowrap;
}

.mail-link {
	position: relative;
	margin-left: 2px;
	padding-left: 12px;
	color: rgba(255, 255, 255, 0.86);
}

.mail-link::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 18px;
	background: linear-gradient(180deg, transparent, rgba(114, 213, 255, 0.36), transparent);
	content: "";
	transform: translateY(-50%);
}

.phone-link-icon,
.mail-link span {
	color: var(--cyan);
}

.phone-link-icon {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	filter: drop-shadow(0 0 8px rgba(114, 213, 255, 0.48));
}

.icon-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 10px;
	color: var(--cyan);
	font-family: var(--font-ui);
	font-size: 0.78rem;
	font-weight: 800;
}

.messenger-actions {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-left: 3px;
	padding-left: 9px;
	border-left: 1px solid rgba(114, 213, 255, 0.16);
}

.messenger-button {
	background: rgba(114, 213, 255, 0.1);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 0 14px rgba(114, 213, 255, 0.18), 0 0 18px rgba(255, 45, 190, 0.1);
	transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.messenger-button:hover,
.messenger-button:focus-visible {
	background: rgba(114, 213, 255, 0.16);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12), 0 0 18px rgba(114, 213, 255, 0.28), 0 0 24px rgba(255, 45, 190, 0.16);
	outline: none;
	transform: translateY(-1px);
}

.messenger-button-whatsapp {
	background: rgba(37, 211, 102, 0.1);
	box-shadow: 0 0 16px rgba(37, 211, 102, 0.2), 0 0 22px rgba(114, 213, 255, 0.12);
}

.messenger-button-vk {
	background: rgba(80, 126, 171, 0.16);
	box-shadow: 0 0 16px rgba(80, 126, 171, 0.22), 0 0 22px rgba(114, 213, 255, 0.12);
}

.messenger-logo {
	width: 25px;
	height: 25px;
	object-fit: contain;
}

.header-contacts .header-callback {
	flex: 0 0 auto;
	min-height: 42px;
	margin-left: 5px;
	padding: 0 22px;
	border-radius: 999px;
	font-family: var(--font-ui);
	font-size: 0.82rem;
	font-weight: 600;
	white-space: nowrap;
	box-shadow: 0 0 18px rgba(255, 46, 203, 0.28), 0 0 28px rgba(114, 213, 255, 0.18);
}

.max-floating-widget {
	position: fixed;
	right: max(18px, env(safe-area-inset-right));
	bottom: max(18px, env(safe-area-inset-bottom));
	z-index: 80;
	display: inline-flex;
	align-items: center;
	gap: 15px;
	min-height: 82px;
	padding: 14px 24px 14px 14px;
	border: 1px solid rgba(114, 213, 255, 0.54);
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(5, 8, 16, 0.96), rgba(4, 5, 9, 0.9));
	box-shadow: 0 0 26px rgba(114, 213, 255, 0.35), 0 0 44px rgba(255, 46, 203, 0.28), 0 18px 46px rgba(0, 0, 0, 0.52);
	color: #fff;
	font-family: var(--font-ui);
	transform-origin: right bottom;
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
	animation: max-floating-pulse 2.6s ease-in-out infinite;
}

.max-floating-widget::before {
	position: absolute;
	inset: -7px;
	z-index: -1;
	border-radius: inherit;
	background: linear-gradient(135deg, rgba(114, 213, 255, 0.34), rgba(255, 46, 203, 0.42));
	content: "";
	filter: blur(18px);
	opacity: 0.52;
}

.max-floating-widget:hover,
.max-floating-widget:focus-visible {
	animation-play-state: paused;
	border-color: rgba(255, 46, 203, 0.82);
	box-shadow: 0 0 30px rgba(255, 46, 203, 0.4), 0 0 50px rgba(114, 213, 255, 0.34), 0 20px 54px rgba(0, 0, 0, 0.58);
	outline: none;
	transform: translateY(-3px) scale(1.08);
}

.max-floating-widget-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: rgba(114, 213, 255, 0.14);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18), 0 0 22px rgba(114, 213, 255, 0.42);
	animation: max-floating-icon-glow 2.4s ease-in-out infinite;
}

.max-floating-widget-icon img {
	width: 38px;
	height: 38px;
	object-fit: contain;
}

.max-floating-widget-copy {
	display: grid;
	gap: 2px;
	line-height: 1.1;
}

.max-floating-widget-copy strong {
	color: #fff;
	font-size: 1.08rem;
	font-weight: 700;
	white-space: nowrap;
}

.max-floating-widget-copy span {
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.74rem;
	font-weight: 400;
	white-space: nowrap;
}

@keyframes max-floating-pulse {
	0%,
	100% {
		box-shadow: 0 0 24px rgba(114, 213, 255, 0.32), 0 0 38px rgba(255, 46, 203, 0.22), 0 18px 46px rgba(0, 0, 0, 0.52);
		transform: scale(1);
	}

	50% {
		box-shadow: 0 0 34px rgba(114, 213, 255, 0.48), 0 0 58px rgba(255, 46, 203, 0.36), 0 22px 56px rgba(0, 0, 0, 0.6);
		transform: scale(1.08);
	}
}

@keyframes max-floating-icon-glow {
	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.06);
	}
}

@media (prefers-reduced-motion: reduce) {
	.max-floating-widget,
	.max-floating-widget-icon {
		animation: none;
	}
}

@media (max-width: 640px) {
	.max-floating-widget {
		right: max(12px, env(safe-area-inset-right));
		bottom: max(12px, env(safe-area-inset-bottom));
		min-height: 64px;
		padding: 10px 16px 10px 10px;
		gap: 10px;
	}

	.max-floating-widget-icon {
		flex-basis: 44px;
		width: 44px;
		height: 44px;
	}

	.max-floating-widget-icon img {
		width: 30px;
		height: 30px;
	}

	.max-floating-widget-copy strong {
		font-size: 0.86rem;
	}
}

.cart-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 34px;
	padding: 7px 10px 7px 13px;
	border: 1px solid rgba(114, 213, 255, 0.28);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
	color: rgba(255, 255, 255, 0.9);
	font-family: var(--font-ui);
	font-size: 0.82rem;
	font-weight: 600;
	transition: border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}

.cart-link:hover,
.cart-link:focus {
	border-color: rgba(114, 213, 255, 0.7);
	color: #fff;
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.2), 0 0 24px rgba(255, 46, 203, 0.1);
	transform: translateY(-1px);
}

.cart-link strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border: 1px solid rgba(114, 213, 255, 0.55);
	border-radius: 999px;
	background: rgba(114, 213, 255, 0.08);
	color: var(--cyan);
	font-size: 0.72rem;
	font-weight: 600;
	box-shadow: 0 0 10px rgba(114, 213, 255, 0.2);
}

.header-callback {
	min-height: 30px;
	min-width: 132px;
	padding: 8px 16px;
	background: var(--cyan);
	border-color: var(--cyan);
	color: #000;
	box-shadow: 0 0 18px rgba(255, 46, 203, 0.72), 0 0 20px rgba(114, 213, 255, 0.26);
	font-size: 0.8rem;
}

main.page {
	position: relative;
	z-index: 1;
	background: transparent;
	color: var(--text);
}

.hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 0.86fr);
	gap: 56px;
	align-items: center;
	min-height: 590px;
	padding: 72px 0 52px;
}

.hero-copy {
	position: relative;
	z-index: 2;
	display: grid;
	gap: 18px;
	max-width: 720px;
}

.hero-kicker {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	min-height: 34px;
	margin-bottom: 0;
	padding: 7px 12px;
	border: 1px solid rgba(255, 46, 203, 0.34);
	border-radius: 999px;
	background: rgba(255, 46, 203, 0.08);
	color: var(--pink);
	font-family: var(--font-ui);
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.15;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	box-shadow: 0 0 18px rgba(255, 46, 203, 0.14), inset 0 0 18px rgba(255, 255, 255, 0.03);
}

.hero-kicker::before {
	width: 8px;
	height: 8px;
	margin-right: 9px;
	border-radius: 50%;
	background: var(--pink);
	box-shadow: 0 0 14px rgba(255, 46, 203, 0.82);
	content: "";
}

.home-hero {
	position: relative;
	isolation: isolate;
	grid-template-columns: minmax(0, 0.82fr) minmax(440px, 1.1fr);
	gap: 34px;
	min-height: 610px;
	scroll-margin-top: 96px;
}

.home-hero::before {
	position: absolute;
	top: -126px;
	right: calc(50% - 50vw);
	bottom: -78px;
	left: calc(50% - 50vw);
	z-index: -2;
	background:
		linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.34) 42%, rgba(0, 0, 0, 0.58)),
		var(--space-bg-image);
	background-position: center 12%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	filter: saturate(1.08) contrast(1.04) brightness(0.68);
	opacity: 0.68;
	pointer-events: none;
}

.home-hero::after {
	position: absolute;
	top: -126px;
	right: calc(50% - 50vw);
	bottom: -78px;
	left: calc(50% - 50vw);
	z-index: -1;
	background:
		radial-gradient(circle at 26% 32%, rgba(0, 0, 0, 0.56), transparent 34%),
		radial-gradient(circle at 70% 44%, rgba(114, 213, 255, 0.05), transparent 34%),
		linear-gradient(180deg, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.58) 56%, rgba(0, 0, 0, 0.88));
	content: "";
	pointer-events: none;
}

.eyebrow {
	display: none;
}

h1,
h2,
h3,
p {
	margin-top: 0;
}

h1 {
	margin-bottom: 20px;
	font-family: var(--font-main);
	font-size: 4rem;
	line-height: 1.03;
	font-weight: 900;
}

.home-hero h1 {
	max-width: 690px;
	margin-bottom: 0;
	text-shadow: 0 0 28px rgba(255, 255, 255, 0.18), 0 0 42px rgba(255, 46, 203, 0.12);
}

h2 {
	font-family: var(--font-accent);
	margin-bottom: 16px;
	font-size: 2.45rem;
	line-height: 1.1;
	font-weight: 900;
}

h3 {
	margin-bottom: 10px;
	font-size: 1.25rem;
	line-height: 1.22;
	font-weight: 900;
}

.muted,
p {
	color: var(--muted);
	font-size: 1rem;
	line-height: 1.65;
}

.hero-lead {
	max-width: 650px;
	color: #f0f0f0;
	font-family: var(--font-accent);
	font-size: 1.02rem;
	line-height: 1.65;
}

.hero h1 span {
	display: block;
	font-size: 0.75em;
	font-weight: 400;
}

.home-hero h1 span {
	max-width: 600px;
	margin-top: 10px;
	color: rgba(255, 255, 255, 0.88);
	font-family: var(--font-ui);
	font-size: clamp(1.25rem, 2.4vw, 1.72rem);
	font-weight: 400;
	line-height: 1.16;
	text-shadow: 0 0 22px rgba(114, 213, 255, 0.14);
}

.hero-lead-card {
	position: relative;
	overflow: hidden;
	display: grid;
	gap: 14px;
	max-width: 620px;
	padding: 18px 20px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background:
		radial-gradient(circle at 0 0, rgba(255, 46, 203, 0.16), transparent 38%),
		radial-gradient(circle at 100% 100%, rgba(114, 213, 255, 0.12), transparent 34%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(5, 6, 8, 0.72));
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24), inset 0 0 28px rgba(255, 255, 255, 0.025);
	backdrop-filter: blur(10px);
}

.hero-lead-card::before {
	position: absolute;
	top: 14px;
	bottom: 14px;
	left: 0;
	width: 3px;
	background: linear-gradient(180deg, var(--pink), var(--cyan));
	box-shadow: 0 0 18px rgba(255, 46, 203, 0.44), 0 0 22px rgba(114, 213, 255, 0.32);
	content: "";
}

.home-hero .hero-lead {
	max-width: 560px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.9);
	font-family: var(--font-ui);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.hero-proof-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.hero-proof-list span,
.hero-proof-list a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 42px;
	padding: 9px 11px 9px 30px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.24);
	color: rgba(255, 255, 255, 0.82);
	font-family: var(--font-ui);
	font-size: 0.84rem;
	font-weight: 500;
	line-height: 1.22;
	text-decoration: none;
}

.hero-proof-list span::before,
.hero-proof-list a::before {
	position: absolute;
	top: 50%;
	left: 12px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--cyan);
	box-shadow: 0 0 14px rgba(114, 213, 255, 0.72);
	content: "";
	transform: translateY(-50%);
}

.hero-proof-list a {
	color: #fff;
	border-color: rgba(114, 213, 255, 0.24);
}

.hero-proof-list a::before {
	background: var(--pink);
	box-shadow: 0 0 14px rgba(255, 46, 203, 0.72);
}

.hero-lead a {
	color: var(--cyan);
	border-bottom: 2px solid var(--cyan);
}

.section-head h2 span {
	color: var(--cyan);
	text-shadow: 0 0 18px rgba(114, 213, 255, 0.44);
}

.categories-section .section-head h2 span,
.audience-section .section-head h2 span {
	color: var(--pink);
	text-shadow: 0 0 18px rgba(255, 46, 203, 0.48);
}

.hero-actions,
.button-row {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 28px;
}

.home-hero .hero-actions {
	margin-top: 4px;
}

.hero-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 28px;
}

.home-hero .hero-badges {
	margin-top: 2px;
}

.hero-badges span {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.04);
	color: rgba(255, 255, 255, 0.86);
	font-size: 0.88rem;
	font-weight: 800;
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 11px 18px;
	border: 1px solid var(--line);
	border-radius: 8px;
	font-family: var(--font-ui);
	font-weight: 600;
	font-size: 0.92rem;
	text-align: center;
	transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.button:hover,
.button:focus {
	transform: translateY(-1px);
}

.button-primary {
	background: var(--cyan);
	border-color: var(--cyan);
	color: #000;
	box-shadow: 0 0 24px rgba(114, 213, 255, 0.45);
}

.button-secondary {
	background: var(--pink);
	border-color: var(--pink);
	color: #fff;
	box-shadow: 0 0 24px rgba(255, 46, 203, 0.5);
}

.button-pink {
	min-width: 160px;
	background: var(--pink);
	border-color: var(--pink);
	color: #fff;
	box-shadow: 0 0 24px rgba(255, 46, 203, 0.72);
}

.button-blue {
	min-width: 250px;
	background: var(--cyan);
	border-color: var(--cyan);
	color: #000;
	box-shadow: 0 0 24px rgba(114, 213, 255, 0.58);
}

.hero-media {
	overflow: hidden;
	border: 0;
	border-radius: 0;
	background: var(--panel);
	box-shadow: 0 0 70px rgba(114, 213, 255, 0.09);
}

.hero-media img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.home-hero .hero-media {
	justify-self: end;
	width: min(100%, 690px);
	margin-right: -18px;
	aspect-ratio: 6 / 5;
	background: #000;
	box-shadow: 0 0 92px rgba(114, 213, 255, 0.14), 0 0 56px rgba(255, 46, 203, 0.08);
}

.home-hero .hero-media img {
	width: 104%;
	max-width: none;
	height: 100%;
	min-height: 0;
	aspect-ratio: auto;
	object-fit: cover;
	object-position: 50% 32%;
	transform: translateX(-2%);
}

.stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 64px;
}

.categories-section,
.benefits-section,
.works-section,
.process-section,
.audience-section,
.testimonials-section,
.faq-section {
	scroll-margin-top: 96px;
}

.category-routes {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(280px, 0.38fr) minmax(0, 1fr);
	gap: 18px;
	padding: 22px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 8px;
	background: radial-gradient(circle at 12% 18%, rgba(255, 46, 203, 0.2), transparent 28%), radial-gradient(circle at 88% 12%, rgba(114, 213, 255, 0.16), transparent 28%), linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(4, 5, 8, 0.95));
	box-shadow: 0 28px 72px rgba(0, 0, 0, 0.46);
}

.category-routes::before {
	position: absolute;
	inset: 18px;
	border: 1px solid rgba(114, 213, 255, 0.13);
	border-radius: 8px;
	content: "";
	pointer-events: none;
}

.category-routes-intro,
.category-route-card {
	position: relative;
	z-index: 1;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.46);
	backdrop-filter: blur(12px);
}

.category-routes-intro {
	display: grid;
	align-content: space-between;
	gap: 24px;
	min-height: 100%;
	padding: 26px;
}

.category-routes-intro > span,
.category-card-label {
	color: var(--cyan);
	font-family: var(--font-ui);
	font-size: 0.82rem;
	font-weight: 600;
}

.category-routes-intro h3 {
	max-width: 360px;
	margin-bottom: 0;
	color: #fff;
	font-family: var(--font-accent);
	font-size: clamp(1.7rem, 3vw, 2.8rem);
	font-weight: 900;
	line-height: 1.02;
	text-shadow: 0 0 22px rgba(255, 255, 255, 0.28), 0 0 30px rgba(114, 213, 255, 0.12);
}

.category-routes-intro p {
	max-width: 340px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.98rem;
	line-height: 1.55;
}

.category-route-pills,
.category-route-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.category-route-pills span,
.category-route-tags span {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 5px 10px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
	color: rgba(255, 255, 255, 0.78);
	font-family: var(--font-ui);
	font-size: 0.78rem;
	font-weight: 500;
}

.category-route-list {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 12px;
}

.category-route-card {
	overflow: hidden;
	display: grid;
	grid-template-columns: 70px 126px minmax(0, 1fr) auto;
	gap: 16px;
	align-items: center;
	min-height: 150px;
	padding: 14px 18px 14px 14px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.065), rgba(6, 7, 10, 0.92));
}

.category-route-card::before {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 8% 50%, rgba(255, 46, 203, 0.15), transparent 34%), radial-gradient(circle at 100% 8%, rgba(114, 213, 255, 0.12), transparent 28%);
	content: "";
	opacity: 0.8;
	pointer-events: none;
}

.category-route-number,
.category-route-thumb,
.category-route-content,
.category-card-link {
	position: relative;
	z-index: 1;
}

.category-route-number {
	justify-self: center;
	color: rgba(255, 255, 255, 0.08);
	font-family: var(--font-accent);
	font-size: clamp(3.2rem, 6vw, 5.4rem);
	font-weight: 900;
	line-height: 0.9;
	text-shadow: 0 0 24px rgba(255, 46, 203, 0.16);
}

.category-route-thumb {
	overflow: hidden;
	width: 126px;
	height: 104px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 8px;
	background: #050608;
	box-shadow: 0 0 24px rgba(114, 213, 255, 0.1);
}

.category-route-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.84;
	transition: opacity 180ms ease, transform 180ms ease;
}

.category-route-content {
	display: grid;
	gap: 7px;
	min-width: 0;
}

.category-route-content strong {
	color: #fff;
	font-family: var(--font-accent);
	font-size: clamp(1.08rem, 1.8vw, 1.45rem);
	font-weight: 900;
	line-height: 1.05;
	text-shadow: 0 0 16px rgba(255, 255, 255, 0.2);
}

.category-route-content p {
	max-width: 600px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.92rem;
	line-height: 1.45;
}

.category-card-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 7px 12px;
	border: 1px solid rgba(255, 46, 203, 0.32);
	border-radius: 999px;
	color: var(--pink);
	font-family: var(--font-ui);
	font-size: 0.82rem;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	box-shadow: 0 0 18px rgba(255, 46, 203, 0.08);
}

.category-route-card:hover .category-route-thumb img,
.category-route-card:focus .category-route-thumb img {
	opacity: 0.98;
	transform: scale(1.05);
}

.category-tabs {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 14px;
	min-width: 0;
}

.category-tab-controls {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.category-tab-label {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	min-height: 72px;
	padding: 13px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.045);
	cursor: pointer;
	transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease, transform 180ms ease;
}

.category-tab-label::before {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 15% 20%, rgba(255, 46, 203, 0.16), transparent 42%), radial-gradient(circle at 95% 0%, rgba(114, 213, 255, 0.14), transparent 36%);
	content: "";
	opacity: 0;
	transition: opacity 180ms ease;
	pointer-events: none;
}

.category-tab-input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.category-tab-label span,
.category-tab-label strong {
	position: relative;
	z-index: 1;
}

.category-tab-label span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(114, 213, 255, 0.42);
	border-radius: 8px;
	color: var(--cyan);
	font-family: var(--font-ui);
	font-size: 0.85rem;
	font-weight: 800;
	box-shadow: 0 0 16px rgba(114, 213, 255, 0.14);
}

.category-tab-label strong {
	color: rgba(255, 255, 255, 0.78);
	font-family: var(--font-ui);
	font-size: 0.92rem;
	font-weight: 600;
	line-height: 1.22;
}

.category-tab-label:hover,
.category-tab-label:has(.category-tab-input:focus-visible),
.category-tab-label:has(.category-tab-input:checked) {
	border-color: rgba(114, 213, 255, 0.58);
	background: rgba(114, 213, 255, 0.08);
	box-shadow: 0 0 20px rgba(114, 213, 255, 0.16), 0 0 28px rgba(255, 46, 203, 0.1);
	transform: translateY(-1px);
}

.category-tab-label:hover::before,
.category-tab-label:has(.category-tab-input:checked)::before {
	opacity: 1;
}

.category-tab-label:has(.category-tab-input:checked) strong {
	color: #fff;
	text-shadow: 0 0 14px rgba(255, 255, 255, 0.24);
}

.category-tab-label:has(.category-tab-input:checked) span {
	border-color: var(--pink);
	color: #fff;
	box-shadow: 0 0 18px rgba(255, 46, 203, 0.34), 0 0 18px rgba(114, 213, 255, 0.12);
}

.category-tab-panels {
	position: relative;
	min-height: 350px;
}

.category-tab-panel {
	position: relative;
	overflow: hidden;
	display: none;
	grid-template-columns: minmax(210px, 0.78fr) minmax(0, 1fr);
	gap: 20px;
	align-items: stretch;
	min-height: 350px;
	padding: 16px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: radial-gradient(circle at 20% 20%, rgba(255, 46, 203, 0.18), transparent 36%), radial-gradient(circle at 92% 10%, rgba(114, 213, 255, 0.14), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(5, 6, 8, 0.94));
	box-shadow: inset 0 0 36px rgba(114, 213, 255, 0.04);
}

.category-tab-panel:first-child {
	display: grid;
}

.category-tabs:has(.category-tab-input:checked) .category-tab-panel {
	display: none;
}

.category-tabs:has(.category-tab-label:nth-child(1) .category-tab-input:checked) .category-tab-panel:nth-child(1),
.category-tabs:has(.category-tab-label:nth-child(2) .category-tab-input:checked) .category-tab-panel:nth-child(2),
.category-tabs:has(.category-tab-label:nth-child(3) .category-tab-input:checked) .category-tab-panel:nth-child(3),
.category-tabs:has(.category-tab-label:nth-child(4) .category-tab-input:checked) .category-tab-panel:nth-child(4),
.category-tabs:has(.category-tab-label:nth-child(5) .category-tab-input:checked) .category-tab-panel:nth-child(5),
.category-tabs:has(.category-tab-label:nth-child(6) .category-tab-input:checked) .category-tab-panel:nth-child(6),
.category-tabs:has(.category-tab-label:nth-child(7) .category-tab-input:checked) .category-tab-panel:nth-child(7),
.category-tabs:has(.category-tab-label:nth-child(8) .category-tab-input:checked) .category-tab-panel:nth-child(8),
.category-tabs:has(.category-tab-label:nth-child(9) .category-tab-input:checked) .category-tab-panel:nth-child(9),
.category-tabs:has(.category-tab-label:nth-child(10) .category-tab-input:checked) .category-tab-panel:nth-child(10) {
	display: grid;
}

.category-panel-number {
	position: absolute;
	right: 16px;
	bottom: -8px;
	z-index: 0;
	color: rgba(255, 255, 255, 0.06);
	font-family: var(--font-accent);
	font-size: clamp(6.4rem, 13vw, 10rem);
	font-weight: 900;
	line-height: 0.82;
	text-shadow: 0 0 32px rgba(255, 46, 203, 0.12);
	pointer-events: none;
}

.category-panel-media,
.category-panel-copy {
	position: relative;
	z-index: 1;
}

.category-panel-media {
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 8px;
	background: #050608;
	box-shadow: 0 0 24px rgba(114, 213, 255, 0.12);
}

.category-panel-media img {
	width: 100%;
	height: 100%;
	min-height: 310px;
	object-fit: cover;
	opacity: 0.88;
	transition: opacity 180ms ease, transform 180ms ease;
}

.category-tab-panel:hover .category-panel-media img {
	opacity: 0.98;
	transform: scale(1.035);
}

.category-panel-copy {
	display: grid;
	align-content: center;
	justify-items: start;
	gap: 14px;
	padding: 8px 8px 8px 0;
}

.category-panel-copy h3 {
	max-width: 520px;
	margin-bottom: 0;
	font-family: var(--font-accent);
	font-size: clamp(1.65rem, 3.4vw, 2.75rem);
	line-height: 1.02;
	text-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
}

.category-panel-copy p {
	max-width: 560px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.74);
	font-size: 0.98rem;
	line-height: 1.56;
}

.category-panel-button {
	margin-top: 4px;
	min-width: 190px;
}

.category-panel-products {
	position: relative;
	z-index: 2;
	display: grid;
	grid-column: 1 / -1;
	gap: 12px;
	order: 3;
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.28);
	box-shadow: inset 0 0 24px rgba(114, 213, 255, 0.05);
}

.category-panel-products-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.category-panel-products-head span {
	color: rgba(255, 255, 255, 0.76);
	font-family: var(--font-ui);
	font-size: 0.84rem;
	font-weight: 600;
}

.category-panel-products-head a {
	color: var(--cyan);
	font-family: var(--font-ui);
	font-size: 0.82rem;
	font-weight: 600;
}

.category-product-mini-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.category-product-mini {
	display: grid;
	grid-template-columns: 74px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	min-width: 0;
	padding: 8px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02));
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.category-product-mini:hover,
.category-product-mini:focus-visible {
	border-color: rgba(114, 213, 255, 0.5);
	box-shadow: 0 0 20px rgba(114, 213, 255, 0.14), 0 0 26px rgba(255, 46, 203, 0.08);
	transform: translateY(-1px);
	outline: none;
}

.category-product-mini img {
	display: block;
	width: 74px;
	height: 74px;
	border-radius: 7px;
	background: #050608;
	object-fit: cover;
}

.category-product-mini-copy {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.category-product-mini-copy strong,
.category-product-mini-copy em,
.category-product-mini-copy b {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.category-product-mini-copy strong {
	color: #fff;
	font-family: var(--font-ui);
	font-size: 0.82rem;
	font-weight: 600;
	line-height: 1.25;
}

.category-product-mini-copy em {
	color: var(--cyan);
	font-family: var(--font-ui);
	font-size: 0.72rem;
	font-style: normal;
	font-weight: 500;
}

.category-product-mini-copy b {
	width: fit-content;
	background: linear-gradient(90deg, var(--pink), var(--cyan));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-family: var(--font-ui);
	font-size: 0.9rem;
	font-weight: 600;
	text-shadow: 0 0 12px rgba(255, 46, 203, 0.16);
}

.category-routes {
	grid-template-columns: 1fr;
	gap: 16px;
	padding: 18px;
}

.category-routes::before {
	display: none;
}

.category-tabs {
	gap: 16px;
}

.category-tab-controls {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.category-tab-label {
	display: inline-flex;
	grid-template-columns: none;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 42px;
	padding: 9px 16px;
	border-radius: 999px;
}

.category-tab-label span {
	width: auto;
	height: auto;
	border: 0;
	border-radius: 0;
	color: rgba(255, 255, 255, 0.78);
	font-size: 0.88rem;
	font-weight: 600;
	box-shadow: none;
}

.category-tab-label:has(.category-tab-input:checked) span {
	color: #fff;
	text-shadow: 0 0 14px rgba(114, 213, 255, 0.38);
}

.category-tab-panels {
	min-height: 390px;
}

.category-tab-panel {
	isolation: isolate;
	grid-template-columns: minmax(0, 0.92fr) minmax(320px, 0.78fr);
	gap: 24px;
	align-items: stretch;
	min-height: 390px;
	padding: 22px;
	background: radial-gradient(circle at 12% 18%, rgba(255, 46, 203, 0.14), transparent 34%), radial-gradient(circle at 82% 12%, rgba(114, 213, 255, 0.12), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(5, 6, 8, 0.96));
}

.category-tab-panel::before {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.18), transparent 58%);
	content: "";
	pointer-events: none;
}

.category-panel-media {
	position: relative;
	inset: auto;
	order: 2;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 8px;
	box-shadow: 0 0 30px rgba(114, 213, 255, 0.12), 0 0 42px rgba(255, 46, 203, 0.08);
}

.category-panel-media img {
	min-height: 330px;
	aspect-ratio: 4 / 3;
	opacity: 0.92;
	object-position: center;
}

.category-panel-number,
.category-route-tags {
	display: none;
}

.category-panel-copy {
	order: 1;
	z-index: 2;
	align-content: center;
	gap: 16px;
	min-height: 100%;
	max-width: 650px;
	padding: 24px 8px 24px 22px;
}

.category-panel-copy h3 {
	font-size: clamp(1.85rem, 4vw, 3.2rem);
}

.benefits-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
	align-items: stretch;
}

.benefit-visual {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(340px, 0.85fr);
	gap: 20px;
	align-items: stretch;
	min-height: auto;
	padding: 24px;
	background: radial-gradient(circle at 22% 18%, rgba(114, 213, 255, 0.24), transparent 31%), radial-gradient(circle at 82% 38%, rgba(255, 46, 203, 0.2), transparent 34%), linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(5, 6, 8, 0.94));
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 8px;
	box-shadow: 0 30px 70px rgba(0, 0, 0, 0.46);
}

.benefit-visual::before {
	content: "";
	position: absolute;
	inset: 18px;
	border: 1px solid rgba(114, 213, 255, 0.2);
	border-radius: 8px;
	pointer-events: none;
}

.benefit-visual-photo {
	position: relative;
	z-index: 2;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 8px;
	background: #050608;
	box-shadow: 0 0 34px rgba(114, 213, 255, 0.14);
}

.benefit-visual-photo img {
	width: 100%;
	height: 100%;
	min-height: 360px;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	opacity: 0.88;
}

.benefit-approval-panel {
	position: relative;
	z-index: 2;
	display: grid;
	align-content: start;
	gap: 16px;
	min-height: 100%;
	padding: 24px;
	background: rgba(0, 0, 0, 0.72);
	border: 1px solid rgba(114, 213, 255, 0.24);
	border-radius: 8px;
	box-shadow: 0 0 34px rgba(114, 213, 255, 0.12), 0 0 42px rgba(255, 46, 203, 0.08);
	backdrop-filter: blur(12px);
}

.benefit-approval-top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.benefit-approval-top span,
.benefit-color-row > span,
.benefit-spec-row span {
	color: rgba(255, 255, 255, 0.58);
	font-family: var(--font-ui);
	font-size: 0.82rem;
	font-weight: 400;
}

.benefit-approval-top strong {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 6px 11px;
	background: rgba(114, 213, 255, 0.1);
	border: 1px solid rgba(114, 213, 255, 0.28);
	border-radius: 999px;
	color: var(--cyan);
	font-family: var(--font-ui);
	font-size: 0.82rem;
	font-weight: 600;
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.12);
}

.benefit-approval-panel h3 {
	max-width: 430px;
	margin-bottom: 0;
	font-family: var(--font-accent);
	font-size: clamp(1.35rem, 2.4vw, 2.15rem);
	line-height: 1.08;
	text-shadow: 0 0 18px rgba(255, 255, 255, 0.2);
}

.benefit-approval-panel p {
	max-width: 470px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.95rem;
	line-height: 1.55;
}

.benefit-spec-list {
	display: grid;
	gap: 8px;
}

.benefit-spec-row {
	display: grid;
	grid-template-columns: minmax(86px, 0.46fr) minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	min-height: 44px;
	padding: 9px 12px;
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
}

.benefit-spec-row strong {
	color: #fff;
	font-family: var(--font-ui);
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.25;
}

.benefit-color-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 48px;
	padding: 11px 12px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
}

.benefit-color-swatches {
	display: flex;
	gap: 8px;
}

.benefit-color-swatches i {
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 18px rgba(255, 255, 255, 0.6);
}

.benefit-color-swatches i:nth-child(2) {
	background: var(--pink);
	box-shadow: 0 0 18px rgba(255, 46, 203, 0.78);
}

.benefit-color-swatches i:nth-child(3) {
	background: var(--cyan);
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.72);
}

.benefit-approval-footer {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.benefit-approval-footer span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 7px 9px;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	color: rgba(255, 255, 255, 0.76);
	font-family: var(--font-ui);
	font-size: 0.76rem;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
}

.benefit-visual-board {
	position: relative;
	z-index: 2;
	display: grid;
	align-content: center;
	width: 100%;
	min-height: 100%;
	margin-top: 0;
	padding: 24px;
	background: rgba(0, 0, 0, 0.78);
	border: 1px solid rgba(114, 213, 255, 0.32);
	border-radius: 8px;
	backdrop-filter: blur(12px);
	box-shadow: 0 0 36px rgba(114, 213, 255, 0.18), 0 0 46px rgba(255, 46, 203, 0.12);
}

.benefit-board-label {
	display: inline-flex;
	margin-bottom: 30px;
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.9rem;
	font-weight: 600;
}

.benefit-visual-board strong {
	position: relative;
	z-index: 2;
	display: block;
	color: #fff;
	font-family: var(--font-accent);
	font-size: clamp(2.2rem, 5vw, 4.6rem);
	font-weight: 900;
	line-height: 0.92;
	text-shadow: 0 0 18px rgba(255, 255, 255, 0.56), 0 0 38px rgba(114, 213, 255, 0.42);
}

.benefit-visual-board p {
	position: relative;
	z-index: 2;
	max-width: 330px;
	margin: 14px 0 76px;
	color: rgba(255, 255, 255, 0.78);
	font-size: 0.95rem;
	line-height: 1.55;
}

.benefit-neon-lines {
	position: absolute;
	right: 24px;
	bottom: 24px;
	left: 24px;
	display: grid;
	gap: 12px;
}

.benefit-neon-lines span {
	display: block;
	height: 4px;
	border-radius: 999px;
	background: var(--cyan);
	box-shadow: 0 0 16px rgba(114, 213, 255, 0.78);
}

.benefit-neon-lines span:nth-child(2) {
	width: 72%;
	background: var(--pink);
	box-shadow: 0 0 16px rgba(255, 46, 203, 0.76);
}

.benefit-neon-lines span:nth-child(3) {
	width: 48%;
	background: #fff;
	box-shadow: 0 0 18px rgba(255, 255, 255, 0.66);
}

.benefit-palette {
	position: absolute;
	top: 42px;
	right: 42px;
	z-index: 3;
	display: flex;
	gap: 10px;
	padding: 8px;
	background: rgba(0, 0, 0, 0.62);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 999px;
	backdrop-filter: blur(10px);
}

.benefit-palette span {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--cyan);
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.8);
}

.benefit-palette span:nth-child(2) {
	background: var(--pink);
	box-shadow: 0 0 18px rgba(255, 46, 203, 0.82);
}

.benefit-palette span:nth-child(3) {
	background: #fff;
	box-shadow: 0 0 18px rgba(255, 255, 255, 0.72);
}

.benefit-preview-panel {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: auto repeat(3, minmax(0, 1fr));
	gap: 10px;
	grid-column: 1 / -1;
}

.benefit-preview-panel strong,
.benefit-preview-panel span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 8px 10px;
	background: rgba(255, 255, 255, 0.055);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.82rem;
	font-weight: 700;
	text-align: center;
}

.benefit-preview-panel strong {
	justify-content: flex-start;
	border-color: rgba(114, 213, 255, 0.24);
	color: var(--cyan);
}

.benefit-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.benefit-card {
	position: relative;
	overflow: hidden;
	min-height: 230px;
	padding: 24px 24px 26px;
	background: linear-gradient(145deg, rgba(114, 213, 255, 0.1), rgba(255, 46, 203, 0.07), rgba(255, 255, 255, 0.02));
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
}

.benefit-card::before {
	content: "";
	position: absolute;
	right: -34px;
	bottom: 26px;
	width: 130px;
	height: 130px;
	border: 2px solid rgba(114, 213, 255, 0.22);
	border-radius: 50%;
	box-shadow: 0 0 30px rgba(114, 213, 255, 0.16);
}

.benefit-card-number {
	display: inline-flex;
	margin-bottom: 30px;
	color: var(--pink);
	font-family: var(--font-accent);
	font-weight: 900;
	text-shadow: 0 0 14px rgba(255, 46, 203, 0.62);
}

.benefit-card-mark {
	position: absolute;
	top: 18px;
	right: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 76px;
	min-height: 34px;
	padding: 6px 10px;
	background: rgba(0, 0, 0, 0.46);
	border: 1px solid rgba(114, 213, 255, 0.26);
	border-radius: 999px;
	color: var(--cyan);
	font-size: 0.76rem;
	font-weight: 800;
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.14);
}

.benefit-card h3 {
	font-family: var(--font-accent);
}

.audience-section {
	background: #000;
}

.audience-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 18px;
}

.audience-showcase {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.audience-tile {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-rows: 174px auto 1fr;
	gap: 12px;
	min-height: 316px;
	padding: 12px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(5, 6, 8, 0.96));
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 8px;
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.42);
	isolation: isolate;
}

.audience-tile::after {
	position: absolute;
	inset: 0;
	z-index: -1;
	content: "";
	pointer-events: none;
}

.audience-tile::after {
	background: radial-gradient(circle at 12% 8%, rgba(255, 46, 203, 0.14), transparent 32%), radial-gradient(circle at 90% 18%, rgba(114, 213, 255, 0.12), transparent 34%);
	opacity: 0.78;
}

.audience-tile img {
	width: 100%;
	height: 100%;
	min-height: 0;
	padding: 10px;
	object-fit: contain;
	background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.06), transparent 62%), #000;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 8px;
	opacity: 0.94;
	transition: opacity 180ms ease, transform 180ms ease;
}

.audience-tile span,
.audience-tile-title {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: end;
	min-height: 38px;
	padding: 8px 10px;
	background: #050505;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 8px;
	color: #fff;
	-webkit-text-fill-color: #fff;
	font-family: var(--font-accent);
	font-size: 1.12rem;
	font-weight: 900;
	line-height: 1.12;
	text-align: center;
	text-shadow: none;
	box-shadow: 0 0 14px rgba(255, 46, 203, 0.12), 0 0 18px rgba(114, 213, 255, 0.08);
}

.audience-tile p {
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.76);
	font-family: var(--font-ui);
	font-size: 0.86rem;
	font-weight: 400;
	line-height: 1.38;
}

.audience-tile:hover,
.audience-tile:focus-visible {
	border-color: rgba(255, 46, 203, 0.48);
	box-shadow: 0 0 18px rgba(255, 46, 203, 0.15), 0 0 28px rgba(114, 213, 255, 0.12), 0 20px 48px rgba(0, 0, 0, 0.46);
	outline: none;
	transform: translateY(-2px);
}

.audience-tile:hover::after,
.audience-tile:focus-visible::after {
	opacity: 1;
}

.audience-tile:hover img,
.audience-tile:focus-visible img {
	opacity: 1;
	transform: scale(1.015);
}

.stat-card,
.info-card,
.product-card,
.article-card,
.lead-form,
.delivery-card,
.contact-card,
.step-card,
.service-card,
.testimonial-card,
.faq-card {
	background: var(--panel);
	border: 1px solid var(--line);
	border-radius: 8px;
}

.stat-card {
	padding: 18px;
}

.stat-card strong {
	display: block;
	color: var(--cyan);
	font-size: 1.65rem;
	text-shadow: 0 0 18px rgba(9, 231, 255, 0.5);
}

.stat-card span {
	color: var(--muted);
}

.section {
	padding: 72px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.section-head {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(280px, 0.7fr);
	gap: 32px;
	align-items: end;
	margin-bottom: 28px;
}

.grid-2,
.grid-3,
.grid-4 {
	display: grid;
	gap: 18px;
}

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

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

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

.service-card,
.info-card,
.delivery-card,
.contact-card,
.step-card,
.testimonial-card,
.faq-card {
	padding: 22px;
}

.accent-line {
	width: 46px;
	height: 3px;
	margin-bottom: 16px;
	background: var(--pink);
	box-shadow: 0 0 16px rgba(255, 47, 178, 0.58);
}

.about-workbench {
	display: grid;
	grid-template-columns: minmax(300px, 0.74fr) minmax(0, 1.15fr);
	gap: 22px;
	align-items: stretch;
}

.about-workbench-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100%;
}

.about-workbench-copy h2 {
	margin-bottom: 14px;
	font-size: clamp(1.85rem, 3vw, 2.7rem);
	line-height: 1.12;
}

.about-check-list {
	display: grid;
	gap: 10px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}

.about-check-list li {
	position: relative;
	padding-left: 24px;
	color: rgba(255, 255, 255, 0.76);
	line-height: 1.55;
}

.about-check-list li::before {
	position: absolute;
	top: 0.66em;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: var(--cyan);
	box-shadow: 0 0 16px rgba(114, 213, 255, 0.7);
	content: "";
}

.about-photo-mosaic {
	display: grid;
	grid-template-columns: 1.18fr 0.82fr;
	grid-template-rows: repeat(2, minmax(180px, 1fr));
	gap: 12px;
	min-height: 500px;
}

.about-photo-mosaic img,
.about-direction-card img {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	object-fit: cover;
	box-shadow: 0 18px 54px rgba(0, 0, 0, 0.34);
}

.about-photo-mosaic img:first-child {
	grid-row: span 2;
}

.about-process-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.about-process-card {
	display: grid;
	gap: 12px;
	padding: 20px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(5, 6, 8, 0.95));
}

.about-process-card span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(114, 213, 255, 0.9);
	border-radius: 8px;
	color: var(--cyan);
	font-family: var(--font-accent);
	font-size: 1.25rem;
	font-weight: 900;
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.3);
}

.about-process-card h3 {
	margin: 0;
	font-family: var(--font-accent);
	font-size: 1.18rem;
}

.about-process-card p {
	margin: 0;
	color: rgba(255, 255, 255, 0.72);
	line-height: 1.58;
}

.about-directions-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.about-direction-card {
	display: grid;
	grid-template-columns: minmax(160px, 0.72fr) minmax(0, 1fr);
	gap: 18px;
	align-items: center;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: var(--panel);
}

.about-direction-card img {
	aspect-ratio: 3 / 4;
	min-height: 260px;
}

.about-direction-card h2 {
	margin-bottom: 12px;
	font-size: clamp(1.45rem, 2.5vw, 2.05rem);
}

.about-direction-card p {
	margin: 0;
	color: rgba(255, 255, 255, 0.76);
	line-height: 1.62;
}

.about-studio {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
	gap: 22px;
	align-items: stretch;
}

.about-studio-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.about-studio-copy h2 {
	margin-bottom: 18px;
	font-size: clamp(1.85rem, 3vw, 2.7rem);
	line-height: 1.12;
}

.about-studio-copy p + p {
	margin-top: 14px;
}

.about-facts {
	display: grid;
	gap: 14px;
}

.about-fact {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 150px;
	padding: 22px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background:
		linear-gradient(145deg, rgba(255, 47, 178, 0.14), rgba(114, 213, 255, 0.08) 44%, rgba(5, 6, 8, 0.92)),
		var(--panel);
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.32);
}

.about-fact::after {
	position: absolute;
	top: 16px;
	right: 18px;
	width: 52px;
	height: 2px;
	background: linear-gradient(90deg, var(--pink), var(--cyan));
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.5);
	content: "";
}

.about-fact strong {
	position: relative;
	z-index: 1;
	margin-bottom: 8px;
	font-family: var(--font-accent);
	font-size: clamp(1.3rem, 2.4vw, 2rem);
	line-height: 1;
}

.about-fact span {
	position: relative;
	z-index: 1;
	color: rgba(255, 255, 255, 0.72);
	line-height: 1.45;
}

.about-values-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.about-value-card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 310px;
	padding: 26px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(5, 6, 8, 0.95)),
		var(--panel);
}

.about-value-card::before {
	position: absolute;
	right: 22px;
	bottom: 22px;
	z-index: 1;
	width: 64px;
	height: 2px;
	background: linear-gradient(90deg, var(--pink), var(--cyan));
	box-shadow: 0 0 20px rgba(114, 213, 255, 0.45);
	content: "";
}

.about-value-card span {
	position: absolute;
	top: 10px;
	right: 18px;
	z-index: 0;
	display: block;
	margin: 0;
	color: rgba(255, 47, 178, 0.13);
	font-family: var(--font-accent);
	font-size: clamp(6.8rem, 8.7vw, 10rem);
	font-weight: 900;
	line-height: 0.82;
	pointer-events: none;
	text-shadow:
		0 0 18px rgba(255, 47, 178, 0.22),
		0 0 46px rgba(255, 47, 178, 0.16);
}

.about-value-card:nth-child(even) span {
	color: rgba(114, 213, 255, 0.13);
	text-shadow:
		0 0 18px rgba(114, 213, 255, 0.22),
		0 0 46px rgba(114, 213, 255, 0.16);
}

.about-value-card h3 {
	position: relative;
	z-index: 1;
	margin: 0 0 12px;
	font-family: var(--font-accent);
	font-size: 1.2rem;
	line-height: 1.18;
}

.about-value-card p {
	position: relative;
	z-index: 1;
	margin: 0;
	color: rgba(255, 255, 255, 0.72);
	line-height: 1.58;
}

.about-proof-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.about-proof-card {
	margin: 0;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.055);
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.32);
}

.about-proof-card img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
}

.about-proof-card figcaption {
	display: grid;
	gap: 8px;
	padding: 16px;
}

.about-proof-card strong {
	font-family: var(--font-accent);
	font-size: 1rem;
	line-height: 1.18;
}

.about-proof-card span {
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.92rem;
	line-height: 1.48;
}

.logistics-grid {
	display: grid;
	gap: 20px;
}

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

.payment-flow {
	position: relative;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.payment-method-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shipping-company-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.shipping-company-card {
	position: relative;
	overflow: hidden;
	display: grid;
	align-content: start;
	gap: 12px;
	min-height: 220px;
	padding: 26px 24px 24px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background:
		radial-gradient(circle at 88% 14%, rgba(114, 213, 255, 0.16), transparent 36%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(5, 6, 8, 0.95));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.shipping-company-card::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(114, 213, 255, 0.08), rgba(255, 46, 203, 0.08));
	content: "";
	opacity: 0;
	transition: opacity 180ms ease;
	pointer-events: none;
}

.shipping-company-logo {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 148px;
	height: 64px;
	padding: 10px 13px;
	border: 1px solid rgba(114, 213, 255, 0.54);
	border-radius: 12px;
	background: rgba(114, 213, 255, 0.08);
	box-shadow: 0 0 24px rgba(114, 213, 255, 0.16);
}

.shipping-company-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.shipping-company-card h3,
.shipping-company-card p {
	position: relative;
	z-index: 1;
	margin-bottom: 0;
}

.shipping-company-card h3 {
	color: #fff;
	font-family: var(--font-accent);
	font-size: 1.25rem;
	line-height: 1.18;
}

.shipping-company-card p {
	color: rgba(255, 255, 255, 0.74);
	font-size: 0.95rem;
	line-height: 1.58;
}

.shipping-company-cdek .shipping-company-logo {
	border-color: rgba(114, 213, 255, 0.58);
	background: rgba(114, 213, 255, 0.07);
}

.shipping-company-yandex .shipping-company-logo {
	overflow: hidden;
	justify-content: flex-start;
	width: 78px;
	padding: 8px;
	border-color: rgba(255, 46, 203, 0.58);
	background: rgba(255, 46, 203, 0.08);
	box-shadow: 0 0 24px rgba(255, 46, 203, 0.16);
}

.shipping-company-yandex .shipping-company-logo img {
	width: auto;
	max-width: none;
	height: 100%;
	object-fit: cover;
	object-position: left center;
}

.shipping-company-ozon .shipping-company-logo {
	width: 76px;
	padding: 6px;
	border-color: rgba(255, 255, 255, 0.34);
	background: rgba(255, 255, 255, 0.055);
	box-shadow: 0 0 24px rgba(255, 46, 203, 0.12);
}

.shipping-company-card:hover,
.shipping-company-card:focus-within {
	border-color: rgba(114, 213, 255, 0.5);
	box-shadow: 0 0 22px rgba(114, 213, 255, 0.18), 0 0 42px rgba(255, 46, 203, 0.09), 0 20px 54px rgba(0, 0, 0, 0.42);
	transform: translateY(-2px);
}

.shipping-company-card:hover::after,
.shipping-company-card:focus-within::after {
	opacity: 1;
}

.payment-flow::before {
	position: absolute;
	top: 42px;
	right: 9%;
	left: 9%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(114, 213, 255, 0.36), rgba(255, 46, 203, 0.32), transparent);
	box-shadow: 0 0 22px rgba(114, 213, 255, 0.18);
	content: "";
	pointer-events: none;
}

.delivery-card-visual {
	position: relative;
	overflow: hidden;
	display: grid;
	align-content: start;
	gap: 14px;
	min-height: 250px;
	padding: 28px 24px 24px;
	background: radial-gradient(circle at 100% 0, rgba(114, 213, 255, 0.13), transparent 34%), radial-gradient(circle at 0 100%, rgba(255, 46, 203, 0.12), transparent 34%), linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(5, 6, 8, 0.95));
}

.delivery-card-visual::before {
	position: absolute;
	right: 14px;
	bottom: -30px;
	z-index: 0;
	color: rgba(255, 255, 255, 0.055);
	font-family: var(--font-accent);
	font-size: 8.5rem;
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 0 24px rgba(114, 213, 255, 0.12);
	content: attr(data-step);
	pointer-events: none;
}

.delivery-card-visual::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, var(--cyan), var(--pink), transparent 86%);
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.34), 0 0 20px rgba(255, 46, 203, 0.18);
	content: "";
}

.delivery-card-icon {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border: 1px solid rgba(114, 213, 255, 0.52);
	border-radius: 8px;
	background: rgba(114, 213, 255, 0.07);
	box-shadow: 0 0 24px rgba(114, 213, 255, 0.2);
}

.delivery-card-svg {
	width: 31px;
	height: 31px;
	fill: none;
	stroke: rgba(255, 255, 255, 0.9);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.6;
	filter: drop-shadow(0 0 7px rgba(114, 213, 255, 0.46));
}

.payment-card .delivery-card-icon {
	border-color: rgba(255, 46, 203, 0.5);
	background: rgba(255, 46, 203, 0.08);
	box-shadow: 0 0 24px rgba(255, 46, 203, 0.18);
}

.payment-card .delivery-card-svg {
	filter: drop-shadow(0 0 7px rgba(255, 46, 203, 0.42));
}

.delivery-card-visual h3,
.delivery-card-visual p {
	position: relative;
	z-index: 1;
	margin-bottom: 0;
}

.delivery-card-visual h3 {
	color: #fff;
	font-family: var(--font-accent);
	font-size: 1.16rem;
	line-height: 1.22;
	text-shadow: 0 0 14px rgba(255, 255, 255, 0.16);
}

.delivery-card-visual p {
	color: rgba(255, 255, 255, 0.74);
	font-size: 0.95rem;
	line-height: 1.58;
}

.delivery-card-visual:hover::before {
	color: rgba(114, 213, 255, 0.09);
}

.step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin-bottom: 18px;
	border: 1px solid var(--cyan);
	border-radius: 8px;
	color: var(--cyan);
	font-weight: 900;
	box-shadow: 0 0 16px rgba(9, 231, 255, 0.24);
}

.process-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
	align-items: stretch;
}

.process-visual {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(250px, 0.42fr) minmax(0, 1fr);
	align-content: stretch;
	align-items: stretch;
	gap: 18px;
	min-height: auto;
	padding: 24px;
	background: radial-gradient(circle at 18% 18%, rgba(255, 46, 203, 0.18), transparent 34%), radial-gradient(circle at 82% 28%, rgba(114, 213, 255, 0.2), transparent 35%), linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(5, 6, 8, 0.94));
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 8px;
	box-shadow: 0 30px 70px rgba(0, 0, 0, 0.46);
}

.process-visual::before {
	position: absolute;
	inset: 18px;
	border: 1px solid rgba(255, 46, 203, 0.18);
	border-radius: 8px;
	content: "";
	pointer-events: none;
}

.process-brief-card,
.process-flow,
.process-status-strip {
	position: relative;
	z-index: 2;
}

.process-brief-card {
	display: grid;
	align-content: center;
	padding: 22px;
	background: rgba(0, 0, 0, 0.62);
	border: 1px solid rgba(114, 213, 255, 0.24);
	border-radius: 8px;
	box-shadow: 0 0 32px rgba(114, 213, 255, 0.12), 0 0 34px rgba(255, 46, 203, 0.08);
	backdrop-filter: blur(12px);
}

.process-brief-card span {
	display: block;
	margin-bottom: 10px;
	color: var(--cyan);
	font-size: 0.84rem;
	font-weight: 800;
}

.process-brief-card strong {
	display: block;
	max-width: 320px;
	color: #fff;
	font-family: var(--font-accent);
	font-size: clamp(1.85rem, 3vw, 2.85rem);
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 0 22px rgba(255, 255, 255, 0.32), 0 0 30px rgba(255, 46, 203, 0.24);
}

.process-brief-card p {
	max-width: 340px;
	margin: 12px 0 0;
	color: rgba(255, 255, 255, 0.76);
	font-size: 0.94rem;
}

.process-flow {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.process-flow-card {
	position: relative;
	overflow: hidden;
	display: grid;
	align-content: space-between;
	min-height: 158px;
	padding: 18px;
	background: rgba(255, 255, 255, 0.055);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	box-shadow: inset 0 0 28px rgba(255, 255, 255, 0.02);
	isolation: isolate;
}

.process-flow-card::after {
	position: absolute;
	right: -32px;
	bottom: -32px;
	width: 110px;
	height: 110px;
	border: 2px solid rgba(114, 213, 255, 0.16);
	border-radius: 50%;
	content: "";
}

.process-flow-card:nth-child(2n)::after {
	border-color: rgba(255, 46, 203, 0.16);
}

.process-flow-top {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	min-height: 36px;
	margin-bottom: 20px;
}

.process-flow-number {
	position: absolute;
	top: -24px;
	left: -8px;
	z-index: -1;
	color: var(--pink);
	font-family: var(--font-accent);
	font-size: clamp(4.1rem, 8vw, 6.8rem);
	font-weight: 900;
	line-height: 0.82;
	opacity: 0.18;
	pointer-events: none;
	text-shadow: 0 0 22px rgba(255, 46, 203, 0.72), 0 0 52px rgba(255, 46, 203, 0.42);
}

.process-flow-card:nth-child(2n) .process-flow-number {
	color: var(--cyan);
	opacity: 0.16;
	text-shadow: 0 0 22px rgba(114, 213, 255, 0.72), 0 0 52px rgba(114, 213, 255, 0.42);
}

.process-flow-icon {
	width: 34px;
	height: 34px;
	border: 1px solid rgba(114, 213, 255, 0.45);
	border-radius: 50%;
	background: radial-gradient(circle, rgba(114, 213, 255, 0.32), rgba(114, 213, 255, 0.04) 64%, transparent 65%);
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.22);
}

.process-flow-card:nth-child(2n) .process-flow-icon {
	border-color: rgba(255, 46, 203, 0.45);
	background: radial-gradient(circle, rgba(255, 46, 203, 0.3), rgba(255, 46, 203, 0.04) 64%, transparent 65%);
	box-shadow: 0 0 18px rgba(255, 46, 203, 0.22);
}

.process-flow-card h3 {
	position: relative;
	z-index: 1;
	margin-bottom: 8px;
	font-family: var(--font-accent);
	font-size: 1.16rem;
}

.process-flow-card p {
	position: relative;
	z-index: 1;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.9rem;
	line-height: 1.45;
}

.process-status-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.process-status-strip span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 8px 10px;
	background: rgba(0, 0, 0, 0.42);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.8rem;
	font-weight: 700;
	text-align: center;
}

.process-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.process-step-card {
	position: relative;
	overflow: hidden;
	min-height: 210px;
	background: linear-gradient(145deg, rgba(255, 46, 203, 0.1), rgba(114, 213, 255, 0.07), rgba(255, 255, 255, 0.02));
}

.process-step-card::before {
	position: absolute;
	right: -34px;
	bottom: 26px;
	width: 130px;
	height: 130px;
	border: 2px solid rgba(255, 46, 203, 0.2);
	border-radius: 50%;
	box-shadow: 0 0 30px rgba(255, 46, 203, 0.14);
	content: "";
}

.process-step-card > * {
	position: relative;
	z-index: 1;
}

.process-step-card h3 {
	font-family: var(--font-accent);
}

.process-step-card p {
	margin-bottom: 0;
}

.portfolio-grid,
.product-grid,
.article-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.portfolio-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.product-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.product-pagination {
	display: grid;
	gap: 14px;
	margin-top: 30px;
	padding: 16px;
	border: 1px solid rgba(114, 213, 255, 0.18);
	border-radius: 8px;
	background: linear-gradient(135deg, rgba(114, 213, 255, 0.055), rgba(255, 46, 203, 0.045));
	box-shadow: 0 0 24px rgba(114, 213, 255, 0.08), 0 18px 42px rgba(0, 0, 0, 0.28);
}

.product-pagination-summary {
	margin: 0;
	color: rgba(255, 255, 255, 0.66);
	font-family: var(--font-ui);
	font-size: 0.9rem;
	text-align: center;
}

.product-pagination-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.product-pagination-link,
.product-pagination-gap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	padding: 9px 13px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	color: rgba(255, 255, 255, 0.82);
	font-family: var(--font-ui);
	font-size: 0.86rem;
	font-weight: 500;
	line-height: 1;
}

.product-pagination-link {
	background: rgba(0, 0, 0, 0.32);
	transition: border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}

.product-pagination-link:hover,
.product-pagination-link:focus-visible {
	border-color: rgba(114, 213, 255, 0.58);
	color: #fff;
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.2), 0 0 26px rgba(255, 46, 203, 0.12);
	outline: none;
	transform: translateY(-1px);
}

.product-pagination-current {
	border-color: rgba(255, 46, 203, 0.72);
	background: linear-gradient(135deg, rgba(255, 46, 203, 0.32), rgba(114, 213, 255, 0.2));
	color: #fff;
	box-shadow: 0 0 20px rgba(255, 46, 203, 0.2);
}

.product-pagination-step {
	min-width: 78px;
}

.product-pagination-disabled {
	opacity: 0.42;
	pointer-events: none;
}

.product-pagination-gap {
	border-color: transparent;
	background: transparent;
	color: rgba(255, 255, 255, 0.38);
}

.portfolio-card,
.product-card {
	overflow: hidden;
}

.article-card {
	overflow: hidden;
}

.article-card-media {
	display: block;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	background: var(--panel-strong);
}

.portfolio-card img,
.article-card-media img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center;
}

.product-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	background: linear-gradient(150deg, rgba(255, 255, 255, 0.055), rgba(114, 213, 255, 0.035) 48%, rgba(255, 46, 203, 0.04));
	border-color: rgba(255, 255, 255, 0.13);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
	isolation: isolate;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.product-card::before {
	position: absolute;
	inset: -1px;
	z-index: -1;
	background: radial-gradient(circle at 24% 6%, rgba(114, 213, 255, 0.16), transparent 34%),
		radial-gradient(circle at 86% 30%, rgba(255, 46, 203, 0.14), transparent 32%);
	border-radius: inherit;
	opacity: 0;
	transition: opacity 160ms ease;
	content: "";
	pointer-events: none;
}

.product-card:hover,
.product-card:focus-within {
	border-color: rgba(9, 231, 255, 0.45);
	box-shadow: 0 0 24px rgba(114, 213, 255, 0.16), 0 0 42px rgba(255, 46, 203, 0.08), 0 20px 54px rgba(0, 0, 0, 0.42);
	transform: translateY(-2px);
}

.product-card:hover::before,
.product-card:focus-within::before {
	opacity: 1;
}

.product-card-media {
	position: relative;
	overflow: hidden;
	display: block;
	background: #050608;
	border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}

.product-card-media::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 56%, rgba(0, 0, 0, 0.46));
	content: "";
	pointer-events: none;
}

.product-card-media img {
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	opacity: 0.9;
	transition: opacity 180ms ease, transform 180ms ease;
}

.product-card:hover .product-card-media img,
.product-card:focus-within .product-card-media img {
	opacity: 1;
	transform: scale(1.035);
}

.product-card-thumbs {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 6px;
	padding: 10px 12px 0;
}

.product-card-thumb {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	padding: 0;
	aspect-ratio: 1 / 1;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.04);
	box-shadow: 0 0 12px rgba(114, 213, 255, 0.08);
	cursor: pointer;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.product-card-thumb-active,
.product-card-thumb:first-child {
	border-color: rgba(114, 213, 255, 0.42);
	box-shadow: 0 0 14px rgba(114, 213, 255, 0.12);
}

.product-card-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.74;
	transition: opacity 160ms ease, transform 160ms ease;
}

.product-card-thumb:focus,
.product-card-thumb:hover {
	border-color: rgba(114, 213, 255, 0.72);
	box-shadow: 0 0 16px rgba(114, 213, 255, 0.22);
	transform: translateY(-1px);
}

.product-card-thumb-active img,
.product-card-thumb:focus img,
.product-card-thumb:hover img {
	opacity: 1;
	transform: scale(1.05);
}

.portfolio-card-body,
.product-card-body,
.article-card-body {
	padding: 18px;
}

.idea-section {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(300px, 0.68fr) minmax(0, 1.08fr);
	gap: 42px;
	align-items: center;
	padding: 80px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	scroll-margin-top: 96px;
}

.idea-section::before {
	position: absolute;
	top: 54px;
	right: 6%;
	width: min(360px, 42vw);
	height: min(360px, 42vw);
	border: 1px solid rgba(255, 46, 203, 0.22);
	border-radius: 50%;
	box-shadow: 0 0 70px rgba(255, 46, 203, 0.08);
	content: "";
	opacity: 0.45;
	pointer-events: none;
}

.idea-copy {
	position: relative;
	z-index: 2;
	display: grid;
	align-content: center;
	gap: 20px;
	max-width: 600px;
}

.idea-copy h2,
.idea-copy p {
	margin-bottom: 0;
}

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

.idea-input-grid span {
	display: inline-flex;
	align-items: center;
	min-height: 46px;
	padding: 10px 13px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 8px;
	color: rgba(255, 255, 255, 0.84);
	font-family: var(--font-ui);
	font-size: 0.86rem;
	font-weight: 500;
	box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.025);
}

.idea-input-grid span::before {
	width: 7px;
	height: 7px;
	margin-right: 9px;
	border-radius: 50%;
	background: var(--pink);
	box-shadow: 0 0 12px rgba(255, 46, 203, 0.72);
	content: "";
}

.idea-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 4px;
}

.idea-actions .button {
	width: fit-content;
}

.idea-studio {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(280px, 0.82fr);
	gap: 18px;
	min-height: 450px;
	padding: 20px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 8px;
	background:
		radial-gradient(circle at 18% 18%, rgba(255, 46, 203, 0.18), transparent 32%),
		radial-gradient(circle at 86% 18%, rgba(114, 213, 255, 0.14), transparent 30%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(5, 6, 8, 0.96));
	box-shadow: 0 0 64px rgba(255, 46, 203, 0.13), 0 30px 74px rgba(0, 0, 0, 0.46);
}

.idea-studio::before {
	position: absolute;
	inset: 18px;
	border: 1px solid rgba(114, 213, 255, 0.18);
	border-radius: 8px;
	content: "";
	pointer-events: none;
}

.idea-studio::after {
	position: absolute;
	top: 50%;
	right: 28px;
	left: 28px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 46, 203, 0.7), rgba(114, 213, 255, 0.72), transparent);
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.34);
	content: "";
	opacity: 0.45;
	pointer-events: none;
}

.idea-studio-visual {
	position: relative;
	z-index: 1;
	overflow: hidden;
	min-height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 8px;
	background: #050608;
	box-shadow: 0 0 26px rgba(114, 213, 255, 0.12), 0 20px 46px rgba(0, 0, 0, 0.36);
}

.idea-studio-visual img {
	width: 100%;
	height: 100%;
	min-height: 410px;
	object-fit: cover;
	object-position: center;
	opacity: 0.86;
}

.idea-studio-visual::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.36) 70%, rgba(0, 0, 0, 0.72));
	content: "";
	pointer-events: none;
}

.idea-visual-note {
	position: absolute;
	right: 18px;
	bottom: 18px;
	left: 18px;
	z-index: 2;
	display: grid;
	gap: 8px;
	padding: 16px;
	background: rgba(0, 0, 0, 0.62);
	border: 1px solid rgba(255, 46, 203, 0.26);
	border-radius: 8px;
	backdrop-filter: blur(12px);
	box-shadow: 0 0 22px rgba(255, 46, 203, 0.16);
}

.idea-visual-note span {
	color: var(--pink);
	font-family: var(--font-ui);
	font-size: 0.78rem;
	font-weight: 600;
	text-transform: uppercase;
}

.idea-visual-note strong {
	color: #fff;
	font-family: var(--font-accent);
	font-size: clamp(1.45rem, 2.1vw, 2.1rem);
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 0 16px rgba(255, 255, 255, 0.42), 0 0 28px rgba(255, 46, 203, 0.38);
}

.idea-studio-panel {
	position: relative;
	z-index: 1;
	display: grid;
	align-content: stretch;
	gap: 18px;
	padding: 24px;
	background: rgba(0, 0, 0, 0.62);
	border: 1px solid rgba(114, 213, 255, 0.22);
	border-radius: 8px;
	backdrop-filter: blur(12px);
	box-shadow: inset 0 0 34px rgba(114, 213, 255, 0.05);
}

.idea-panel-head {
	display: grid;
	gap: 6px;
}

.idea-panel-head span {
	color: var(--cyan);
	font-family: var(--font-ui);
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 0 0 14px rgba(114, 213, 255, 0.38);
}

.idea-panel-head strong {
	color: #fff;
	font-family: var(--font-accent);
	font-size: clamp(1.45rem, 2.4vw, 2.25rem);
	line-height: 1.08;
}

.idea-step-list {
	display: grid;
	gap: 12px;
}

.idea-step-list div {
	position: relative;
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	min-height: 74px;
	padding: 12px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02));
}

.idea-step-list div::after {
	position: absolute;
	right: 12px;
	bottom: -4px;
	color: rgba(255, 255, 255, 0.05);
	font-family: var(--font-accent);
	font-size: 4.4rem;
	font-weight: 900;
	line-height: 1;
	content: attr(data-step);
	pointer-events: none;
}

.idea-step-list span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid rgba(255, 46, 203, 0.52);
	border-radius: 8px;
	color: var(--pink);
	font-family: var(--font-ui);
	font-size: 0.88rem;
	font-weight: 800;
	box-shadow: 0 0 18px rgba(255, 46, 203, 0.22);
}

.idea-step-list p {
	position: relative;
	z-index: 2;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.76);
	font-size: 0.9rem;
	line-height: 1.45;
}

.idea-result-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: auto;
}

.idea-result-strip span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 8px 10px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	color: rgba(255, 255, 255, 0.78);
	font-family: var(--font-ui);
	font-size: 0.76rem;
	font-weight: 500;
	text-align: center;
}

.testimonial-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.faq-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.testimonial-card {
	display: grid;
	grid-template-columns: 170px minmax(0, 1fr);
	position: relative;
	overflow: hidden;
	align-content: stretch;
	padding: 0;
	background: linear-gradient(145deg, rgba(255, 46, 203, 0.1), rgba(114, 213, 255, 0.06), rgba(255, 255, 255, 0.02));
}

.testimonial-card::after {
	position: absolute;
	right: -38px;
	bottom: -46px;
	width: 104px;
	height: 104px;
	border: 1px solid rgba(255, 46, 203, 0.32);
	border-radius: 50%;
	box-shadow: 0 0 28px rgba(255, 46, 203, 0.14);
	content: "";
}

.testimonial-media {
	position: relative;
	z-index: 1;
	min-height: 100%;
	overflow: hidden;
	background: #050608;
	border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.testimonial-media img {
	width: 100%;
	height: 100%;
	min-height: 0;
	aspect-ratio: auto;
	object-fit: cover;
	opacity: 0.86;
	transition: opacity 180ms ease, transform 180ms ease;
}

.testimonial-card:hover .testimonial-media img {
	opacity: 1;
	transform: scale(1.035);
}

.testimonial-media span {
	position: absolute;
	right: 10px;
	bottom: 10px;
	left: 10px;
	display: inline-flex;
	align-items: center;
	width: fit-content;
	max-width: calc(100% - 20px);
	min-height: 28px;
	padding: 5px 9px;
	background: rgba(0, 0, 0, 0.72);
	border: 1px solid rgba(114, 213, 255, 0.32);
	border-radius: 999px;
	color: #fff;
	font-family: var(--font-ui);
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.1;
	box-shadow: 0 0 22px rgba(114, 213, 255, 0.16), 0 0 24px rgba(255, 46, 203, 0.12);
	backdrop-filter: blur(10px);
}

.testimonial-content {
	position: relative;
	z-index: 1;
	display: grid;
	overflow: hidden;
	gap: 10px;
	align-content: space-between;
	min-height: 0;
	padding: 16px 18px 14px;
}

.reviews-summary {
	display: grid;
	gap: 10px;
	justify-items: start;
}

.reviews-summary p {
	max-width: 420px;
	margin-bottom: 0;
	font-size: 0.92rem;
	line-height: 1.42;
}

.reviews-summary a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 0 16px;
	border: 1px solid rgba(114, 213, 255, 0.34);
	border-radius: 999px;
	color: var(--cyan);
	font-family: var(--font-ui);
	font-size: 0.86rem;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.12);
	transition: border-color 180ms ease, box-shadow 180ms ease, color 180ms ease;
}

.reviews-summary a:hover,
.reviews-summary a:focus-visible {
	border-color: rgba(255, 46, 203, 0.62);
	color: #fff;
	box-shadow: 0 0 22px rgba(255, 46, 203, 0.22), 0 0 28px rgba(114, 213, 255, 0.14);
}

.testimonial-author {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.testimonial-rating {
	position: absolute;
	top: 8px;
	right: 14px;
	z-index: 0;
	display: grid;
	justify-items: end;
	pointer-events: none;
}

.testimonial-rating span:first-child {
	color: rgba(255, 46, 203, 0.13);
	font-family: var(--font-accent);
	font-size: clamp(3.1rem, 5.5vw, 4.6rem);
	font-weight: 900;
	line-height: 0.78;
	text-shadow: 0 0 24px rgba(255, 46, 203, 0.18), 0 0 36px rgba(114, 213, 255, 0.07);
	-webkit-text-stroke: 1px rgba(255, 46, 203, 0.2);
}

.testimonial-rating span:last-child,
.testimonial-author span {
	color: rgba(255, 255, 255, 0.58);
	font-family: var(--font-ui);
	font-size: 0.85rem;
}

.testimonial-rating span:last-child {
	max-width: 90px;
	margin-top: 2px;
	color: rgba(114, 213, 255, 0.36);
	font-size: 0.68rem;
	font-weight: 700;
	text-align: right;
	text-shadow: 0 0 14px rgba(114, 213, 255, 0.22);
}

.testimonial-card p {
	position: relative;
	z-index: 1;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.86);
	font-size: 0.9rem;
	line-height: 1.42;
}

.testimonial-author {
	position: relative;
	z-index: 1;
}

.testimonial-card strong {
	color: var(--cyan);
	font-family: var(--font-accent);
	font-size: 0.9rem;
	text-shadow: 0 0 12px rgba(114, 213, 255, 0.34);
}

.faq-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.faq-card {
	position: relative;
	overflow: hidden;
	display: grid;
	gap: 12px;
	min-height: 190px;
	padding: 28px 28px 24px;
	background: radial-gradient(circle at 100% 0, rgba(114, 213, 255, 0.16), transparent 34%), radial-gradient(circle at 0 100%, rgba(255, 46, 203, 0.12), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(5, 6, 8, 0.94));
}

.faq-card::before {
	position: absolute;
	right: 18px;
	bottom: -36px;
	z-index: 0;
	color: rgba(114, 213, 255, 0.1);
	font-family: var(--font-accent);
	font-size: 9rem;
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 0 28px rgba(114, 213, 255, 0.22);
	content: "?";
	pointer-events: none;
}

.faq-card::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, var(--pink), var(--cyan), transparent 82%);
	box-shadow: 0 0 18px rgba(255, 46, 203, 0.4), 0 0 22px rgba(114, 213, 255, 0.24);
	content: "";
}

.faq-card h3,
.faq-card p {
	position: relative;
	z-index: 1;
	margin-bottom: 0;
}

.faq-card h3 {
	max-width: 86%;
	color: #fff;
	font-family: var(--font-accent);
	font-size: clamp(1.05rem, 1.8vw, 1.35rem);
	line-height: 1.24;
	text-shadow: 0 0 16px rgba(255, 255, 255, 0.18);
}

.faq-card p {
	color: rgba(255, 255, 255, 0.74);
	font-size: 0.98rem;
	line-height: 1.62;
}

.faq-card:hover::before {
	color: rgba(255, 46, 203, 0.13);
	text-shadow: 0 0 30px rgba(255, 46, 203, 0.28);
}

.final-request {
	scroll-margin-top: 96px;
}

.product-card-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 11px;
	padding: 16px;
}

.product-card-body h3,
.product-card-body p {
	margin-bottom: 0;
}

.product-card-body h3 {
	display: -webkit-box;
	overflow: hidden;
	color: #fff;
	font-family: var(--font-accent);
	font-size: 1.02rem;
	line-height: 1.24;
	text-shadow: 0 0 14px rgba(255, 255, 255, 0.16);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.product-card-body h3 a {
	color: inherit;
}

.product-card-sku {
	display: inline-flex !important;
	width: fit-content;
	max-width: 100%;
	padding: 3px 8px;
	color: var(--cyan) !important;
	background: rgba(114, 213, 255, 0.08);
	border: 1px solid rgba(114, 213, 255, 0.28);
	border-radius: 999px;
	box-shadow: 0 0 14px rgba(114, 213, 255, 0.14);
	font-family: var(--font-ui);
	font-size: 0.8rem !important;
	line-height: 1.35 !important;
	-webkit-line-clamp: 1 !important;
}

.product-card-body > p {
	display: -webkit-box;
	overflow: hidden;
	color: rgba(255, 255, 255, 0.68);
	font-size: 0.86rem;
	line-height: 1.44;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.product-card-topline {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 7px;
	align-items: center;
	font-size: 0.75rem;
	font-weight: 800;
}

.product-card-status,
.product-card-category {
	display: inline-flex;
	align-items: center;
	min-height: 27px;
	padding: 5px 9px;
	border-radius: 999px;
}

.product-card-status {
	position: relative;
	padding-left: 20px;
	background: rgba(114, 213, 255, 0.12);
	border: 1px solid rgba(114, 213, 255, 0.28);
	color: #fff;
	box-shadow: 0 0 14px rgba(114, 213, 255, 0.12);
}

.product-card-status::before {
	position: absolute;
	left: 9px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--cyan);
	box-shadow: 0 0 10px rgba(114, 213, 255, 0.78);
	content: "";
}

.product-card-category {
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.11);
	color: rgba(255, 255, 255, 0.62);
}

.product-specs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-specs li {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	min-height: 28px;
	padding: 6px 9px;
	background: rgba(0, 0, 0, 0.28);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.75rem;
	line-height: 1.15;
}

.product-specs li::before {
	display: none;
}

.product-card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: auto;
	padding-top: 4px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.product-price-box {
	position: relative;
	display: grid;
	gap: 2px;
	min-width: 0;
}

.product-price-box::after {
	position: absolute;
	right: -10px;
	bottom: -8px;
	left: -10px;
	z-index: 0;
	height: 24px;
	background: linear-gradient(90deg, rgba(255, 46, 203, 0.2), rgba(114, 213, 255, 0.16));
	border-radius: 999px;
	filter: blur(11px);
	opacity: 0.72;
	content: "";
	pointer-events: none;
}

.product-price-box span {
	position: relative;
	z-index: 1;
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.72rem;
	line-height: 1;
}

.product-price {
	position: relative;
	z-index: 1;
	margin-bottom: 0;
	background: linear-gradient(90deg, var(--pink), var(--cyan));
	background-clip: text;
	color: transparent;
	filter: drop-shadow(0 0 6px rgba(255, 46, 203, 0.48)) drop-shadow(0 0 10px rgba(114, 213, 255, 0.3));
	font-family: var(--font-ui);
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.15;
	text-shadow: none;
	white-space: nowrap;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.product-price * {
	background: linear-gradient(90deg, var(--pink), var(--cyan));
	background-clip: text;
	color: transparent;
	filter: drop-shadow(0 0 5px rgba(255, 46, 203, 0.42)) drop-shadow(0 0 9px rgba(114, 213, 255, 0.26));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.product-buy-button {
	min-height: 40px;
	padding: 9px 13px;
	border-color: var(--cyan);
	background: rgba(7, 16, 20, 0.92);
	box-shadow: 0 0 18px rgba(9, 231, 255, 0.16);
	font-size: 0.84rem;
}

.product-card-compact .product-specs {
	display: none;
}

.product-detail {
	padding: 54px 0 72px;
	scroll-margin-top: 96px;
}

.product-detail-card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(360px, 0.86fr) minmax(0, 1fr);
	gap: 34px;
	align-items: stretch;
	padding: 22px;
	background: radial-gradient(circle at 18% 12%, rgba(114, 213, 255, 0.16), transparent 34%),
		radial-gradient(circle at 92% 16%, rgba(255, 46, 203, 0.14), transparent 32%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(5, 6, 8, 0.96));
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 8px;
	box-shadow: 0 30px 70px rgba(0, 0, 0, 0.42);
}

.product-detail-media-column {
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-height: 100%;
}

.product-gallery-shell {
	display: grid;
	gap: 10px;
}

.product-detail-gallery {
	position: relative;
	align-self: start;
	width: 100%;
	overflow: hidden;
	aspect-ratio: 3 / 4;
	max-height: none;
	min-height: 0;
	background: transparent;
	border: 0;
	border-radius: 8px;
	box-shadow: none;
}

.product-detail-gallery::after {
	display: none;
}

.product-detail-gallery img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: cover;
	object-position: center;
	background: transparent;
}

.product-detail-thumbs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
	gap: 8px;
}

.product-detail-thumb {
	overflow: hidden;
	width: 100%;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.04);
	box-shadow: 0 0 14px rgba(114, 213, 255, 0.1);
	cursor: pointer;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.product-detail-thumb img,
.product-detail-thumbs > img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	opacity: 0.72;
	transition: opacity 160ms ease, transform 160ms ease;
}

.product-detail-thumb-active,
.product-detail-thumb:focus,
.product-detail-thumb:hover {
	border-color: rgba(114, 213, 255, 0.72);
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.24);
	transform: translateY(-1px);
}

.product-detail-thumb-active img,
.product-detail-thumb:focus img,
.product-detail-thumb:hover img {
	opacity: 1;
	transform: scale(1.04);
}

.product-detail-photo-caption {
	position: absolute;
	right: 18px;
	bottom: 18px;
	left: 18px;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 12px 14px;
	background: rgba(0, 0, 0, 0.72);
	border: 1px solid rgba(114, 213, 255, 0.28);
	border-radius: 8px;
	backdrop-filter: blur(12px);
}

.product-detail-photo-caption span {
	color: rgba(255, 255, 255, 0.68);
	font-size: 0.86rem;
}

.product-detail-photo-caption strong {
	color: var(--cyan);
	font-family: var(--font-accent);
	text-shadow: 0 0 14px rgba(114, 213, 255, 0.42);
}

.product-detail-side-panels {
	display: grid;
	flex: 1;
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.product-detail-side-panels section {
	display: grid;
	align-content: start;
	padding: 16px;
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	box-shadow: inset 0 0 24px rgba(114, 213, 255, 0.045);
}

.product-detail-side-panels h2 {
	margin-bottom: 12px;
	font-size: 1.05rem;
}

.product-detail-info {
	display: grid;
	align-content: start;
	gap: 18px;
	padding: 10px 6px 10px 0;
}

.product-detail-topline {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.product-detail-info h1 {
	margin-bottom: 0;
	font-size: clamp(2rem, 4vw, 3.35rem);
}

.product-detail-lead {
	max-width: 680px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.76);
	font-size: 1.04rem;
}

.product-detail-sku {
	margin: -8px 0 0;
	width: fit-content;
	padding: 5px 10px;
	color: var(--cyan);
	background: rgba(114, 213, 255, 0.08);
	border: 1px solid rgba(114, 213, 255, 0.3);
	border-radius: 999px;
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.14);
	font-family: var(--font-ui);
	font-size: 0.9rem;
	line-height: 1.4;
}

.product-detail-description {
	max-width: 760px;
	padding: 18px;
	background:
		linear-gradient(135deg, rgba(255, 46, 203, 0.08), rgba(114, 213, 255, 0.045)),
		rgba(255, 255, 255, 0.042);
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 8px;
	box-shadow: inset 0 0 28px rgba(255, 46, 203, 0.045);
}

.product-detail-description h2 {
	margin-bottom: 12px;
	font-size: 1.12rem;
}

.product-detail-description p {
	margin-bottom: 12px;
	color: rgba(255, 255, 255, 0.78);
	font-size: 0.98rem;
	line-height: 1.62;
}

.product-detail-description p:last-child {
	margin-bottom: 0;
}

.product-detail-price-panel {
	display: grid;
	grid-template-columns: minmax(190px, 0.7fr) minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	padding: 18px;
	background: rgba(0, 0, 0, 0.34);
	border: 1px solid rgba(255, 46, 203, 0.26);
	border-radius: 8px;
	box-shadow: 0 0 26px rgba(255, 46, 203, 0.1);
}

.product-detail-price-panel span {
	display: block;
	margin-bottom: 4px;
	color: rgba(255, 255, 255, 0.52);
	font-size: 0.86rem;
}

.product-detail-price-panel strong {
	display: block;
	color: var(--pink);
	font-family: var(--font-ui);
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.1;
	text-shadow: 0 0 16px rgba(255, 46, 203, 0.42);
}

.product-detail-price-panel p {
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.94rem;
	line-height: 1.5;
}

.product-detail-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.product-detail-panels {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.product-detail-panels section {
	padding: 16px;
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
}

.product-detail-panels h2 {
	margin-bottom: 12px;
	font-size: 1.05rem;
}

.product-detail-specs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-detail-specs li {
	display: inline-flex;
	align-items: center;
	min-height: 31px;
	padding: 7px 10px;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 999px;
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.82rem;
}

.cart-section {
	padding-top: 0;
}

.cart-panel {
	padding: 22px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(5, 6, 8, 0.95));
	box-shadow: 0 18px 56px rgba(0, 0, 0, 0.38);
}

.cart-panel .woocommerce {
	color: var(--text);
	font-weight: 400;
}

.cart-panel .woocommerce-notices-wrapper,
.cart-panel .woocommerce-message,
.cart-panel .woocommerce-info,
.cart-panel .woocommerce-error {
	margin-bottom: 16px;
}

.cart-panel .woocommerce-message,
.cart-panel .woocommerce-info,
.cart-panel .woocommerce-error {
	padding: 14px 16px;
	border: 1px solid rgba(114, 213, 255, 0.26);
	border-radius: 8px;
	background: rgba(114, 213, 255, 0.08);
	color: rgba(255, 255, 255, 0.88);
}

.cart-panel table.shop_table {
	width: 100%;
	border: 0;
	border-collapse: separate;
	border-spacing: 0 10px;
}

.cart-panel table.shop_table th {
	padding: 0 14px 8px;
	color: var(--cyan);
	font-family: var(--font-ui);
	font-size: 0.78rem;
	font-weight: 500;
	text-align: left;
	text-transform: uppercase;
}

.cart-panel table.shop_table td {
	padding: 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.045);
	vertical-align: middle;
}

.cart-panel table.shop_table td:first-child {
	border-left: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px 0 0 8px;
}

.cart-panel table.shop_table td:last-child {
	border-right: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 0 8px 8px 0;
}

.cart-panel .product-thumbnail img,
.cart-panel .wc-block-cart-item__image img,
.cart-panel .neonox-cart-thumbnail {
	width: 112px !important;
	height: 112px !important;
	padding: 4px;
	border: 1px solid rgba(114, 213, 255, 0.18);
	border-radius: 8px;
	object-fit: contain;
	background: rgba(255, 255, 255, 0.035);
	box-shadow: 0 0 12px rgba(114, 213, 255, 0.08);
}

.cart-panel .product-name a,
.cart-panel .wc-block-components-product-name {
	color: #fff;
	font-family: var(--font-ui);
	font-weight: 500;
}

.cart-panel .product-price,
.cart-panel .product-subtotal,
.cart-panel .cart-subtotal,
.cart-panel .order-total,
.cart-panel .wc-block-formatted-money-amount {
	color: var(--cyan);
	font-weight: 500;
}

.cart-panel .product-price .woocommerce-Price-amount,
.cart-panel .product-price .woocommerce-Price-amount *,
.cart-panel .product-subtotal .woocommerce-Price-amount,
.cart-panel .product-subtotal .woocommerce-Price-amount *,
.cart-panel .cart-subtotal .woocommerce-Price-amount,
.cart-panel .cart-subtotal .woocommerce-Price-amount *,
.cart-panel .order-total .woocommerce-Price-amount,
.cart-panel .order-total .woocommerce-Price-amount *,
.cart-panel .wc-block-formatted-money-amount {
	background: none;
	color: var(--cyan);
	filter: drop-shadow(0 0 2px rgba(114, 213, 255, 0.16));
	text-shadow: none;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: var(--cyan);
}

.cart-panel .quantity input,
.cart-panel .input-text.qty {
	width: 76px;
	min-height: 40px;
	border: 1px solid rgba(114, 213, 255, 0.28);
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.46);
	color: #fff;
	text-align: center;
}

.cart-panel .coupon {
	display: none !important;
}

.cart-panel button[name="update_cart"],
.cart-panel .actions button[name="update_cart"] {
	display: none !important;
}

.cart-panel .coupon input,
.cart-panel .input-text,
.cart-panel .wc-block-components-text-input input {
	min-height: 42px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
}

.cart-panel button.button,
.cart-panel a.button,
.cart-panel .checkout-button,
.cart-panel .wc-block-cart__submit-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 11px 18px;
	border: 1px solid var(--cyan);
	border-radius: 8px;
	background: var(--cyan);
	color: #000;
	font-family: var(--font-ui);
	font-weight: 500;
	box-shadow: 0 0 20px rgba(114, 213, 255, 0.35);
}

.cart-panel a.remove,
.cart-panel .wc-block-cart-item__remove-link {
	color: var(--pink) !important;
	font-weight: 500;
}

.cart-panel .cart-collaterals,
.cart-panel .cart_totals,
.cart-panel .wc-block-cart__totals-title,
.cart-panel .wc-block-cart__sidebar {
	color: var(--text);
}

.cart-panel .cart_totals {
	width: min(100%, 420px);
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.32);
	font-weight: 400;
}

.cart-panel .cart_totals h2,
.cart-panel .cart_totals th,
.cart-panel .cart_totals strong,
.cart-panel .woocommerce-shipping-totals th,
.cart-panel .wc-block-cart__totals-title,
.cart-panel .wc-block-components-totals-item__label,
.cart-panel .wc-block-components-totals-item__value {
	font-weight: 500;
}

.cart-panel .wc-block-components-totals-coupon,
.cart-panel .wc-block-components-panel.has-border.wc-block-components-totals-coupon {
	display: none !important;
}

.cart-panel .wc-block-cart-items__row {
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.checkout-section,
.checkout-methods-section {
	padding-top: 0;
}

.checkout-payment-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.checkout-payment-card {
	position: relative;
	overflow: hidden;
	min-height: 230px;
	padding: 22px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(5, 6, 8, 0.95));
	box-shadow: 0 18px 56px rgba(0, 0, 0, 0.34);
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.checkout-payment-card::before {
	position: absolute;
	right: 14px;
	bottom: -22px;
	color: rgba(255, 255, 255, 0.055);
	content: attr(data-step);
	font-family: var(--font-accent);
	font-size: clamp(5rem, 11vw, 8.8rem);
	font-weight: 900;
	line-height: 0.82;
	pointer-events: none;
	text-shadow: 0 0 24px rgba(114, 213, 255, 0.12);
}

.checkout-payment-card:hover {
	border-color: rgba(114, 213, 255, 0.46);
	box-shadow: 0 0 22px rgba(114, 213, 255, 0.16), 0 0 36px rgba(255, 46, 203, 0.08), 0 20px 54px rgba(0, 0, 0, 0.4);
	transform: translateY(-2px);
}

.checkout-payment-card h3,
.checkout-payment-card p,
.checkout-payment-icon {
	position: relative;
	z-index: 1;
}

.checkout-payment-card h3 {
	margin-top: 18px;
	color: #fff;
	font-family: var(--font-accent);
	font-size: 1.08rem;
}

.checkout-payment-card p {
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.92rem;
	line-height: 1.55;
}

.checkout-payment-icon {
	display: inline-block;
	width: 54px;
	height: 54px;
	border: 1px solid rgba(114, 213, 255, 0.42);
	border-radius: 8px;
	background: rgba(114, 213, 255, 0.08);
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.18), inset 0 0 16px rgba(255, 46, 203, 0.08);
}

.checkout-payment-icon::before,
.checkout-payment-icon::after {
	position: absolute;
	content: "";
}

.checkout-payment-icon-card::before {
	inset: 15px 10px;
	border: 2px solid var(--cyan);
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(114, 213, 255, 0.36);
}

.checkout-payment-icon-card::after {
	right: 16px;
	bottom: 18px;
	width: 14px;
	height: 2px;
	border-radius: 999px;
	background: var(--pink);
	box-shadow: 0 0 10px rgba(255, 46, 203, 0.5);
}

.checkout-payment-icon-invoice::before {
	inset: 11px 14px 10px;
	border: 2px solid var(--cyan);
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(114, 213, 255, 0.34);
}

.checkout-payment-icon-invoice::after {
	top: 22px;
	left: 20px;
	width: 16px;
	height: 12px;
	border-top: 2px solid var(--pink);
	border-bottom: 2px solid var(--pink);
	box-shadow: 0 -7px 0 -5px var(--pink), 0 0 10px rgba(255, 46, 203, 0.36);
}

.checkout-payment-icon-transfer::before {
	top: 19px;
	left: 13px;
	width: 26px;
	height: 14px;
	border-top: 2px solid var(--cyan);
	border-bottom: 2px solid var(--pink);
	box-shadow: 0 0 10px rgba(114, 213, 255, 0.28);
}

.checkout-payment-icon-transfer::after {
	top: 15px;
	right: 12px;
	width: 9px;
	height: 9px;
	border-top: 2px solid var(--cyan);
	border-right: 2px solid var(--cyan);
	transform: rotate(45deg);
	filter: drop-shadow(0 0 8px rgba(114, 213, 255, 0.42));
}

.checkout-panel {
	font-weight: 400;
}

.checkout-panel form.checkout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.58fr);
	grid-template-areas:
		"customer order-summary";
	gap: 22px;
	align-items: start;
}

.checkout-panel form.checkout > .woocommerce-NoticeGroup {
	grid-column: 1 / -1;
}

.checkout-panel #customer_details {
	grid-area: customer;
	display: grid;
	gap: 14px;
}

.checkout-panel #order_review_heading {
	position: relative;
	z-index: 2;
	grid-area: order-summary;
	margin: 0;
	padding: 18px 18px 0;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-bottom: 0;
	border-radius: 8px 8px 0 0;
	background: rgba(0, 0, 0, 0.32);
	font-family: var(--font-accent);
	font-size: 1.1rem;
}

.checkout-panel #order_review {
	grid-area: order-summary;
	margin-top: 40px;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 0 0 8px 8px;
	background: rgba(0, 0, 0, 0.32);
}

.checkout-panel .col2-set {
	display: grid;
	gap: 14px;
	width: 100% !important;
	float: none !important;
}

.checkout-panel .col2-set .col-1,
.checkout-panel .col2-set .col-2 {
	width: 100% !important;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.32);
	float: none !important;
}

.checkout-panel h3 {
	color: #fff;
	font-family: var(--font-accent);
	font-size: 1.08rem;
	font-weight: 700;
}

.checkout-panel label {
	color: rgba(255, 255, 255, 0.78);
	font-family: var(--font-ui);
	font-size: 0.86rem;
	font-weight: 500;
}

.checkout-panel .form-row {
	margin-bottom: 12px;
}

.checkout-panel .input-text,
.checkout-panel select,
.checkout-panel textarea,
.checkout-panel .select2-container--default .select2-selection--single {
	min-height: 44px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
	font-family: var(--font-ui);
	font-weight: 400;
}

.checkout-panel textarea {
	min-height: 120px;
	padding: 12px;
}

.checkout-panel .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #fff;
	line-height: 44px;
}

.checkout-panel .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 44px;
}

.checkout-panel table.shop_table {
	border-spacing: 0 8px;
}

.checkout-panel #payment {
	border-radius: 8px;
	background: transparent;
}

.checkout-panel #payment ul.payment_methods {
	padding: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.checkout-panel #payment ul.payment_methods li {
	margin-bottom: 8px;
	padding: 12px;
	border: 1px solid rgba(114, 213, 255, 0.18);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.045);
	color: rgba(255, 255, 255, 0.82);
}

.checkout-panel #payment div.payment_box {
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.38);
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.9rem;
}

.checkout-panel #payment div.payment_box::before {
	border-bottom-color: rgba(0, 0, 0, 0.38);
}

.checkout-panel #place_order {
	width: 100%;
	margin-top: 12px;
	background: var(--cyan);
	color: #000;
	font-weight: 600;
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.3);
}

.article-card time {
	color: var(--green);
	font-size: 0.9rem;
	font-weight: 900;
}

.article-card h3 a:hover,
.text-link:hover {
	color: var(--pink);
}

.text-link {
	display: inline-flex;
	margin-top: 8px;
	color: var(--cyan);
	font-weight: 900;
}

.lead-section {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.78fr) minmax(420px, 1fr);
	gap: 26px;
	align-items: stretch;
	padding: 82px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.lead-section::before {
	position: absolute;
	top: 54px;
	right: 0;
	left: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 46, 203, 0.58), rgba(114, 213, 255, 0.58), transparent);
	box-shadow: 0 0 22px rgba(114, 213, 255, 0.26);
	content: "";
	pointer-events: none;
}

.lead-copy {
	position: relative;
	display: grid;
	align-content: center;
	gap: 16px;
	min-height: 100%;
	padding: 28px 20px 28px 0;
}

.lead-copy h2 {
	max-width: 720px;
	margin-bottom: 0;
}

.lead-copy-text {
	max-width: 620px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.74);
	font-size: 1.05rem;
}

.lead-benefits {
	display: grid;
	gap: 10px;
	max-width: 560px;
	margin-top: 8px;
}

.lead-benefits span {
	position: relative;
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	min-height: 56px;
	padding: 12px 76px 12px 14px;
	overflow: hidden;
	background:
		linear-gradient(90deg, rgba(255, 46, 203, 0.13), rgba(114, 213, 255, 0.07)),
		rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
}

.lead-benefits span::after {
	position: absolute;
	right: 18px;
	bottom: -8px;
	color: rgba(114, 213, 255, 0.12);
	font-family: var(--font-accent);
	font-size: 3.9rem;
	line-height: 1;
	content: attr(data-index);
	pointer-events: none;
}

.lead-benefits span:nth-child(1)::after {
	content: "01";
}

.lead-benefits span:nth-child(2)::after {
	content: "02";
}

.lead-benefits span:nth-child(3)::after {
	content: "03";
}

.lead-benefits b {
	position: relative;
	z-index: 1;
	color: var(--pink);
	font-family: var(--font-ui);
	font-size: 0.95rem;
	font-weight: 500;
	text-shadow: 0 0 14px rgba(255, 46, 203, 0.3);
}

.lead-benefits em {
	position: relative;
	z-index: 1;
	color: rgba(255, 255, 255, 0.74);
	font-style: normal;
	font-size: 0.95rem;
	line-height: 1.35;
}

.lead-form {
	position: relative;
	overflow: hidden;
	padding: 28px;
	background:
		linear-gradient(145deg, rgba(255, 46, 203, 0.11), transparent 34%),
		linear-gradient(320deg, rgba(114, 213, 255, 0.13), transparent 36%),
		rgba(4, 5, 8, 0.92);
	border-color: rgba(255, 255, 255, 0.16);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42), inset 0 0 34px rgba(114, 213, 255, 0.045);
	backdrop-filter: blur(12px);
}

.lead-form::before {
	position: absolute;
	top: 0;
	right: 18px;
	left: 18px;
	height: 2px;
	background: linear-gradient(90deg, var(--pink), var(--cyan));
	box-shadow: 0 0 24px rgba(114, 213, 255, 0.42);
	content: "";
}

.lead-form-head {
	display: grid;
	gap: 4px;
	margin-bottom: 18px;
}

.lead-form-head span {
	color: var(--cyan);
	font-family: var(--font-ui);
	font-size: 0.82rem;
	font-weight: 500;
	text-transform: uppercase;
	text-shadow: 0 0 14px rgba(114, 213, 255, 0.36);
}

.lead-form-head h3 {
	margin-bottom: 0;
	font-size: clamp(1.55rem, 2.4vw, 2.2rem);
	line-height: 1.05;
}

.form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.form-full {
	grid-column: 1 / -1;
}

.lead-form-trap {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.form-status {
	margin: 0 0 16px;
	padding: 12px 14px;
	border-radius: 8px;
	font-family: var(--font-ui);
	font-size: 0.92rem;
	line-height: 1.45;
}

.form-status-success {
	border: 1px solid rgba(114, 213, 255, 0.46);
	background: rgba(114, 213, 255, 0.12);
	color: #dff7ff;
	box-shadow: 0 0 22px rgba(114, 213, 255, 0.16);
}

.form-status-error {
	border: 1px solid rgba(255, 45, 190, 0.46);
	background: rgba(255, 45, 190, 0.12);
	color: #ffe5f7;
	box-shadow: 0 0 22px rgba(255, 45, 190, 0.16);
}

.lead-form label {
	display: grid;
	gap: 7px;
	color: var(--text);
	font-weight: 500;
}

.lead-form label span {
	color: rgba(255, 255, 255, 0.78);
	font-family: var(--font-ui);
	font-size: 0.88rem;
	font-weight: 500;
}

.lead-form input,
.lead-form textarea {
	width: 100%;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.42);
	color: var(--text);
	padding: 12px 13px;
	font-family: var(--font-ui);
	font-weight: 400;
	outline: none;
	box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.2);
	transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.lead-form input::placeholder,
.lead-form textarea::placeholder {
	font-weight: 400;
}

.lead-form textarea {
	min-height: 116px;
	resize: vertical;
}

.lead-form input:focus,
.lead-form textarea:focus {
	border-color: var(--cyan);
	background: rgba(0, 0, 0, 0.62);
	box-shadow: 0 0 0 3px rgba(9, 231, 255, 0.12), 0 0 22px rgba(114, 213, 255, 0.16);
}

.consent {
	display: flex !important;
	grid-template-columns: auto 1fr;
	align-items: flex-start;
	gap: 10px !important;
	margin: 16px 0 18px;
	color: var(--muted) !important;
	font-weight: 400 !important;
}

.consent input {
	width: auto;
	margin-top: 4px;
	accent-color: var(--pink);
}

.consent a {
	color: var(--cyan);
	text-decoration: none;
	border-bottom: 1px solid rgba(114, 213, 255, 0.45);
}

.consent a:hover,
.consent a:focus {
	color: #fff;
	border-bottom-color: var(--pink);
}

.lead-form-actions {
	display: flex;
	align-items: center;
	gap: 16px;
}

.lead-form-actions .button {
	flex: 0 0 auto;
	min-width: 210px;
}

.form-note {
	margin: 0;
	color: rgba(255, 255, 255, 0.62);
	font-size: 0.9rem;
	line-height: 1.45;
}

.calculator-section {
	padding: 76px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	scroll-margin-top: 96px;
}

.calculator-layout {
	display: grid;
	grid-template-columns: minmax(0, 0.72fr) minmax(520px, 1fr);
	gap: 34px;
	align-items: start;
}

.calculator-copy {
	position: sticky;
	top: 108px;
}

.calculator-copy h2 {
	max-width: 560px;
}

.calculator-panel {
	padding: 24px;
	background: var(--panel);
	border: 1px solid var(--line);
	border-radius: 8px;
	box-shadow: 0 18px 55px rgba(0, 0, 0, 0.36);
}

.calculator-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.calculator-field,
.calculator-group {
	display: grid;
	gap: 9px;
}

.calculator-field span,
.calculator-label {
	color: var(--text);
	font-size: 0.92rem;
	font-weight: 900;
}

.calculator-field input[type="number"],
.calculator-field select {
	width: 100%;
	min-height: 44px;
	padding: 11px 12px;
	background: #08090b;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	color: var(--text);
	outline: none;
}

.calculator-field input[type="number"]:focus,
.calculator-field select:focus {
	border-color: var(--cyan);
	box-shadow: 0 0 0 3px rgba(9, 231, 255, 0.16);
}

.calculator-field input[type="range"] {
	width: 100%;
	accent-color: var(--cyan);
}

.calculator-group,
.calculator-toggles,
.calculator-result {
	margin-top: 18px;
}

.calculator-options {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
}

.calculator-choice input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.calculator-choice span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 9px 10px;
	border: 1px solid var(--line);
	border-radius: 8px;
	color: var(--muted);
	font-weight: 900;
	text-align: center;
	transition: border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.calculator-choice input:checked + span {
	border-color: var(--cyan);
	color: var(--text);
	box-shadow: 0 0 18px rgba(9, 231, 255, 0.2);
}

.calculator-toggles {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.calculator-toggles label {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-height: 40px;
	padding: 9px 12px;
	border: 1px solid var(--line);
	border-radius: 8px;
	color: var(--text);
	font-weight: 900;
}

.calculator-toggles input {
	accent-color: var(--green);
}

.calculator-result {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(180px, 0.8fr);
	gap: 14px;
}

.calculator-result > div {
	padding: 16px;
	background: #08090b;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
}

.calculator-result span {
	display: block;
	margin-bottom: 8px;
	color: var(--muted);
	font-size: 0.9rem;
}

.calculator-result strong {
	display: block;
	color: var(--pink);
	font-family: var(--font-ui);
	font-size: 1.28rem;
	font-weight: 500;
	line-height: 1.2;
	text-shadow: 0 0 10px rgba(255, 46, 203, 0.3);
}

.calculator-submit {
	width: 100%;
	margin-top: 18px;
}

.footer {
	position: relative;
	overflow: hidden;
	padding: 66px 0 28px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	background: linear-gradient(180deg, #020203 0%, #000 100%);
}

.footer::before {
	position: absolute;
	top: -120px;
	left: 50%;
	width: min(720px, 80vw);
	height: 220px;
	background: radial-gradient(circle, rgba(114, 213, 255, 0.16), transparent 68%);
	transform: translateX(-50%);
	content: "";
	pointer-events: none;
}

.footer-main {
	position: relative;
	display: grid;
	grid-template-columns: minmax(280px, 0.92fr) minmax(0, 1.45fr);
	gap: 48px;
	align-items: start;
}

.footer-brand-block {
	display: grid;
	gap: 18px;
}

.footer-logo-link {
	display: inline-flex;
	width: fit-content;
}

.footer-logo {
	width: 176px;
	height: auto;
	filter: drop-shadow(0 0 14px rgba(255, 255, 255, 0.32));
}

.footer-brand-block p {
	max-width: 440px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.74);
}

.footer-highlights,
.footer-socials,
.market-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.footer-highlights span {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 8px 11px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.035);
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.88rem;
	font-weight: 700;
}

.footer-columns {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.footer-mobile-accordion {
	display: none;
}

.footer-column {
	display: grid;
	align-content: start;
	gap: 10px;
}

.footer-column h3 {
	margin-bottom: 4px;
	color: #fff;
	font-family: var(--font-accent);
	font-size: 1rem;
	font-weight: 900;
}

.footer-column a {
	color: rgba(255, 255, 255, 0.68);
	font-size: 0.94rem;
	line-height: 1.35;
	transition: color 160ms ease, text-shadow 160ms ease;
}

.footer-column a:hover,
.footer-column a:focus {
	color: var(--cyan);
	text-shadow: 0 0 14px rgba(114, 213, 255, 0.38);
}

.footer-contact-column > a {
	color: rgba(255, 255, 255, 0.76);
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.42;
}

.footer-contact-column > a:first-of-type {
	color: rgba(255, 255, 255, 0.9);
	font-weight: 600;
}

.footer-socials {
	align-items: center;
	gap: 8px;
	margin-top: 8px;
}

.footer-socials a,
.market-row a,
.tag {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 12px;
	border: 1px solid var(--line);
	border-radius: 8px;
	color: var(--text);
	transition: border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.messenger-link {
	border-color: rgba(114, 213, 255, 0.35) !important;
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.12);
}

.footer-socials .messenger-link,
.footer-mobile-socials .messenger-link {
	justify-content: center;
	width: 42px;
	height: 42px;
	min-height: 42px;
	padding: 0;
	border-radius: 10px;
	background: rgba(4, 10, 14, 0.78);
	font-size: 0;
	line-height: 0;
}

.footer-socials .messenger-logo,
.footer-mobile-socials .messenger-logo {
	width: 25px;
	height: 25px;
}

.messenger-link-whatsapp {
	border-color: rgba(37, 211, 102, 0.34) !important;
	box-shadow: 0 0 16px rgba(37, 211, 102, 0.12);
}

.messenger-link-vk {
	border-color: rgba(80, 126, 171, 0.42) !important;
	box-shadow: 0 0 16px rgba(80, 126, 171, 0.16);
}

.messenger-link-vk .messenger-logo,
.contact-messenger-vk img {
	filter: drop-shadow(0 0 12px rgba(80, 126, 171, 0.32));
}

.tag-active {
	border-color: var(--green);
	color: var(--green);
	box-shadow: 0 0 14px rgba(93, 255, 145, 0.16);
}

.footer-socials a:hover,
.footer-socials a:focus,
.market-row a:hover,
.market-row a:focus {
	border-color: var(--cyan);
	color: var(--cyan);
}

.footer-marketplaces {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 40px;
	padding-top: 24px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-marketplaces > span {
	color: rgba(255, 255, 255, 0.58);
	font-size: 0.9rem;
	font-weight: 800;
}

.footer-bottom {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 18px;
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.44);
	font-size: 0.9rem;
}

.footer-legal-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px 14px;
	text-align: right;
}

.footer-legal-links a {
	color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
}

.footer-legal-links a:hover,
.footer-legal-links a:focus {
	color: var(--cyan);
}

.page-hero {
	padding: 68px 0 42px;
}

.page-hero h1 {
	max-width: 850px;
}

.use-case-hero {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(360px, 0.8fr);
	gap: 36px;
	align-items: center;
}

.use-case-hero-photo-large {
	grid-template-columns: minmax(0, 0.72fr) minmax(520px, 1fr);
	gap: 30px;
}

.use-case-hero-copy {
	max-width: 760px;
}

.use-case-photo-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	align-items: stretch;
}

.use-case-photo-card {
	position: relative;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	min-height: 190px;
	margin: 0;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.04);
	box-shadow: 0 0 26px rgba(114, 213, 255, 0.14), 0 24px 60px rgba(0, 0, 0, 0.42);
}

.use-case-photo-card:first-child {
	grid-row: auto;
	min-height: 190px;
}

.use-case-photo-grid-large {
	gap: 16px;
}

.use-case-photo-grid-large .use-case-photo-card {
	aspect-ratio: 1 / 1;
	min-height: 245px;
}

.use-case-photo-grid-large .use-case-photo-card:first-child {
	min-height: 245px;
}

.use-case-photo-card img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.use-case-photo-card-contain {
	background: #050505;
}

.use-case-photo-card-contain img {
	object-fit: contain;
	padding: 8px;
}

.use-case-photo-grid-large .use-case-photo-card-contain img {
	padding: 4px;
}

.use-case-photo-grid-large .use-case-photo-card::after {
	display: none;
}

.use-case-photo-card::after {
	position: absolute;
	inset: auto 0 0;
	height: 44%;
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.74));
	content: "";
	pointer-events: none;
}

.use-case-photo-card figcaption {
	position: absolute;
	right: 14px;
	bottom: 14px;
	left: 14px;
	z-index: 2;
	color: #fff;
	font-family: var(--font-ui);
	font-size: 0.94rem;
	font-weight: 700;
	text-shadow: 0 0 16px rgba(0, 0, 0, 0.9);
}

.use-case-section-body {
	display: block;
}

.use-case-section-body .grid-4 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.use-case-section-visual {
	display: none;
}

.use-case-section-visual {
	position: relative;
	overflow: hidden;
	min-height: 100%;
	padding: 24px;
	border: 1px solid rgba(114, 213, 255, 0.22);
	border-radius: 8px;
	background:
		radial-gradient(circle at 18% 24%, rgba(255, 46, 203, 0.2), transparent 28%),
		radial-gradient(circle at 82% 78%, rgba(114, 213, 255, 0.16), transparent 32%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
	box-shadow: inset 0 0 40px rgba(114, 213, 255, 0.06), 0 24px 70px rgba(0, 0, 0, 0.34);
}

.use-case-section-number {
	display: block;
	color: rgba(255, 255, 255, 0.09);
	font-family: var(--font-accent);
	font-size: clamp(4.5rem, 12vw, 8.8rem);
	font-weight: 900;
	line-height: 0.86;
	text-shadow: 0 0 32px rgba(255, 46, 203, 0.28);
}

.use-case-neon-sketch {
	position: relative;
	height: 142px;
	margin: 18px 0 24px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
		linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.18));
	background-size: 28px 28px, 28px 28px, auto;
	box-shadow: inset 0 0 28px rgba(0, 0, 0, 0.42);
}

.use-case-neon-sketch::before {
	position: absolute;
	inset: 20px 24px 36px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 8px;
	background:
		radial-gradient(circle at 14px 14px, rgba(255, 255, 255, 0.82) 0 2px, transparent 3px),
		radial-gradient(circle at calc(100% - 14px) 14px, rgba(255, 255, 255, 0.82) 0 2px, transparent 3px),
		radial-gradient(circle at 14px calc(100% - 14px), rgba(255, 255, 255, 0.82) 0 2px, transparent 3px),
		radial-gradient(circle at calc(100% - 14px) calc(100% - 14px), rgba(255, 255, 255, 0.82) 0 2px, transparent 3px),
		rgba(0, 0, 0, 0.28);
	box-shadow: 0 0 24px rgba(114, 213, 255, 0.12), inset 0 0 18px rgba(255, 255, 255, 0.04);
	content: "";
}

.use-case-neon-sketch::after {
	position: absolute;
	right: 42px;
	bottom: 12px;
	width: 58px;
	height: 28px;
	border-right: 2px solid rgba(255, 255, 255, 0.62);
	border-bottom: 2px solid rgba(255, 255, 255, 0.62);
	border-radius: 0 0 12px;
	box-shadow: 0 0 12px rgba(255, 255, 255, 0.18);
	content: "";
}

.use-case-neon-sketch span {
	position: absolute;
	z-index: 2;
	display: block;
	border: 0;
	border-radius: 999px;
	background: currentColor;
}

.use-case-neon-sketch span:nth-child(1) {
	top: 54px;
	left: 48px;
	width: 47%;
	height: 8px;
	color: var(--cyan);
	box-shadow: 0 0 12px rgba(114, 213, 255, 0.85), 0 0 34px rgba(114, 213, 255, 0.36);
	transform: rotate(-2deg);
}

.use-case-neon-sketch span:nth-child(2) {
	top: 76px;
	left: 62px;
	width: 36%;
	height: 8px;
	color: var(--pink);
	box-shadow: 0 0 12px rgba(255, 46, 203, 0.9), 0 0 34px rgba(255, 46, 203, 0.38);
	transform: rotate(1deg);
}

.use-case-neon-sketch span:nth-child(3) {
	top: 64px;
	right: 46px;
	width: 28%;
	height: 8px;
	color: rgba(255, 255, 255, 0.92);
	box-shadow: 0 0 12px rgba(255, 255, 255, 0.72), 0 0 30px rgba(255, 255, 255, 0.28);
	transform: rotate(-1deg);
}

.use-case-visual-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.use-case-visual-tags span,
.use-case-lead-visual span {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 7px 11px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.24);
	color: rgba(255, 255, 255, 0.78);
	font-family: var(--font-ui);
	font-size: 0.82rem;
	font-weight: 700;
}

.use-case-points {
	counter-reset: use-case-card;
}

.use-case-card {
	position: relative;
	overflow: hidden;
	min-height: 210px;
	padding: 24px 22px 24px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background:
		radial-gradient(circle at 84% 18%, rgba(114, 213, 255, 0.16), transparent 26%),
		radial-gradient(circle at 18% 100%, rgba(255, 46, 203, 0.14), transparent 34%),
		var(--panel);
	counter-increment: use-case-card;
}

.use-case-card::before {
	display: block;
	width: 46px;
	height: 3px;
	margin-bottom: 18px;
	background: linear-gradient(90deg, var(--pink), var(--cyan));
	box-shadow: 0 0 18px rgba(255, 46, 203, 0.5);
	content: "";
}

.use-case-card::after {
	position: absolute;
	right: 12px;
	bottom: -16px;
	color: rgba(255, 255, 255, 0.06);
	font-family: var(--font-accent);
	font-size: 6.8rem;
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 0 24px rgba(114, 213, 255, 0.14);
	content: counter(use-case-card);
	pointer-events: none;
}

.use-case-card-icon {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 44px;
	height: 34px;
	border: 1px solid rgba(114, 213, 255, 0.62);
	border-radius: 6px;
	background: rgba(0, 0, 0, 0.24);
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.24), inset 0 0 12px rgba(255, 255, 255, 0.05);
}

.use-case-card-icon::before {
	position: absolute;
	top: 10px;
	right: 8px;
	left: 8px;
	height: 4px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--pink), var(--cyan));
	box-shadow: 0 0 12px rgba(255, 46, 203, 0.64), 0 0 18px rgba(114, 213, 255, 0.46);
	content: "";
}

.use-case-card-icon::after {
	position: absolute;
	right: 9px;
	bottom: 6px;
	width: 14px;
	height: 8px;
	border-right: 2px solid rgba(255, 255, 255, 0.55);
	border-bottom: 2px solid rgba(255, 255, 255, 0.55);
	border-radius: 0 0 6px;
	content: "";
}

.use-case-card h3 {
	position: relative;
	z-index: 2;
	margin-bottom: 12px;
	font-size: 1.35rem;
}

.use-case-card p {
	position: relative;
	z-index: 2;
}

.use-case-lead-copy {
	display: grid;
	align-content: start;
	gap: 16px;
}

.use-case-lead-visual {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 8px;
	padding: 18px;
	border: 1px solid rgba(114, 213, 255, 0.24);
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(255, 46, 203, 0.12), rgba(114, 213, 255, 0.08)),
		rgba(0, 0, 0, 0.18);
	box-shadow: inset 0 0 28px rgba(255, 46, 203, 0.08);
}

.use-case-lead-visual::before {
	position: absolute;
	top: 50%;
	right: 18px;
	left: 18px;
	height: 1px;
	background: linear-gradient(90deg, var(--pink), var(--cyan));
	box-shadow: 0 0 14px rgba(114, 213, 255, 0.38);
	content: "";
	opacity: 0.5;
}

.use-case-lead-visual span {
	position: relative;
	z-index: 2;
	background: rgba(0, 0, 0, 0.72);
}

.custom-order-hero {
	display: grid;
	grid-template-columns: minmax(0, 0.88fr) minmax(380px, 0.82fr);
	gap: 36px;
	align-items: center;
}

.custom-order-hero-photo-large {
	grid-template-columns: minmax(0, 0.72fr) minmax(520px, 1fr);
	gap: 30px;
}

.custom-order-hero-copy {
	max-width: 780px;
}

.custom-order-hero-notes {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 24px;
}

.custom-order-hero-notes span {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.05);
	color: rgba(255, 255, 255, 0.82);
	font-family: var(--font-ui);
	font-size: 0.86rem;
	font-weight: 700;
}

.custom-order-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.custom-order-gallery-large {
	gap: 16px;
}

.custom-order-photo {
	position: relative;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	margin: 0;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.04);
	box-shadow: 0 0 24px rgba(114, 213, 255, 0.13), 0 22px 54px rgba(0, 0, 0, 0.38);
}

.custom-order-gallery-large .custom-order-photo {
	aspect-ratio: 1 / 1;
	min-height: 245px;
}

.custom-order-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.custom-order-photo-contain {
	background: #050505;
}

.custom-order-photo-contain img {
	object-fit: contain;
	padding: 4px;
}

.custom-order-gallery-large .custom-order-photo::after {
	display: none;
}

.custom-order-photo::after {
	position: absolute;
	inset: auto 0 0;
	height: 52%;
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.76));
	content: "";
	pointer-events: none;
}

.custom-order-photo figcaption {
	position: absolute;
	right: 12px;
	bottom: 12px;
	left: 12px;
	z-index: 2;
	color: #fff;
	font-family: var(--font-ui);
	font-size: 0.88rem;
	font-weight: 800;
	text-shadow: 0 0 14px rgba(0, 0, 0, 0.9);
}

.custom-order-type-card {
	overflow: hidden;
	padding: 0;
}

.custom-order-type-media {
	position: relative;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	margin-bottom: 18px;
	border-radius: 8px 8px 0 0;
	background: rgba(255, 255, 255, 0.04);
}

.custom-order-type-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.custom-order-type-card h3,
.custom-order-type-card p {
	padding-right: 22px;
	padding-left: 22px;
}

.custom-order-type-card p {
	padding-bottom: 22px;
}

.custom-process-grid {
	position: relative;
}

.custom-process-grid::before {
	position: absolute;
	top: 36px;
	right: 7%;
	left: 7%;
	height: 1px;
	background: linear-gradient(90deg, var(--pink), var(--cyan));
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.4);
	content: "";
	opacity: 0.7;
}

.custom-process-card {
	position: relative;
	overflow: hidden;
	min-height: 250px;
	background:
		radial-gradient(circle at 84% 20%, rgba(255, 46, 203, 0.16), transparent 34%),
		radial-gradient(circle at 16% 90%, rgba(114, 213, 255, 0.12), transparent 34%),
		var(--panel);
}

.custom-process-card::after {
	position: absolute;
	right: 10px;
	bottom: -18px;
	color: rgba(255, 255, 255, 0.06);
	font-family: var(--font-accent);
	font-size: 7rem;
	font-weight: 900;
	line-height: 1;
	content: attr(data-step);
	pointer-events: none;
}

.custom-brief-card {
	position: relative;
	overflow: hidden;
	padding-left: 72px;
}

.custom-brief-card::before {
	position: absolute;
	top: 24px;
	left: 22px;
	width: 34px;
	height: 42px;
	border: 1px solid rgba(114, 213, 255, 0.62);
	border-radius: 6px;
	background:
		linear-gradient(90deg, transparent 0 8px, rgba(255, 46, 203, 0.75) 8px 12px, transparent 12px 18px, rgba(114, 213, 255, 0.75) 18px 22px, transparent 22px),
		rgba(0, 0, 0, 0.22);
	box-shadow: 0 0 16px rgba(114, 213, 255, 0.28);
	content: "";
}

.custom-order-photo,
.custom-order-type-card,
.custom-process-card,
.custom-brief-card {
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.custom-order-photo:hover,
.custom-order-type-card:hover,
.custom-process-card:hover,
.custom-brief-card:hover {
	border-color: rgba(114, 213, 255, 0.5);
	box-shadow: 0 0 22px rgba(114, 213, 255, 0.18), 0 0 42px rgba(255, 46, 203, 0.09), 0 20px 54px rgba(0, 0, 0, 0.42);
	transform: translateY(-2px);
}

.article-content {
	max-width: 820px;
	padding: 64px 0;
}

.article-hero-media {
	position: relative;
	overflow: hidden;
	width: min(760px, 100%);
	aspect-ratio: 1 / 1;
	margin: 34px auto 48px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	box-shadow: 0 0 36px rgba(114, 213, 255, 0.16), 0 26px 70px rgba(0, 0, 0, 0.45);
}

.article-hero-media::before {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 58%, rgba(0, 0, 0, 0.22));
	content: "";
	pointer-events: none;
	z-index: 2;
}

.article-hero-media img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	border: 0;
	border-radius: 8px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center;
}

.article-content p {
	font-size: 1.08rem;
}

.article-content h2 {
	margin-top: 42px;
	margin-bottom: 14px;
	color: #fff;
	font-size: clamp(1.65rem, 3vw, 2.25rem);
	line-height: 1.15;
}

.article-content ul {
	display: grid;
	gap: 12px;
	margin: 18px 0 28px;
	padding: 0;
	list-style: none;
}

.article-content li {
	position: relative;
	padding-left: 26px;
	color: rgba(255, 255, 255, 0.78);
	font-size: 1.04rem;
	line-height: 1.62;
}

.article-content li::before {
	position: absolute;
	top: 0.72em;
	left: 0;
	width: 9px;
	height: 9px;
	border-radius: 999px;
	background: var(--cyan);
	box-shadow: 0 0 14px rgba(114, 213, 255, 0.72);
	content: "";
}

.article-note {
	margin: 26px 0;
	padding: 18px 20px;
	border: 1px solid rgba(114, 213, 255, 0.3);
	border-radius: 8px;
	background: rgba(114, 213, 255, 0.08);
	color: rgba(255, 255, 255, 0.9) !important;
	box-shadow: 0 0 24px rgba(114, 213, 255, 0.12);
}

.back-link {
	display: inline-flex;
	margin-bottom: 22px;
	color: var(--cyan);
	font-weight: 900;
}

.article-meta {
	color: var(--green);
	font-weight: 900;
}

.catalog-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 24px;
}

.contact-layout {
	display: grid;
	grid-template-columns: minmax(0, 0.86fr) minmax(420px, 1fr);
	gap: 34px;
	padding-bottom: 72px;
}

.contact-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.42fr);
	gap: 28px;
	align-items: end;
}

.contact-hero-panel {
	position: relative;
	display: grid;
	gap: 6px;
	padding: 20px;
	overflow: hidden;
	background:
		radial-gradient(circle at 88% 18%, rgba(114, 213, 255, 0.18), transparent 34%),
		radial-gradient(circle at 18% 92%, rgba(255, 46, 203, 0.18), transparent 34%),
		rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	box-shadow: 0 24px 58px rgba(0, 0, 0, 0.34);
}

.contact-hero-panel::after {
	position: absolute;
	right: 14px;
	bottom: -22px;
	color: rgba(114, 213, 255, 0.1);
	font-family: var(--font-accent);
	font-size: 6rem;
	line-height: 1;
	content: "@";
	pointer-events: none;
}

.contact-hero-panel span,
.contact-hero-panel em {
	position: relative;
	z-index: 1;
	color: rgba(255, 255, 255, 0.62);
	font-family: var(--font-ui);
	font-size: 0.9rem;
	font-style: normal;
}

.contact-hero-panel strong {
	position: relative;
	z-index: 1;
	color: #fff;
	font-family: var(--font-ui);
	font-size: 1.35rem;
	font-weight: 600;
	text-shadow: 0 0 16px rgba(114, 213, 255, 0.22);
}

.contact-info-stack {
	display: grid;
	gap: 18px;
}

.contact-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.contact-card {
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 124px;
	overflow: hidden;
	text-decoration: none;
}

.contact-card::after {
	position: absolute;
	right: -24px;
	bottom: -34px;
	width: 96px;
	height: 96px;
	border: 1px solid rgba(114, 213, 255, 0.18);
	border-radius: 999px;
	box-shadow: 0 0 32px rgba(255, 46, 203, 0.1);
	content: "";
	pointer-events: none;
}

.contact-card-wide {
	grid-column: 1 / -1;
}

.contact-card-primary {
	background:
		linear-gradient(135deg, rgba(255, 46, 203, 0.12), rgba(114, 213, 255, 0.08)),
		var(--panel);
}

.contact-icon {
	position: relative;
	z-index: 1;
	display: grid;
	flex: 0 0 46px;
	place-items: center;
	width: 46px;
	height: 46px;
	color: var(--cyan);
	font-family: var(--font-ui);
	font-size: 1.25rem;
	font-weight: 600;
	background: rgba(0, 0, 0, 0.34);
	border: 1px solid rgba(114, 213, 255, 0.36);
	border-radius: 8px;
	box-shadow: 0 0 18px rgba(114, 213, 255, 0.18);
}

.contact-card h3,
.contact-card p {
	position: relative;
	z-index: 1;
}

.contact-card h3 {
	margin-bottom: 6px;
	font-size: 1.08rem;
}

.contact-card p {
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.98rem;
	line-height: 1.42;
}

.contact-messenger-panel,
.contact-map-card {
	position: relative;
	overflow: hidden;
	padding: 24px;
	background:
		radial-gradient(circle at 18% 16%, rgba(255, 46, 203, 0.12), transparent 34%),
		radial-gradient(circle at 88% 82%, rgba(114, 213, 255, 0.12), transparent 36%),
		rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	box-shadow: 0 24px 62px rgba(0, 0, 0, 0.36);
}

.contact-messenger-panel h2,
.contact-map-card h2 {
	margin-bottom: 8px;
	font-size: clamp(1.55rem, 2.6vw, 2.25rem);
}

.contact-messenger-panel p {
	max-width: 620px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.68);
}

.contact-messenger-list {
	display: grid;
	gap: 10px;
	margin-top: 18px;
}

.contact-messenger {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 70px;
	padding: 12px;
	color: #fff;
	text-decoration: none;
	background: rgba(0, 0, 0, 0.26);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.contact-messenger:hover,
.contact-messenger:focus {
	background: rgba(255, 255, 255, 0.055);
	border-color: rgba(114, 213, 255, 0.5);
	box-shadow: 0 0 20px rgba(114, 213, 255, 0.18);
	transform: translateY(-1px);
}

.contact-messenger img,
.contact-messenger i {
	display: grid;
	flex: 0 0 44px;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 8px;
}

.contact-messenger img {
	object-fit: contain;
	filter: drop-shadow(0 0 14px rgba(114, 213, 255, 0.26));
}

.contact-messenger i {
	color: #fff;
	font-family: var(--font-ui);
	font-size: 0.88rem;
	font-style: normal;
	font-weight: 700;
	background: linear-gradient(135deg, #2787f5, #55b8ff);
	box-shadow: 0 0 18px rgba(39, 135, 245, 0.26);
}

.contact-messenger span {
	display: grid;
	gap: 3px;
}

.contact-messenger b {
	font-family: var(--font-ui);
	font-size: 1rem;
	font-weight: 600;
}

.contact-messenger em {
	color: rgba(255, 255, 255, 0.62);
	font-size: 0.88rem;
	font-style: normal;
	line-height: 1.3;
}

.contact-map-card {
	display: grid;
	grid-template-rows: auto minmax(330px, 1fr) auto;
	gap: 16px;
	min-height: 100%;
	padding: 18px;
}

.contact-map-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 4px 4px 0;
}

.contact-map-head a {
	flex: 0 0 auto;
	color: var(--cyan);
	font-family: var(--font-ui);
	font-size: 0.9rem;
	font-weight: 500;
	text-decoration: none;
	border-bottom: 1px solid rgba(114, 213, 255, 0.38);
}

.contact-map-frame {
	position: relative;
	overflow: hidden;
	min-height: 330px;
	background: #050608;
	border: 1px solid rgba(114, 213, 255, 0.22);
	border-radius: 8px;
	box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.28), 0 0 28px rgba(114, 213, 255, 0.12);
}

.contact-map-frame iframe {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 330px;
	border: 0;
	filter: grayscale(0.2) contrast(1.05);
}

.contact-map-address {
	margin: 0;
	padding: 0 4px 4px;
	color: rgba(255, 255, 255, 0.68);
	font-size: 0.95rem;
}

.map-placeholder {
	display: grid;
	place-items: center;
	min-height: 260px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: var(--panel);
	color: var(--muted);
	text-align: center;
	padding: 20px;
}

.category-routes-intro,
.category-route-card,
.use-case-photo-card,
.use-case-card,
.use-case-lead-visual,
.benefit-visual,
.benefit-card,
.process-visual,
.audience-tile,
.stat-card,
.info-card,
.about-fact,
.about-value-card,
.about-proof-card,
.about-process-card,
.about-direction-card,
.product-card,
.portfolio-card,
.article-card,
.lead-form,
.delivery-card,
.contact-card,
.step-card,
.service-card,
.testimonial-card,
.faq-card,
.calculator-panel,
.idea-studio,
.map-placeholder {
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.category-routes-intro:hover,
.category-route-card:hover,
.category-route-card:focus,
.use-case-photo-card:hover,
.use-case-card:hover,
.use-case-lead-section:hover .use-case-lead-visual,
.benefit-visual:hover,
.benefit-card:hover,
.process-visual:hover,
.audience-tile:hover,
.audience-tile:focus-visible,
.stat-card:hover,
.info-card:hover,
.about-fact:hover,
.about-value-card:hover,
.about-proof-card:hover,
.about-process-card:hover,
.about-direction-card:hover,
.product-card:hover,
.product-card:focus-within,
.portfolio-card:hover,
.portfolio-card:focus-within,
.article-card:hover,
.article-card:focus-within,
.lead-form:hover,
.lead-form:focus-within,
.delivery-card:hover,
.contact-card:hover,
.contact-card:focus,
.step-card:hover,
.service-card:hover,
.testimonial-card:hover,
.faq-card:hover,
.calculator-panel:hover,
.calculator-panel:focus-within,
.idea-studio:hover,
.map-placeholder:hover {
	border-color: rgba(114, 213, 255, 0.5);
	box-shadow: 0 0 22px rgba(114, 213, 255, 0.18), 0 0 42px rgba(255, 46, 203, 0.09), 0 20px 54px rgba(0, 0, 0, 0.42);
	transform: translateY(-2px);
}

@media (max-width: 960px) {
	body::before {
		background-position: center top;
		background-size: cover;
		opacity: 0.64;
	}

	body::after {
		background:
			radial-gradient(circle at 34% 14%, rgba(255, 46, 203, 0.1), transparent 36%),
			radial-gradient(circle at 82% 42%, rgba(114, 213, 255, 0.1), transparent 38%),
			linear-gradient(180deg, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.62) 52%, rgba(0, 0, 0, 0.88));
	}

	.header-topline {
		align-items: flex-start;
		flex-direction: column;
		padding: 16px 0;
	}

	.main-nav,
	.header-contacts {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.hero,
	.contact-hero,
	.idea-section,
	.lead-section,
	.category-routes,
	.about-workbench,
	.about-directions-grid,
	.about-studio,
	.use-case-hero,
	.custom-order-hero,
	.use-case-section-body,
	.benefits-layout,
	.process-layout,
	.audience-layout,
	.footer-main,
	.contact-layout,
	.calculator-layout,
	.product-detail-card {
		grid-template-columns: 1fr;
	}

	.contact-hero {
		align-items: start;
	}

	.contact-layout {
		gap: 22px;
	}

	.contact-map-card {
		min-height: auto;
	}

	.home-hero {
		gap: 26px;
		min-height: auto;
	}

	.home-hero .hero-copy {
		max-width: none;
	}

	.hero-lead-card {
		max-width: none;
	}

	.hero-proof-list {
		grid-template-columns: 1fr;
	}

	.home-hero .hero-media {
		justify-self: stretch;
		width: 100%;
		margin-right: 0;
	}

	.home-hero .hero-media img {
		min-height: 0;
	}

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

	.calculator-copy {
		position: static;
	}

	.custom-process-grid::before {
		display: none;
	}

	.benefit-visual,
	.process-visual {
		position: relative;
		top: auto;
		min-height: auto;
	}

	.benefit-visual {
		grid-template-columns: 1fr;
	}

	.idea-studio {
		grid-template-columns: 1fr;
	}

	.idea-studio-visual img {
		min-height: 330px;
	}

	.process-visual {
		grid-template-columns: 1fr;
	}

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

	.audience-tile {
		grid-template-rows: 168px auto 1fr;
		min-height: 292px;
	}

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

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

	.about-values-grid,
	.about-proof-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.about-photo-mosaic {
		min-height: 420px;
	}

	h1 {
		font-size: 3rem;
	}

	.stats,
	.benefit-grid,
	.process-grid,
	.grid-4,
	.delivery-safe-grid,
	.shipping-company-grid,
	.payment-method-grid,
	.portfolio-grid,
	.product-grid,
	.article-grid,
	.testimonial-grid,
	.faq-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

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

	.section-head {
		grid-template-columns: 1fr;
	}

	.checkout-panel form.checkout {
		grid-template-columns: 1fr;
		grid-template-areas:
			"customer"
			"order-summary";
	}

	.checkout-panel form.checkout > .woocommerce-NoticeGroup,
	.checkout-panel #customer_details,
	.checkout-panel #order_review_heading,
	.checkout-panel #order_review {
		grid-column: 1;
	}

	.checkout-panel #order_review_heading {
		border-radius: 8px 8px 0 0;
	}

	.testimonial-grid {
		gap: 12px;
	}

	.testimonial-card {
		grid-template-columns: 150px minmax(0, 1fr);
	}

	.testimonial-content {
		padding: 14px 16px;
	}
}

@media (max-width: 640px) {
	body::before {
		background-position: center top;
		background-size: cover;
		opacity: 0.54;
	}

	body::after {
		background:
			radial-gradient(circle at 18% 8%, rgba(255, 46, 203, 0.1), transparent 34%),
			radial-gradient(circle at 92% 64%, rgba(114, 213, 255, 0.1), transparent 42%),
			linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.66) 48%, rgba(0, 0, 0, 0.9));
	}

	.header-topline {
		gap: 12px;
		padding: 12px 0 10px;
	}

	.header-contacts {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		gap: 7px;
	}

	.mail-link {
		display: none;
	}

	.phone-link {
		flex: 1 1 178px;
		min-height: 38px;
		gap: 8px;
		font-size: 0.96rem;
		font-weight: 700;
		letter-spacing: 0;
	}

	.phone-link-icon {
		width: 20px;
		height: 20px;
		stroke-width: 2.1;
	}

	.header-contacts .header-callback {
		flex: 0 0 auto;
		order: 3;
		width: auto;
		min-width: 0;
		min-height: 36px;
		padding: 8px 11px;
		border-radius: 999px;
		font-size: 0.74rem;
		white-space: nowrap;
	}

	.header-contacts .cart-link {
		flex: 0 0 auto;
		order: 4;
		justify-content: center;
		min-height: 36px;
		width: auto;
		padding: 7px 9px 7px 11px;
		font-size: 0.74rem;
	}

	.messenger-actions {
		flex: 0 0 auto;
		order: 2;
		gap: 6px;
	}

	.messenger-button {
		width: 42px;
		height: 38px;
	}

	.hero-actions,
	.button-row,
	.product-detail-actions {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
		width: 100%;
		margin-top: 22px;
	}

	.button,
	.hero-actions .button,
	.button-row .button,
	.product-detail-actions .button,
	.lead-form .button {
		width: 100%;
		min-height: 46px;
		padding: 12px 16px;
		border-radius: 8px;
		font-size: 0.88rem;
		font-weight: 500;
		line-height: 1.18;
	}

	.button-primary {
		box-shadow: 0 0 16px rgba(114, 213, 255, 0.28);
	}

	.button-secondary {
		background: rgba(255, 46, 203, 0.12);
		color: #fff;
		box-shadow: inset 0 0 0 1px rgba(255, 46, 203, 0.62), 0 0 14px rgba(255, 46, 203, 0.18);
	}

	.main-nav {
		display: none;
	}

	.mobile-menu {
		display: block;
		padding: 8px 0 12px;
		border-top: 1px solid rgba(255, 255, 255, 0.12);
	}

	.mobile-menu summary {
		width: fit-content;
	}

	.container {
		width: min(100% - 22px, 1180px);
	}

	.hero,
	.section,
	.lead-section,
	.calculator-section {
		padding: 46px 0;
	}

	.categories-section,
	.benefits-section,
	.works-section,
	.process-section,
	.audience-section,
	.testimonials-section,
	.faq-section,
	.lead-section {
		scroll-margin-top: 248px;
	}

	.lead-section {
		gap: 20px;
		align-items: start;
	}

	.lead-section::before {
		top: 34px;
	}

	.lead-copy {
		padding: 0;
	}

	.lead-benefits {
		max-width: none;
	}

	.lead-form {
		padding: 22px;
	}

	.lead-form-actions {
		display: grid;
		gap: 10px;
	}

	.lead-form-actions .button {
		min-width: 0;
	}

	.home-hero .hero-media img {
		min-height: 0;
		aspect-ratio: auto;
	}

	h1 {
		font-size: 2.35rem;
	}

	h2 {
		font-size: 1.85rem;
	}

	.stats,
	.benefit-grid,
	.process-grid,
	.grid-2,
	.grid-3,
	.grid-4,
	.delivery-safe-grid,
	.shipping-company-grid,
	.payment-flow,
	.payment-method-grid,
	.portfolio-grid,
	.product-grid,
	.article-grid,
	.testimonial-grid,
	.faq-grid,
	.form-grid,
	.calculator-grid,
	.calculator-result {
		grid-template-columns: 1fr;
	}

	.payment-flow::before {
		display: none;
	}

	.delivery-card-visual {
		min-height: 210px;
	}

	.delivery-card-visual::before {
		font-size: 6.8rem;
	}

	.category-routes {
		padding: 14px;
	}

	.category-routes::before {
		inset: 10px;
	}

	.use-case-photo-grid {
		grid-template-columns: 1fr;
	}

	.custom-order-gallery {
		grid-template-columns: 1fr;
	}

	.use-case-photo-card:first-child {
		grid-row: auto;
		min-height: 280px;
	}

	.use-case-section-visual {
		min-height: 260px;
	}

	.category-routes-intro {
		padding: 18px;
	}

	.category-tab-controls {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.category-tab-label {
		min-height: 40px;
		padding: 8px 10px;
	}

	.category-tab-panels {
		min-height: 360px;
	}

	.category-tab-panel {
		grid-template-columns: 1fr;
		min-height: 360px;
		padding: 12px;
	}

	.category-panel-media img {
		min-height: 220px;
		aspect-ratio: 16 / 10;
	}

	.category-panel-copy {
		min-height: auto;
		padding: 10px 6px 8px;
	}

	.faq-card {
		min-height: 168px;
		padding: 24px 20px 22px;
	}

	.faq-card::before {
		right: 8px;
		bottom: -28px;
		font-size: 7rem;
	}

	.faq-card h3 {
		max-width: 100%;
	}

	.category-panel-number {
		font-size: 6.4rem;
	}

	.category-route-card {
		grid-template-columns: 1fr;
		align-items: start;
		padding: 14px;
	}

	.category-route-number {
		position: absolute;
		top: 12px;
		right: 14px;
		font-size: 4.8rem;
	}

	.category-route-thumb {
		width: 100%;
		height: 160px;
	}

	.category-card-link {
		justify-self: start;
		white-space: normal;
	}

	.idea-input-grid {
		grid-template-columns: 1fr;
	}

	.idea-studio {
		grid-template-columns: 1fr;
		min-height: auto;
		padding: 14px;
	}

	.idea-studio::before {
		inset: 10px;
	}

	.idea-studio::after {
		display: none;
	}

	.idea-studio-visual img {
		min-height: 280px;
	}

	.idea-visual-note {
		right: 14px;
		bottom: 14px;
		left: 14px;
		padding: 14px;
	}

	.idea-studio-panel {
		padding: 18px;
	}

	.main-nav {
		align-items: flex-start;
		justify-content: flex-start;
		gap: 14px;
	}

	.category-menu {
		width: 100%;
	}

	.category-menu summary {
		width: fit-content;
	}

	.category-menu-panel {
		position: static;
		width: min(100%, 260px);
		margin-top: 8px;
	}

	.calculator-panel {
		padding: 18px;
	}

	.checkout-payment-grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.checkout-payment-card {
		min-height: 170px;
		padding: 18px;
	}

	.checkout-payment-card::before {
		right: 10px;
		bottom: -14px;
		font-size: 5.8rem;
	}

	.checkout-payment-card h3 {
		margin-top: 14px;
		font-size: 1rem;
	}

	.checkout-payment-card p {
		font-size: 0.86rem;
		line-height: 1.48;
	}

	.checkout-payment-icon {
		width: 48px;
		height: 48px;
	}

	.checkout-panel {
		padding: 14px;
	}

	.checkout-panel form.checkout {
		gap: 14px;
	}

	.checkout-panel .col2-set .col-1,
	.checkout-panel .col2-set .col-2,
	.checkout-panel #order_review {
		padding: 14px;
	}

	.checkout-panel #order_review_heading {
		padding: 14px 14px 0;
		font-size: 1rem;
	}

	.product-detail {
		padding: 34px 0 46px;
	}

	.product-detail-card {
		padding: 14px;
	}

	.product-detail-gallery,
	.product-detail-gallery img {
		min-height: auto;
	}

	.product-detail-price-panel,
	.product-detail-panels {
		grid-template-columns: 1fr;
	}

	.product-detail-info {
		padding: 0;
	}

	.benefit-visual,
	.process-visual {
		padding: 16px;
	}

	.benefit-visual::before {
		inset: 10px;
	}

	.process-visual::before {
		inset: 10px;
	}

	.benefit-visual-board {
		width: 100%;
		min-height: 190px;
		margin-top: 0;
		padding: 20px;
	}

	.benefit-palette {
		top: 26px;
		right: 26px;
	}

	.benefit-preview-panel {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.process-flow {
		grid-template-columns: 1fr;
	}

	.benefit-preview-panel strong {
		grid-column: 1 / -1;
	}

	.benefit-spec-row {
		grid-template-columns: 1fr;
		gap: 4px;
	}

	.benefit-approval-footer {
		grid-template-columns: 1fr;
	}

	.process-status-strip {
		grid-template-columns: 1fr;
	}

	.process-brief-card {
		padding: 18px;
	}

	.audience-showcase {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.audience-tile {
		grid-template-rows: 118px auto;
		gap: 8px;
		min-height: 0;
		padding: 8px;
	}

	.audience-tile img {
		padding: 7px;
	}

	.audience-tile span,
	.audience-tile-title {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 36px;
		padding: 7px 8px;
		background: #050505 !important;
		border: 1px solid rgba(255, 255, 255, 0.18);
		border-radius: 8px;
		color: #fff !important;
		-webkit-text-fill-color: #fff !important;
		font-size: clamp(0.8rem, 3.6vw, 0.98rem);
		line-height: 1.08;
		text-align: center;
		text-shadow: none;
		box-shadow: 0 0 14px rgba(255, 46, 203, 0.12), 0 0 18px rgba(114, 213, 255, 0.08);
	}

	.audience-tile p {
		display: none;
	}

	.testimonials-section .section-head {
		gap: 14px;
		margin-bottom: 18px;
	}

	.reviews-summary {
		gap: 8px;
	}

	.reviews-summary p {
		font-size: 0.84rem;
		line-height: 1.36;
	}

	.reviews-summary a {
		min-height: 34px;
		padding: 0 13px;
		font-size: 0.78rem;
	}

	.testimonial-grid {
		gap: 10px;
	}

	.testimonial-card {
		grid-template-columns: 108px minmax(0, 1fr);
	}

	.testimonial-card::after {
		width: 78px;
		height: 78px;
	}

	.testimonial-media {
		min-height: 148px;
		border-right-color: rgba(255, 255, 255, 0.1);
	}

	.testimonial-media span {
		right: 7px;
		bottom: 7px;
		left: 7px;
		max-width: calc(100% - 14px);
		min-height: 24px;
		padding: 4px 7px;
		font-size: 0.62rem;
		font-weight: 600;
	}

	.testimonial-content {
		gap: 7px;
		padding: 11px 12px;
	}

	.testimonial-rating {
		top: 5px;
		right: 9px;
	}

	.testimonial-rating span:first-child {
		font-size: 2.7rem;
		-webkit-text-stroke-width: 0.7px;
	}

	.testimonial-rating span:last-child {
		display: none;
	}

	.testimonial-card p {
		font-size: 0.8rem;
		line-height: 1.34;
	}

	.testimonial-card strong {
		font-size: 0.78rem;
	}

	.footer {
		padding: 30px 0 18px;
	}

	.footer::before {
		top: -150px;
		height: 190px;
	}

	.footer-main {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.footer-brand-block {
		gap: 10px;
	}

	.footer-logo {
		width: 142px;
	}

	.footer-brand-block p,
	.footer-highlights,
	.footer-columns {
		display: none;
	}

	.footer-mobile-accordion {
		display: grid;
		gap: 8px;
	}

	.footer-mobile-accordion details,
	.footer-mobile-contact {
		border: 1px solid rgba(255, 255, 255, 0.13);
		border-radius: 8px;
		background: rgba(255, 255, 255, 0.035);
	}

	.footer-mobile-accordion summary {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 42px;
		padding: 10px 12px;
		color: #fff;
		cursor: pointer;
		font-family: var(--font-ui);
		font-size: 0.9rem;
		font-weight: 800;
		list-style: none;
	}

	.footer-mobile-accordion summary::-webkit-details-marker {
		display: none;
	}

	.footer-mobile-accordion summary::after {
		color: var(--cyan);
		content: "+";
		font-size: 1.1rem;
		line-height: 1;
		text-shadow: 0 0 12px rgba(114, 213, 255, 0.5);
	}

	.footer-mobile-accordion details[open] summary::after {
		content: "−";
	}

	.footer-mobile-accordion details > div {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 6px;
		padding: 0 10px 10px;
	}

	.footer-mobile-accordion details a,
	.footer-mobile-contact a {
		display: inline-flex;
		align-items: center;
		min-height: 34px;
		padding: 7px 9px;
		border-radius: 7px;
		background: rgba(0, 0, 0, 0.24);
		color: rgba(255, 255, 255, 0.8);
		font-family: var(--font-ui);
		font-size: 0.78rem;
		line-height: 1.2;
	}

	.footer-mobile-contact {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 6px;
		padding: 10px;
	}

	.footer-mobile-contact > a:nth-child(3) {
		grid-column: 1 / -1;
	}

	.footer-mobile-socials {
		grid-column: 1 / -1;
		display: flex;
		align-items: center;
		gap: 8px;
		padding-top: 4px;
	}

	.footer-mobile-contact .messenger-link {
		justify-content: center;
	}

	.footer-marketplaces {
		display: grid;
		gap: 10px;
		margin-top: 16px;
		padding-top: 14px;
	}

	.footer-marketplaces > span {
		font-size: 0.78rem;
	}

	.market-row {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 7px;
	}

	.market-row a {
		justify-content: center;
		min-height: 34px;
		padding: 7px 8px;
		font-size: 0.76rem;
	}

	.footer-bottom {
		display: block;
		margin-top: 14px;
		padding-top: 12px;
		font-size: 0.74rem;
		line-height: 1.35;
	}

	.footer-bottom span:nth-child(2) {
		display: none;
	}

	.footer-legal-links {
		justify-content: flex-start;
		margin-top: 8px;
		text-align: left;
	}

	.product-card-footer {
		align-items: stretch;
		flex-direction: column;
	}

	.product-buy-button {
		width: 100%;
	}

	.cart-panel {
		padding: 12px;
	}

	.cart-panel table.shop_table thead {
		display: none;
	}

	.cart-panel table.shop_table,
	.cart-panel table.shop_table tbody,
	.cart-panel table.shop_table tr,
	.cart-panel table.shop_table td {
		display: block;
		width: 100%;
	}

	.cart-panel table.shop_table tr {
		margin-bottom: 12px;
		border: 1px solid rgba(255, 255, 255, 0.12);
		border-radius: 8px;
		background: rgba(255, 255, 255, 0.045);
	}

	.cart-panel table.shop_table td {
		border: 0;
		border-radius: 0;
		background: transparent;
	}

	.product-grid,
	.portfolio-grid,
	.article-grid,
	.about-proof-grid,
	.about-photo-mosaic,
	.use-case-photo-grid,
	.custom-order-gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.product-pagination {
		gap: 10px;
		margin-top: 22px;
		padding: 12px;
	}

	.product-pagination-links {
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 6px;
	}

	.product-pagination-link,
	.product-pagination-gap {
		min-width: 0;
		min-height: 36px;
		padding: 8px 6px;
		font-size: 0.76rem;
	}

	.product-pagination-step {
		grid-column: span 2;
	}

	.about-photo-mosaic {
		grid-template-rows: none;
		min-height: auto;
	}

	.about-photo-mosaic img:first-child {
		grid-row: auto;
	}

	.about-photo-mosaic img {
		aspect-ratio: 3 / 4;
	}

	.about-facts,
	.about-values-grid {
		grid-template-columns: 1fr;
	}

	.about-fact {
		min-height: 118px;
		padding: 18px;
	}

	.about-value-card {
		min-height: 240px;
		padding: 18px;
	}

	.about-value-card span {
		top: 8px;
		right: 12px;
		font-size: clamp(5.8rem, 23vw, 7.8rem);
	}

	.about-proof-card figcaption {
		padding: 12px;
	}

	.about-proof-card strong {
		font-size: 0.92rem;
	}

	.about-proof-card span {
		font-size: 0.8rem;
		line-height: 1.38;
	}

	.about-process-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.about-process-card {
		padding: 12px;
	}

	.about-process-card span {
		width: 32px;
		height: 32px;
		font-size: 1rem;
	}

	.about-process-card h3 {
		font-size: 0.9rem;
		line-height: 1.25;
	}

	.about-process-card p {
		font-size: 0.78rem;
		line-height: 1.45;
	}

	.about-direction-card {
		grid-template-columns: 0.72fr 1fr;
		gap: 10px;
		padding: 10px;
	}

	.about-direction-card img {
		min-height: 180px;
	}

	.about-direction-card p {
		font-size: 0.82rem;
		line-height: 1.45;
	}

	.custom-order-gallery-large .custom-order-photo {
		min-height: auto;
	}

	.section-head {
		gap: 8px;
		margin-bottom: 18px;
	}

	.section-head > p {
		display: none;
	}

	.product-card-body,
	.portfolio-card-body,
	.article-card-body {
		padding: 10px;
	}

	.product-card-body {
		gap: 7px;
	}

	.product-card-body h3 {
		font-size: 0.78rem;
		line-height: 1.22;
		-webkit-line-clamp: 3;
	}

	.product-card-body > p:not(.product-card-sku),
	.portfolio-card-body p,
	.article-card-body p {
		display: none;
	}

	.product-card-sku {
		padding: 2px 6px;
		font-size: 0.66rem !important;
	}

	.product-card-media img {
		aspect-ratio: 3 / 4;
	}

	.product-card-footer {
		align-items: flex-start;
		gap: 7px;
		padding-top: 0;
		border-top: 0;
	}

	.product-price-box span {
		display: none;
	}

	.product-price {
		font-size: 1rem;
	}

	.product-buy-button {
		min-height: 34px;
		padding: 7px 8px;
		font-size: 0.74rem;
	}

	.portfolio-card-body h3,
	.article-card-body h3 {
		margin-bottom: 0;
		font-size: 0.86rem;
		line-height: 1.22;
	}

	.article-card time {
		font-size: 0.72rem;
	}

	.text-link {
		margin-top: 4px;
		font-size: 0.78rem;
	}

	.hero-badges {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.hero-badges span {
		min-height: 38px;
		padding: 7px 9px;
		font-size: 0.76rem;
		line-height: 1.25;
	}

	.hero-lead {
		font-size: 0.96rem;
		line-height: 1.55;
	}

	.home-hero h1 span {
		font-size: 1.16rem;
	}
}

@media (max-width: 640px) {
	.header-contacts {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		gap: 7px;
	}

	.phone-link {
		flex: 1 1 178px;
		min-height: 38px;
		gap: 8px;
		font-size: 0.96rem;
		font-weight: 700;
		letter-spacing: 0;
	}

	.phone-link-icon {
		width: 20px;
		height: 20px;
		stroke-width: 2.1;
	}

	.header-contacts .header-callback {
		flex: 0 0 auto;
		order: 3;
		width: auto;
		min-width: 0;
		min-height: 36px;
		padding: 8px 11px;
		border-radius: 999px;
		font-size: 0.74rem;
		white-space: nowrap;
	}

	.header-contacts .cart-link {
		flex: 0 0 auto;
		order: 4;
		width: auto;
		min-height: 36px;
		padding: 7px 9px 7px 11px;
		justify-content: center;
		font-size: 0.74rem;
	}

	.home-hero .hero-copy {
		gap: 13px;
	}

	.hero-kicker {
		min-height: 30px;
		padding: 6px 10px;
		font-size: 0.66rem;
		letter-spacing: 0.025em;
	}

	.hero-kicker::before {
		width: 7px;
		height: 7px;
		margin-right: 8px;
	}

	.home-hero h1 {
		max-width: 100%;
	}

	.home-hero h1 span {
		margin-top: 8px;
		font-size: 1.02rem;
		line-height: 1.2;
	}

	.hero-lead-card {
		gap: 11px;
		padding: 14px 14px 14px 16px;
	}

	.home-hero .hero-lead {
		font-size: 0.9rem;
		line-height: 1.42;
	}

	.hero-proof-list {
		gap: 8px;
	}

	.hero-proof-list span,
	.hero-proof-list a {
		min-height: 38px;
		padding: 8px 10px 8px 28px;
		font-size: 0.76rem;
	}

	.hero-actions,
	.button-row,
	.product-detail-actions {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
		width: 100%;
		margin-top: 22px;
	}

	.button,
	.hero-actions .button,
	.button-row .button,
	.product-detail-actions .button,
	.lead-form .button,
	.cart-panel .button,
	.cart-panel .checkout-button,
	.cart-panel .wc-block-cart__submit-button {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		min-height: 46px;
		padding: 12px 16px;
		border-radius: 8px;
		font-size: 0.88rem;
		font-weight: 500;
		line-height: 1.18;
	}

	.button-primary,
	.button-blue,
	.cart-panel .checkout-button,
	.cart-panel .wc-block-cart__submit-button {
		box-shadow: 0 0 16px rgba(114, 213, 255, 0.26);
	}

	.button-pink,
	.button-secondary {
		background: rgba(255, 46, 203, 0.12);
		color: #fff;
		box-shadow: inset 0 0 0 1px rgba(255, 46, 203, 0.62), 0 0 14px rgba(255, 46, 203, 0.16);
	}

	.product-card-footer {
		align-items: stretch;
		gap: 9px;
	}

	.product-buy-button {
		width: 100%;
		min-height: 40px;
		padding: 10px 12px;
		font-size: 0.78rem;
	}

	.product-price-box {
		width: 100%;
	}

	.cart-panel .wc-proceed-to-checkout {
		display: grid;
		gap: 8px;
	}

	.footer-mobile-accordion details a,
	.footer-mobile-contact a,
	.market-row a {
		justify-content: center;
		text-align: center;
	}
}

/* Финальная мобильная сборка шапки и бургер-меню. */
@media (max-width: 640px) {
	.header-topline {
		gap: 10px;
	}

	.contact-hero-panel {
		padding: 16px;
	}

	.contact-card-grid {
		grid-template-columns: 1fr;
	}

	.contact-card {
		min-height: 104px;
		padding: 16px;
	}

	.contact-icon {
		flex-basis: 40px;
		width: 40px;
		height: 40px;
		font-size: 1.05rem;
	}

	.contact-messenger-panel,
	.contact-map-card {
		padding: 16px;
	}

	.contact-map-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.contact-map-frame,
	.contact-map-frame iframe {
		min-height: 300px;
	}

	.contact-messenger {
		min-height: 64px;
		padding: 10px;
	}

	.contact-messenger img,
	.contact-messenger i {
		flex-basis: 40px;
		width: 40px;
		height: 40px;
	}

	.lead-copy {
		gap: 14px;
	}

	.lead-copy-text {
		font-size: 0.98rem;
	}

	.lead-benefits span {
		grid-template-columns: 1fr;
		gap: 4px;
		min-height: 0;
		padding: 12px 64px 12px 12px;
	}

	.lead-benefits span::after {
		right: 12px;
		bottom: -4px;
		font-size: 3rem;
	}

	.lead-benefits b {
		font-size: 0.88rem;
	}

	.lead-benefits em {
		font-size: 0.86rem;
	}

	.lead-form {
		padding: 18px;
	}

	.lead-form-head {
		margin-bottom: 14px;
	}

	.lead-form-head h3 {
		font-size: 1.55rem;
	}

	.lead-form input,
	.lead-form textarea {
		padding: 11px 12px;
	}

	.consent {
		font-size: 0.82rem;
	}

	.lead-form-actions {
		display: grid;
	}

	.header-contacts {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 8px;
		width: 100%;
		padding: 8px;
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 8px;
		background: rgba(255, 255, 255, 0.035);
	}

	.phone-link,
	.messenger-actions,
	.header-contacts .header-callback,
	.header-contacts .cart-link {
		order: initial;
	}

	.phone-link {
		grid-column: 1;
		min-height: 42px;
		padding: 0 11px;
		border: 1px solid rgba(114, 213, 255, 0.18);
		border-radius: 8px;
		background: rgba(0, 0, 0, 0.28);
		font-size: 1rem;
		font-weight: 600;
	}

	.messenger-actions {
		grid-column: 2;
		justify-self: end;
		gap: 6px;
		margin-left: 0;
		padding-left: 0;
		border-left: 0;
	}

	.messenger-button {
		width: 40px;
		height: 42px;
		border-radius: 8px;
	}

	.messenger-logo {
		width: 25px;
		height: 25px;
	}

	.header-contacts .header-callback,
	.header-contacts .cart-link {
		width: auto;
		min-height: 34px;
		padding: 8px 10px;
		border-radius: 999px;
		font-size: 0.74rem;
		line-height: 1;
	}

	.header-contacts .header-callback {
		grid-column: 1;
		justify-self: start;
		min-width: 0;
	}

	.header-contacts .cart-link {
		grid-column: 2;
		justify-self: end;
	}

	.mobile-menu {
		padding: 8px 0 10px;
	}

	.mobile-menu summary {
		justify-content: center;
		width: 100%;
		min-height: 40px;
		border-color: rgba(114, 213, 255, 0.24);
		background: rgba(0, 0, 0, 0.34);
	}

	.mobile-menu-panel {
		gap: 9px;
		max-height: min(68vh, 520px);
		overflow: auto;
		padding: 10px;
		background: rgba(0, 0, 0, 0.88);
	}

	.mobile-menu-group {
		gap: 6px;
	}

	.mobile-menu-group:not(:first-child) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mobile-menu-group:not(:first-child) .mobile-menu-title {
		grid-column: 1 / -1;
	}

	.mobile-menu-panel a {
		min-height: 34px;
		padding: 8px 9px;
		font-size: 0.8rem;
		line-height: 1.18;
	}
}

@media (max-width: 380px) {
	.header-contacts {
		gap: 6px;
		padding: 7px;
	}

	.phone-link {
		min-height: 40px;
		padding: 0 9px;
		font-size: 0.92rem;
	}

	.messenger-actions {
		gap: 5px;
	}

	.messenger-button {
		width: 36px;
		height: 40px;
	}

	.messenger-logo {
		width: 23px;
		height: 23px;
	}

	.header-contacts .header-callback,
	.header-contacts .cart-link {
		padding: 7px 8px;
		font-size: 0.7rem;
	}

	.mobile-menu-group:first-child {
		grid-template-columns: 1fr;
		max-height: 300px;
	}
}

.hero-media img,
.category-panel-media img,
.portfolio-card > img,
.testimonial-media img,
.idea-studio-visual img,
.article-card-media img,
.article-hero-media img,
.article-content img,
.product-detail-gallery img,
.use-case-photo-card img,
.custom-order-photo img,
.about-proof-card img,
.about-photo-mosaic img,
.about-direction-card img {
	cursor: zoom-in;
}

/* В блоке задач показываем фото в квадратной рамке без грубой обрезки. */
.categories-section .category-tab-panel {
	grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
}

.categories-section .category-panel-media {
	align-self: center;
	justify-self: center;
	width: min(100%, 420px);
	aspect-ratio: 1 / 1;
}

.categories-section .category-panel-media img {
	height: 100%;
	min-height: 0;
	aspect-ratio: auto;
	object-fit: contain;
}

@media (max-width: 960px) {
	.categories-section .category-tab-panel {
		grid-template-columns: 1fr;
	}

	.categories-section .category-panel-media {
		width: min(100%, 420px);
	}

	.category-product-mini-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.categories-section .category-panel-media {
		width: min(100%, 320px);
	}

	.category-panel-products {
		padding: 12px;
	}

	.category-panel-products-head {
		align-items: flex-start;
		flex-direction: column;
		gap: 6px;
	}

	.category-product-mini-grid {
		grid-template-columns: 1fr;
	}
}

.neonox-lightbox {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: grid;
	place-items: center;
	padding: 24px;
	background:
		radial-gradient(circle at 24% 18%, rgba(255, 45, 190, 0.18), transparent 34%),
		radial-gradient(circle at 78% 82%, rgba(114, 213, 255, 0.16), transparent 36%),
		rgba(0, 0, 0, 0.88);
	backdrop-filter: blur(12px);
}

.neonox-lightbox[hidden] {
	display: none;
}

.neonox-lightbox-image {
	position: relative;
	z-index: 1;
	display: block;
	width: auto;
	height: auto;
	max-width: min(1120px, calc(100vw - 48px));
	max-height: calc(100vh - 88px);
	border-radius: 8px;
	object-fit: contain;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.14),
		0 0 34px rgba(114, 213, 255, 0.22),
		0 0 54px rgba(255, 45, 190, 0.16);
}

.neonox-lightbox-close {
	position: fixed;
	top: 18px;
	right: 18px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.64);
	box-shadow: 0 0 20px rgba(255, 45, 190, 0.24);
	color: #fff;
	cursor: pointer;
	font-family: var(--font-ui);
	font-size: 2rem;
	line-height: 1;
}

.neonox-lightbox-close:hover,
.neonox-lightbox-close:focus-visible {
	border-color: rgba(114, 213, 255, 0.82);
	box-shadow:
		0 0 18px rgba(114, 213, 255, 0.36),
		0 0 26px rgba(255, 45, 190, 0.22);
	outline: none;
}

body.neonox-lightbox-open {
	overflow: hidden;
}

@media (max-width: 640px) {
	.neonox-lightbox {
		padding: 12px;
	}

	.neonox-lightbox-image {
		max-width: calc(100vw - 24px);
		max-height: calc(100vh - 78px);
		border-radius: 7px;
	}

	.neonox-lightbox-close {
		top: 12px;
		right: 12px;
		width: 42px;
		height: 42px;
		font-size: 1.75rem;
	}
}

@media (max-width: 640px) {
	.site-header {
		transition: background 180ms ease, box-shadow 180ms ease;
	}

	body.is-mobile-scrolled .site-header,
	.site-header.is-mobile-scrolled {
		background: linear-gradient(180deg, rgba(5, 7, 11, 0.98), rgba(0, 0, 0, 0.94));
		box-shadow: 0 10px 34px rgba(0, 0, 0, 0.54), inset 0 -1px 0 rgba(114, 213, 255, 0.14);
	}

	body.is-mobile-scrolled .header-topline,
	.site-header.is-mobile-scrolled .header-topline {
		min-height: 0;
		gap: 7px;
		padding: 5px 0 4px;
		border-bottom-color: rgba(255, 255, 255, 0.05);
	}

	body.is-mobile-scrolled .brand-logo,
	.site-header.is-mobile-scrolled .brand-logo {
		width: 132px;
		max-height: 27px;
	}

	body.is-mobile-scrolled .header-contacts,
	.site-header.is-mobile-scrolled .header-contacts {
		gap: 6px;
		padding: 6px;
	}

	body.is-mobile-scrolled .phone-link,
	.site-header.is-mobile-scrolled .phone-link {
		flex: 1 1 172px;
		min-height: 34px;
		padding: 0 9px;
		font-size: 0.9rem;
	}

	body.is-mobile-scrolled .phone-link-icon,
	.site-header.is-mobile-scrolled .phone-link-icon {
		width: 18px;
		height: 18px;
	}

	body.is-mobile-scrolled .mail-link,
	body.is-mobile-scrolled .header-callback,
	body.is-mobile-scrolled .cart-link,
	.site-header.is-mobile-scrolled .mail-link,
	.site-header.is-mobile-scrolled .header-callback,
	.site-header.is-mobile-scrolled .cart-link {
		display: none !important;
	}

	body.is-mobile-scrolled .messenger-actions,
	.site-header.is-mobile-scrolled .messenger-actions {
		gap: 5px;
	}

	body.is-mobile-scrolled .messenger-button,
	.site-header.is-mobile-scrolled .messenger-button {
		width: 34px;
		height: 34px;
	}

	body.is-mobile-scrolled .messenger-logo,
	.site-header.is-mobile-scrolled .messenger-logo {
		width: 22px;
		height: 22px;
	}

	body.is-mobile-scrolled .mobile-menu,
	.site-header.is-mobile-scrolled .mobile-menu {
		padding: 5px 0 7px;
	}

	body.is-mobile-scrolled .mobile-menu summary,
	.site-header.is-mobile-scrolled .mobile-menu summary {
		min-height: 36px;
		font-size: 0.9rem;
	}

	body.is-mobile-scrolled .mobile-menu[open] .mobile-menu-panel,
	.site-header.is-mobile-scrolled .mobile-menu[open] .mobile-menu-panel {
		display: none;
	}

	.categories-section,
	.benefits-section,
	.works-section,
	.process-section,
	.audience-section,
	.testimonials-section,
	.faq-section,
	.lead-section {
		scroll-margin-top: 176px;
	}

	.categories-section .section-head h2 {
		position: relative;
		z-index: 4;
		overflow: visible;
		line-height: 1.08;
	}

	.categories-section .section-head h2 span {
		display: block;
		margin-top: 2px;
	}

	.audience-section .audience-tile span,
	.audience-section .audience-tile .audience-tile-title {
		position: relative;
		z-index: 3;
		background: rgba(0, 0, 0, 0.86) !important;
		border-color: rgba(255, 255, 255, 0.24) !important;
		color: #fff !important;
		-webkit-text-fill-color: #fff !important;
		opacity: 1 !important;
		filter: none !important;
		mix-blend-mode: normal !important;
		text-shadow: 0 0 10px rgba(255, 255, 255, 0.3), 0 0 16px rgba(114, 213, 255, 0.18) !important;
	}
}