:root {
	--lesk-ink: #101914;
	--lesk-bg: #f7f8f5;
	--lesk-paper: #ffffff;
	--lesk-soft: #edf6ef;
	--lesk-green: #39a751;
	--lesk-green-dark: #197733;
	--lesk-lime: #b7ed69;
	--lesk-muted: #637068;
	--lesk-line: #dce5de;
	--lesk-night: #07110b;
	--lesk-night-card: #0f1e14;
	--lesk-radius: 28px;
	--lesk-shadow: 0 24px 70px rgba(16, 25, 20, .09);
}

.lesk-page-shell .entry-header,
.lesk-page-shell .hero-section {
	display: none !important;
}

.lesk-page-shell .site-main,
.lesk-page-shell .ct-container-full,
.lesk-page-shell .entry-content,
.lesk-page-shell [data-content="normal"] {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.lesk-page-shell .entry-content > .lesk-site {
	width: 100% !important;
	max-width: none !important;
	margin-inline: 0 !important;
}

.lesk-site {
	overflow: hidden;
	background: var(--lesk-bg);
	color: var(--lesk-ink);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

@media (min-width: 1000px) {
	.lesk-page-shell .ct-header .ct-container {
		grid-template-columns: minmax(0, 1fr) auto !important;
		column-gap: 14px;
	}

	.lesk-page-shell .ct-header [data-column="end"] {
		width: auto;
	}

	.lesk-page-shell .ct-header [data-id="menu"] {
		width: 100%;
		--menu-items-spacing: 14px;
	}

	.lesk-page-shell .ct-header [data-id="menu"] > .menu {
		width: 100%;
	}

	.lesk-page-shell .ct-header .lesk-menu-auth {
		margin-left: auto;
	}
}

.lesk-page-shell .ct-header [data-id="logo"] .site-title,
.lesk-page-shell .ct-header [data-id="logo"] .site-title a {
	white-space: nowrap;
	font-size: 21px;
	font-weight: 800;
	letter-spacing: -.03em;
}

.lesk-page-shell .ct-header [data-id="menu"] > .menu > li > a {
	font-size: 12px;
	font-weight: 750;
	letter-spacing: .015em;
	transition: color .2s ease, background .2s ease, border-color .2s ease;
}

.lesk-page-shell .ct-header [data-id="menu"] > .menu > li:not(.lesk-menu-auth):not(.lesk-menu-language) > a,
.lesk-page-shell .ct-header [data-id="menu"] > .menu > li:not(.lesk-menu-auth):not(.lesk-menu-language) > a.ct-highlight {
	height: auto;
	background: transparent;
	color: #1e2b1a;
}

.lesk-page-shell .ct-header [data-id="menu"] > .menu > li:not(.lesk-menu-auth):not(.lesk-menu-language) > a:hover,
.lesk-page-shell .ct-header [data-id="menu"] > .menu > .current-menu-item:not(.lesk-menu-auth):not(.lesk-menu-language) > a,
.lesk-page-shell .ct-header [data-id="menu"] > .menu > .current-menu-item:not(.lesk-menu-auth):not(.lesk-menu-language) > a.ct-highlight {
	background: transparent;
	color: var(--lesk-green-dark);
}

.lesk-page-shell .ct-header .lesk-menu-auth > a,
.lesk-page-shell .ct-header .lesk-menu-language > a {
	min-height: 44px;
	margin-block: auto;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 750;
}

.lesk-page-shell .ct-header .lesk-menu-auth > a {
	min-width: 82px;
	padding-inline: 18px;
	border: 1px solid var(--lesk-lime);
	background: var(--lesk-lime);
	color: var(--lesk-night);
	justify-content: center;
	box-shadow: 0 9px 22px rgba(183,237,105,.16);
}

.lesk-page-shell .ct-header .lesk-menu-auth > a:hover {
	border-color: #caf58d;
	background: #caf58d;
	color: var(--lesk-night);
	transform: translateY(-1px);
}

.lesk-page-shell .ct-header .lesk-menu-language > a {
	min-width: 82px;
	padding-inline: 14px;
	border: 1px solid var(--lesk-line);
	background: #fff;
	color: #1e2b1a;
	justify-content: center;
	gap: 8px;
	white-space: nowrap;
}

.lesk-page-shell .ct-header .lesk-menu-language > a:hover {
	background: rgba(183, 237, 105, .16);
}

.lesk-page-shell .ct-header [data-id="button"] .ct-button {
	min-height: 44px;
	padding-inline: 22px;
	border-color: var(--lesk-green);
	border-radius: 10px;
	background: var(--lesk-green);
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	box-shadow: 0 10px 26px rgba(57, 167, 81, .2);
}

.lesk-page-shell .ct-header [data-id="button"] .ct-button:hover {
	border-color: var(--lesk-green-dark);
	background: var(--lesk-green-dark);
	color: #fff;
}

.lesk-flag-icon {
	display: block;
	flex: 0 0 auto;
	width: 22px;
	height: 15px;
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 3px;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .2);
}

@media (max-width: 999px) {
	.lesk-page-shell .mobile-menu .lesk-menu-auth,
	.lesk-page-shell .mobile-menu .lesk-menu-language {
		margin-top: 10px;
	}

	.lesk-page-shell .mobile-menu .lesk-menu-auth > a,
	.lesk-page-shell .mobile-menu .lesk-menu-language > a {
		width: 100%;
		min-height: 46px;
		justify-content: flex-start;
		padding-inline: 16px;
	}
}

.lesk-container {
	width: min(1320px, calc(100% - 64px));
	margin-inline: auto;
}

.lesk-section {
	position: relative;
	padding: 110px 0;
}

.lesk-section--white {
	background: var(--lesk-paper);
}

.lesk-section--night {
	background:
		radial-gradient(circle at 85% 15%, rgba(57, 167, 81, .22), transparent 28rem),
		var(--lesk-night);
	color: #fff;
}

.lesk-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
	color: var(--lesk-green-dark);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.lesk-eyebrow::before {
	width: 24px;
	height: 2px;
	background: currentColor;
	content: "";
}

.lesk-section--night .lesk-eyebrow,
.lesk-hero .lesk-eyebrow {
	color: var(--lesk-lime);
}

.lesk-display,
.lesk-heading {
	margin: 0;
	color: inherit;
	font-weight: 750;
	letter-spacing: -.055em;
}

.lesk-display {
	max-width: 720px;
	font-size: clamp(48px, 4.1vw, 64px);
	line-height: 1.03;
}

.lesk-title-line {
	display: block;
}

.lesk-title-line--long {
	white-space: normal;
}

.lesk-heading {
	max-width: 820px;
	font-size: clamp(34px, 4.4vw, 60px);
	line-height: 1.04;
}

.lesk-highlight {
	position: relative;
	z-index: 0;
	white-space: nowrap;
}

.lesk-highlight::after {
	position: absolute;
	z-index: -1;
	right: -.04em;
	bottom: .06em;
	left: -.04em;
	height: .29em;
	border-radius: 999px;
	background: var(--lesk-lime);
	content: "";
	opacity: .8;
}

.lesk-copy {
	max-width: 720px;
	margin: 24px 0 0;
	color: var(--lesk-muted);
	font-size: clamp(17px, 1.6vw, 20px);
	line-height: 1.75;
}

.lesk-section--night .lesk-copy,
.lesk-hero .lesk-copy {
	color: #b9c8bd;
}

.lesk-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 34px;
}

.lesk-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
	min-height: 58px;
	padding: 0 28px;
	border: 1px solid var(--lesk-green);
	border-radius: 14px;
	background: linear-gradient(135deg, #42b95c, #2c9845);
	color: #fff !important;
	font-size: 15px;
	font-weight: 800;
	text-decoration: none !important;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.lesk-button:hover {
	transform: translateY(-2px);
	background: var(--lesk-green-dark);
	box-shadow: 0 13px 30px rgba(57, 167, 81, .25);
}

.lesk-button--ghost {
	border-color: var(--lesk-line);
	background: transparent;
	color: var(--lesk-ink) !important;
}

.lesk-section--night .lesk-button--ghost,
.lesk-hero .lesk-button--ghost {
	border-color: rgba(255,255,255,.2);
	background: rgba(255, 255, 255, .04);
	color: #fff !important;
}

.lesk-arrow {
	font-size: 18px;
	line-height: 1;
}

.lesk-hero {
	position: relative;
	padding: 104px 0 82px;
	overflow: hidden;
	background:
		linear-gradient(118deg, rgba(7,17,11,.98) 0%, rgba(9,29,16,.96) 62%, rgba(26,71,37,.9) 100%),
		var(--lesk-night);
	color: #fff;
}

.lesk-hero::before,
.lesk-hero::after {
	position: absolute;
	border: 1px solid rgba(183,237,105,.13);
	border-radius: 50%;
	content: "";
}

.lesk-hero::before {
	top: -320px;
	right: -180px;
	width: 760px;
	height: 760px;
}

.lesk-hero::after {
	top: -220px;
	right: -80px;
	width: 560px;
	height: 560px;
}

.lesk-hero-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(520px, .88fr);
	gap: 62px;
	align-items: center;
}

.lesk-proof {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
	margin-top: 36px;
	color: #d7e2da;
	font-size: 13px;
}

.lesk-proof span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.lesk-proof span::before {
	display: grid;
	place-items: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: rgba(183,237,105,.14);
	color: var(--lesk-lime);
	content: "✓";
	font-size: 11px;
	font-weight: 900;
}

.lesk-dashboard {
	position: relative;
	padding: 15px;
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 26px;
	background: rgba(255,255,255,.08);
	box-shadow: 0 40px 100px rgba(0,0,0,.38);
	backdrop-filter: blur(14px);
	transform: rotate(1.2deg);
}

.lesk-dashboard::before {
	position: absolute;
	z-index: -1;
	inset: 25px -22px -25px 28px;
	border-radius: 25px;
	background: var(--lesk-green);
	content: "";
	opacity: .28;
	transform: rotate(-4deg);
}

.lesk-windowbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 5px 16px;
	color: #b8c8bd;
	font-size: 11px;
}

.lesk-dots {
	display: flex;
	gap: 5px;
}

.lesk-dots i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: rgba(255,255,255,.26);
}

.lesk-screen {
	padding: 20px;
	border-radius: 17px;
	background: #f8faf7;
	color: var(--lesk-ink);
}

.lesk-domain {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding-bottom: 17px;
	border-bottom: 1px solid var(--lesk-line);
}

.lesk-domain strong,
.lesk-domain small {
	display: block;
}

.lesk-domain small {
	margin-top: 4px;
	color: var(--lesk-muted);
	font-size: 11px;
}

.lesk-pulse {
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-right: 8px;
	border-radius: 50%;
	background: var(--lesk-green);
	box-shadow: 0 0 0 6px rgba(57,167,81,.12);
}

.lesk-badges {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 5px;
}

.lesk-badges span,
.lesk-tag {
	padding: 6px 9px;
	border-radius: 999px;
	background: var(--lesk-soft);
	color: var(--lesk-green-dark);
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.lesk-command-grid,
.lesk-stat-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 9px;
	margin-top: 14px;
}

.lesk-command {
	padding: 12px 8px;
	border: 1px solid var(--lesk-line);
	border-radius: 10px;
	background: #fff;
	font-size: 10px;
	font-weight: 760;
	text-align: center;
}

.lesk-command:first-child {
	border-color: var(--lesk-green);
	background: var(--lesk-green);
	color: #fff;
}

.lesk-stat {
	padding: 13px;
	border-radius: 11px;
	background: #eef2ed;
}

.lesk-stat small,
.lesk-stat strong {
	display: block;
}

.lesk-stat small {
	color: var(--lesk-muted);
	font-size: 9px;
}

.lesk-stat strong {
	margin-top: 5px;
	font-size: 12px;
}

.lesk-panel-shot {
	position: relative;
	display: grid;
	grid-template-columns: 72px 1fr;
	min-height: 480px;
	padding: 14px;
	border: 1px solid rgba(183, 237, 105, .2);
	border-radius: 24px;
	background: #0c1710;
	box-shadow: 0 36px 90px rgba(0,0,0,.42), 0 0 0 8px rgba(255,255,255,.025);
	overflow: hidden;
	transform: none;
}

.lesk-panel-shot::before {
	position: absolute;
	z-index: -1;
	inset: 30px -18px -26px 36px;
	border-radius: 26px;
	background: rgba(57,167,81,.35);
	content: "";
	transform: rotate(-2deg);
}

.lesk-shot-sidebar {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 32px;
	padding: 14px 7px;
	color: #fff;
}

.lesk-shot-brand {
	display: grid;
	justify-items: center;
	gap: 3px;
}

.lesk-shot-brand > span {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 10px;
	background: var(--lesk-green);
	font-size: 11px;
	font-weight: 900;
}

.lesk-shot-brand strong {
	font-size: 12px;
}

.lesk-shot-brand small {
	color: #7f9385;
	font-size: 7px;
	letter-spacing: .12em;
}

.lesk-shot-sidebar nav {
	display: grid;
	gap: 11px;
}

.lesk-shot-sidebar nav i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 10px;
	color: #718478;
}

.lesk-shot-sidebar nav i.active {
	background: rgba(183,237,105,.14);
	color: var(--lesk-lime);
}

.lesk-shot-sidebar svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
}

.lesk-shot-workspace {
	padding: 24px;
	border-radius: 18px;
	background: #f7f9f6;
	color: var(--lesk-ink);
}

.lesk-shot-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.lesk-shot-top small,
.lesk-shot-top strong {
	display: block;
}

.lesk-shot-top small {
	margin-bottom: 4px;
	color: #87938b;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .08em;
}

.lesk-shot-top strong {
	font-size: 20px;
	letter-spacing: -.02em;
}

.lesk-shot-top button {
	padding: 11px 14px;
	border: 0;
	border-radius: 9px;
	background: var(--lesk-green);
	color: #fff;
	font-size: 10px;
	font-weight: 850;
}

.lesk-demo-live {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--lesk-green-dark);
	font-size: 8px;
	font-weight: 800;
	white-space: nowrap;
}

.lesk-demo-live i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--lesk-green);
	box-shadow: 0 0 0 4px rgba(57, 167, 81, .12);
}

.lesk-demo-player {
	position: relative;
	margin-top: 16px;
	border: 1px solid var(--lesk-line);
	border-radius: 15px;
	background: #fff;
	overflow: hidden;
}

.lesk-demo-progress {
	height: 4px;
	background: #e4ebe5;
}

.lesk-demo-progress > i {
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, var(--lesk-green), var(--lesk-lime));
	transform: scaleX(0);
	transform-origin: left;
	animation: leskDemoTimeline 22.5s linear infinite;
}

.lesk-demo-stage {
	position: relative;
	min-height: 390px;
}

.lesk-demo-scene {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	padding: 18px;
	opacity: 0;
	transform: translateY(8px);
	animation: leskDemoScene 22.5s linear infinite;
	animation-delay: calc(var(--scene-index) * 2.5s);
}

.lesk-demo-scene-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.lesk-demo-step,
.lesk-demo-status {
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .09em;
}

.lesk-demo-step {
	color: var(--lesk-green-dark);
}

.lesk-demo-status {
	padding: 5px 7px;
	border-radius: 999px;
	background: var(--lesk-soft);
	color: var(--lesk-muted);
}

.lesk-demo-icon {
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	margin: 0;
	border-radius: 12px;
	background: var(--lesk-green);
	color: #fff;
	box-shadow: 0 10px 22px rgba(57, 167, 81, .2);
}

.lesk-demo-icon svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.lesk-demo-heading {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 13px 0 10px;
}

.lesk-demo-scene h3 {
	margin: 0 0 4px;
	color: var(--lesk-ink);
	font-size: 18px;
	letter-spacing: -.035em;
}

.lesk-demo-scene p {
	max-width: 390px;
	margin: 0;
	color: var(--lesk-muted);
	font-size: 10px;
	line-height: 1.4;
}

.lesk-demo-visual {
	min-height: 82px;
	padding: 10px;
	border: 1px solid #e0e8e2;
	border-radius: 11px;
	background: #f7faf7;
	overflow: hidden;
}

.lesk-demo-domain-row,
.lesk-demo-mini-actions,
.lesk-demo-fields,
.lesk-demo-icon-options,
.lesk-demo-builder,
.lesk-demo-toggles,
.lesk-demo-index {
	display: flex;
	align-items: center;
	gap: 7px;
}

.lesk-demo-domain-row {
	padding: 8px;
	border-radius: 8px;
	background: #fff;
	font-size: 9px;
}

.lesk-demo-domain-row strong {
	font-size: 11px;
}

.lesk-demo-domain-row em {
	color: var(--lesk-muted);
	font-style: normal;
}

.lesk-demo-domain-row span {
	margin-left: auto;
	color: var(--lesk-green-dark);
	font-weight: 800;
}

.lesk-demo-mini-actions {
	margin-top: 7px;
}

.lesk-demo-mini-actions > * {
	padding: 5px 9px;
	border-radius: 7px;
	background: #e9f1eb;
	color: var(--lesk-green-dark);
	font-size: 8px;
	font-weight: 800;
}

.lesk-demo-mini-actions b {
	background: var(--lesk-green);
	color: #fff;
}

.lesk-demo-setup {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 6px;
}

.lesk-demo-setup span {
	display: grid;
	place-items: center;
	gap: 4px;
	min-height: 60px;
	padding: 6px 3px;
	border-radius: 8px;
	background: #fff;
	opacity: 0;
	animation: leskCampaignOpen 2.5s ease infinite;
}

.lesk-demo-setup span:nth-child(2) { animation-delay: .15s; }
.lesk-demo-setup span:nth-child(3) { animation-delay: .3s; }
.lesk-demo-setup span:nth-child(4) { animation-delay: .45s; }
.lesk-demo-setup i {
	display: grid;
	place-items: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--lesk-green);
	color: #fff;
	font-style: normal;
	font-weight: 900;
}
.lesk-demo-setup b { font-size: 7px; }
.lesk-demo-setup em { color: var(--lesk-green); font-style: normal; font-weight: 900; }

.lesk-demo-fields {
	align-items: stretch;
}

.lesk-demo-fields label {
	flex: 1;
	padding: 8px;
	border-radius: 8px;
	background: #fff;
	color: var(--lesk-muted);
	font-size: 7px;
	font-weight: 800;
}

.lesk-demo-fields strong {
	display: block;
	margin-top: 5px;
	color: var(--lesk-ink);
	font-size: 10px;
}

.lesk-demo-modes {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
}

.lesk-demo-modes span {
	display: grid;
	place-items: center;
	gap: 5px;
	min-height: 60px;
	padding: 7px 4px;
	border: 1px solid #dce7de;
	border-radius: 8px;
	background: #fff;
	color: var(--lesk-green-dark);
	font-size: 14px;
	animation: leskLiveChoice 2.5s ease infinite;
}

.lesk-demo-modes span:nth-child(2) { animation-delay: .35s; }
.lesk-demo-modes span:nth-child(3) { animation-delay: .7s; }

.lesk-demo-modes b {
	color: var(--lesk-ink);
	font-size: 7px;
	text-align: center;
}

.lesk-demo-redirect {
	display: grid;
	grid-template-columns: auto 1fr auto 1fr auto;
	gap: 6px;
	align-items: center;
	min-height: 60px;
	padding: 9px;
	border-radius: 8px;
	background: #fff;
	font-size: 7px;
}

.lesk-demo-redirect > span,
.lesk-demo-redirect > em {
	padding: 6px;
	border-radius: 6px;
	background: #102018;
	color: var(--lesk-lime);
	font-style: normal;
	font-weight: 900;
}

.lesk-demo-redirect > b,
.lesk-demo-redirect > strong {
	padding: 7px;
	border-radius: 6px;
	background: #edf4ee;
	white-space: nowrap;
}

.lesk-demo-redirect > i {
	color: var(--lesk-green);
	font-size: 15px;
	font-style: normal;
	font-weight: 900;
	animation: leskRedirectArrow .8s ease-in-out infinite alternate;
}

.lesk-demo-icon-options span {
	position: relative;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border: 1px solid var(--lesk-line);
	border-radius: 10px;
	background: #fff;
	color: var(--lesk-green-dark);
	font-size: 18px;
}

.lesk-demo-icon-options span.selected {
	border: 2px solid var(--lesk-green);
}

.lesk-demo-icon-options span i {
	position: absolute;
	right: -5px;
	bottom: -5px;
	display: grid;
	place-items: center;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: var(--lesk-green);
	color: #fff;
	font-size: 8px;
	font-style: normal;
}

.lesk-demo-icon-options > b {
	margin-left: auto;
	color: var(--lesk-green-dark);
	font-size: 9px;
}

.lesk-demo-site {
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(16, 25, 20, .06);
}

.lesk-demo-site header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 9px;
	font-size: 7px;
}

.lesk-demo-site header span {
	padding: 4px 6px;
	border-radius: 5px;
	background: var(--lesk-green);
	color: #fff;
}

.lesk-demo-site > div {
	position: relative;
	padding: 9px;
	background: linear-gradient(120deg, #e9f6ec, #fff);
}

.lesk-demo-site small,
.lesk-demo-site b {
	display: block;
}

.lesk-demo-site small {
	color: var(--lesk-green-dark);
	font-size: 6px;
}

.lesk-demo-site b {
	margin: 3px 0 7px;
	font-size: 10px;
}

.lesk-demo-site > div i {
	display: inline-block;
	width: 42px;
	height: 5px;
	margin-right: 4px;
	border-radius: 99px;
	background: #cddbd0;
}

.lesk-demo-builder {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.lesk-demo-builder span {
	padding: 9px 5px;
	border-radius: 8px;
	background: #fff;
	color: var(--lesk-muted);
	font-size: 7px;
	text-align: center;
}

.lesk-demo-builder b {
	display: block;
	margin-bottom: 3px;
	color: var(--lesk-green-dark);
	font-size: 13px;
}

.lesk-demo-file-panel header {
	display: flex;
	gap: 6px;
	align-items: center;
	margin-bottom: 7px;
}

.lesk-demo-file-panel header b {
	color: var(--lesk-ink);
	font-size: 11px;
}

.lesk-demo-file-panel header span,
.lesk-demo-file-panel header em {
	margin-left: auto;
	padding: 3px 6px;
	border-radius: 999px;
	background: rgba(57,167,81,.12);
	color: var(--lesk-green-dark);
	font-size: 7px;
	font-style: normal;
	font-weight: 900;
}

.lesk-demo-file-panel header em {
	margin-left: 0;
	background: var(--lesk-green-dark);
	color: var(--lesk-lime);
}

.lesk-demo-file-panel > div {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
}

.lesk-demo-file-panel > div span {
	display: grid;
	grid-template-columns: 22px 1fr;
	grid-template-rows: auto auto;
	gap: 0 6px;
	align-items: center;
	min-width: 0;
	padding: 7px;
	border: 1px solid #d7e3d9;
	border-radius: 8px;
	background: #fff;
	animation: leskDemoFileCard 2.2s ease-in-out infinite;
}

.lesk-demo-file-panel > div span:nth-child(2) { animation-delay: .12s; }
.lesk-demo-file-panel > div span:nth-child(3) { animation-delay: .24s; }
.lesk-demo-file-panel > div span:nth-child(4) { animation-delay: .36s; }
.lesk-demo-file-panel > div span:nth-child(5) { animation-delay: .48s; }
.lesk-demo-file-panel > div span:nth-child(6) { animation-delay: .6s; }

.lesk-demo-file-panel i {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 6px;
	background: var(--lesk-green-dark);
	color: var(--lesk-lime);
	font-size: 8px;
	font-style: normal;
	font-weight: 900;
}

.lesk-demo-file-panel b,
.lesk-demo-file-panel small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lesk-demo-file-panel b {
	color: var(--lesk-ink);
	font-size: 8px;
}

.lesk-demo-file-panel small {
	color: var(--lesk-muted);
	font-size: 6px;
	font-weight: 750;
}

.lesk-demo-multi header,
.lesk-demo-multi article > div {
	display: flex;
	gap: 6px;
	align-items: center;
}

.lesk-demo-multi header {
	margin-bottom: 6px;
}

.lesk-demo-multi header b {
	color: var(--lesk-ink);
	font-size: 8px;
	letter-spacing: .04em;
}

.lesk-demo-multi header span {
	margin-left: auto;
	padding: 3px 6px;
	border-radius: 999px;
	background: var(--lesk-green-dark);
	color: var(--lesk-lime);
	font-size: 6px;
	font-weight: 900;
}

.lesk-demo-multi article {
	margin-top: 5px;
	padding: 6px;
	border: 1px solid #d7e3d9;
	border-radius: 8px;
	background: #fff;
}

.lesk-demo-multi article.is-open {
	border-color: rgba(57,167,81,.55);
	box-shadow: 0 6px 16px rgba(31,102,52,.08);
	animation: leskDemoFileCard 2.2s ease-in-out infinite;
}

.lesk-demo-multi article i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--lesk-green);
	box-shadow: 0 0 0 3px rgba(57,167,81,.15);
}

.lesk-demo-multi strong {
	min-width: 0;
	overflow: hidden;
	color: var(--lesk-ink);
	font-size: 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lesk-demo-multi small,
.lesk-demo-multi em {
	padding: 2px 5px;
	border-radius: 999px;
	font-size: 6px;
	font-style: normal;
	font-weight: 900;
}

.lesk-demo-multi small {
	background: rgba(72,166,255,.12);
	color: #2d78c4;
}

.lesk-demo-multi em {
	margin-left: auto;
	background: var(--lesk-lime);
	color: var(--lesk-night);
}

.lesk-demo-multi ul {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 5px 0 0;
	padding: 0;
	list-style: none;
}

.lesk-demo-multi li {
	padding: 3px 5px;
	border-radius: 6px;
	background: var(--lesk-soft);
	color: var(--lesk-green-dark);
	font-size: 6px;
	font-weight: 900;
}

@keyframes leskDemoFileCard {
	50% {
		border-color: rgba(57,167,81,.55);
		transform: translateY(-2px);
	}
}

.lesk-demo-google {
	position: relative;
	display: grid;
	grid-template-columns: 48px 1fr;
	gap: 9px;
	align-items: center;
	padding: 7px;
	border-radius: 8px;
	background: #fff;
}

.lesk-demo-rank {
	display: grid;
	place-items: center;
	height: 48px;
	border-radius: 9px;
	background: var(--lesk-green);
	color: #fff;
	font-size: 16px;
	font-weight: 900;
}

.lesk-demo-rank small {
	font-size: 6px;
	letter-spacing: .08em;
}

.lesk-demo-google div > * {
	display: block;
	margin: 0;
}

.lesk-demo-google small {
	color: var(--lesk-green-dark);
	font-size: 6px;
}

.lesk-demo-google strong {
	margin: 3px 0;
	color: #2851a3;
	font-size: 9px;
}

.lesk-demo-google p {
	color: var(--lesk-muted);
	font-size: 7px;
}

.lesk-demo-toggles,
.lesk-demo-index {
	flex-wrap: wrap;
}

.lesk-demo-toggles span,
.lesk-demo-index span {
	flex: 1 1 42%;
	padding: 8px;
	border-radius: 8px;
	background: #fff;
	color: var(--lesk-muted);
	font-size: 8px;
	font-weight: 750;
}

.lesk-demo-toggles i {
	float: right;
	color: var(--lesk-green-dark);
	font-style: normal;
}

.lesk-demo-toggles b {
	float: right;
	color: var(--lesk-ink);
}

.lesk-demo-index span {
	color: var(--lesk-green-dark);
}

.lesk-demo-index strong {
	flex-basis: 100%;
	color: var(--lesk-ink);
	font-size: 9px;
}

.lesk-demo-result {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 13px;
	padding-top: 9px;
	color: var(--lesk-green-dark);
	font-size: 10px;
	font-weight: 800;
}

.lesk-demo-result span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.lesk-demo-result span i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--lesk-green);
}

.lesk-demo-result-bar {
	height: 7px;
	margin-top: 9px;
	border-radius: 999px;
	background: #e6ede7;
	overflow: hidden;
}

.lesk-demo-result-bar i {
	display: block;
	width: var(--scene-progress);
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--lesk-green), var(--lesk-lime));
}

@keyframes leskDemoScene {
	0%, 9.2% {
		opacity: 1;
		transform: translateY(0);
	}
	11.2%, 100% {
		opacity: 0;
		transform: translateY(-8px);
	}
}

@keyframes leskDemoTimeline {
	to {
		transform: scaleX(1);
	}
}

.lesk-shot-registrars {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 13px;
	padding: 8px 10px;
	border: 1px solid #dfe9e1;
	border-radius: 10px;
	background: #fff;
	font-size: 7px;
}

.lesk-shot-registrars strong {
	margin-right: 3px;
	color: var(--lesk-ink);
}

.lesk-shot-registrars span {
	padding: 3px 6px;
	border-radius: 999px;
	background: var(--lesk-soft);
	color: var(--lesk-green-dark);
	font-weight: 800;
}

.lesk-shot-registrars em {
	margin-left: auto;
	color: #7b8980;
	font-style: normal;
}

.lesk-shot-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	margin-top: 16px;
}

.lesk-shot-stats > div {
	padding: 12px;
	border: 1px solid var(--lesk-line);
	border-radius: 11px;
	background: #fff;
}

.lesk-shot-stats small,
.lesk-shot-stats strong,
.lesk-shot-stats span {
	display: block;
}

.lesk-shot-stats small {
	color: #78877d;
	font-size: 8px;
	font-weight: 800;
}

.lesk-shot-stats strong {
	margin: 5px 0 2px;
	font-size: 18px;
	line-height: 1;
}

.lesk-shot-stats span {
	color: var(--lesk-green-dark);
	font-size: 8px;
}

.lesk-shot-table {
	margin-top: 12px;
	border: 1px solid var(--lesk-line);
	border-radius: 11px;
	background: #fff;
	overflow: hidden;
}

.lesk-shot-table > div {
	display: grid;
	grid-template-columns: minmax(145px, 1.55fr) .8fr .65fr .75fr;
	gap: 8px;
	align-items: center;
	padding: 10px 12px;
	border-top: 1px solid #edf1ed;
	font-size: 8px;
}

.lesk-shot-table > div.head {
	border: 0;
	background: #edf3ee;
	color: #718078;
	font-size: 7px;
	font-weight: 850;
	letter-spacing: .06em;
}

.lesk-shot-table > div > span:first-child {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	column-gap: 8px;
}

.lesk-shot-table .lesk-pulse {
	grid-row: 1 / 3;
	width: 6px;
	height: 6px;
	margin: 0;
	box-shadow: 0 0 0 4px rgba(57,167,81,.1);
}

.lesk-shot-table strong,
.lesk-shot-table small {
	display: block;
}

.lesk-shot-table small {
	grid-column: 2;
	margin-top: 2px;
	color: #929d96;
	font-size: 7px;
}

.lesk-shot-table em {
	padding: 4px 6px;
	border-radius: 999px;
	background: var(--lesk-soft);
	color: var(--lesk-green-dark);
	font-size: 7px;
	font-style: normal;
	font-weight: 850;
}

.lesk-shot-table span:last-child b {
	color: var(--lesk-green-dark);
	font-size: 7px;
}

.lesk-shot-tools {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 11px;
}

.lesk-shot-tools span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 6px 8px;
	border-radius: 8px;
	background: #e9efea;
	color: #526057;
	font-size: 7px;
	font-weight: 780;
}

.lesk-shot-tools svg {
	width: 11px;
	height: 11px;
	fill: var(--lesk-green-dark);
}

.lesk-ticker {
	border-bottom: 1px solid var(--lesk-line);
	background: var(--lesk-paper);
}

.lesk-ticker-track {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	padding: 22px 0;
}

.lesk-ticker span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	color: #526057;
	font-size: 12px;
	font-weight: 700;
}

.lesk-ticker span::before {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--lesk-green);
	content: "";
}

.lesk-intro {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 48px;
}

.lesk-intro .lesk-copy {
	max-width: 520px;
	margin: 0;
}

.lesk-card-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.lesk-card {
	position: relative;
	min-height: 310px;
	padding: 34px;
	border: 1px solid var(--lesk-line);
	border-radius: var(--lesk-radius);
	background: var(--lesk-paper);
	box-shadow: 0 1px 0 rgba(16,25,20,.02);
	transition: transform .25s ease, box-shadow .25s ease;
}

.lesk-card:hover {
	transform: translateY(-5px);
	box-shadow: var(--lesk-shadow);
}

.lesk-card:nth-child(2n) {
	background: var(--lesk-soft);
}

.lesk-icon {
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	margin-bottom: 40px;
	border-radius: 17px;
	background: var(--lesk-soft);
	color: var(--lesk-green-dark);
}

.lesk-card:nth-child(2n) .lesk-icon {
	background: #fff;
}

.lesk-icon svg {
	width: 25px;
	height: 25px;
	fill: currentColor;
}

.lesk-card h2,
.lesk-card h3,
.lesk-feature h3,
.lesk-price h3,
.lesk-step h3 {
	margin: 0 0 12px;
	color: var(--lesk-ink);
	font-size: 22px;
	letter-spacing: -.025em;
}

.lesk-card p,
.lesk-feature p,
.lesk-step p {
	margin: 0;
	color: var(--lesk-muted);
	font-size: 15px;
	line-height: 1.75;
}

.lesk-card-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 24px;
	color: var(--lesk-green-dark);
	font-size: 14px;
	font-weight: 800;
	text-decoration: none !important;
}

.lesk-services-page-card {
	overflow: hidden;
	opacity: 0;
	transform: translateY(34px) scale(.965);
	transition:
		opacity .7s ease calc(var(--card-order) * 150ms),
		transform .7s cubic-bezier(.2,.75,.2,1) calc(var(--card-order) * 150ms),
		box-shadow .25s ease;
}

.lesk-services-page-card::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--lesk-green), var(--lesk-lime));
	content: "";
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .75s ease calc((var(--card-order) * 150ms) + 180ms);
}

.lesk-services-page-cards.is-visible .lesk-services-page-card {
	opacity: 1;
	transform: none;
}

.lesk-services-page-cards.is-visible .lesk-services-page-card::before {
	transform: scaleX(1);
}

.lesk-services-page-card:hover {
	transform: translateY(-7px);
}

.lesk-services-page-card .lesk-icon {
	transition: transform .35s ease, background .35s ease, color .35s ease;
}

.lesk-services-page-card:hover .lesk-icon {
	background: var(--lesk-green);
	color: #fff;
	transform: rotate(-5deg) scale(1.08);
}

.lesk-security-grid,
.lesk-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	align-items: center;
}

.lesk-security-art {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 530px;
	isolation: isolate;
}

.lesk-security-art--video {
	min-height: 565px;
	border: 1px solid rgba(183,237,105,.1);
	border-radius: 24px;
	background: radial-gradient(circle at 50% 46%, rgba(57,167,81,.1), transparent 43%), rgba(3,20,10,.34);
	box-shadow: inset 0 0 60px rgba(0,0,0,.18);
	overflow: hidden;
}

.lesk-security-video-head {
	position: absolute;
	top: 13px;
	right: 15px;
	left: 15px;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding-bottom: 9px;
	border-bottom: 1px solid rgba(255,255,255,.08);
	color: #fff;
}

.lesk-security-video-head span {
	display: flex;
	gap: 6px;
	align-items: center;
	color: var(--lesk-lime);
	font-size: 6px;
	font-weight: 900;
	letter-spacing: .08em;
}

.lesk-security-video-head span i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--lesk-lime);
	box-shadow: 0 0 12px var(--lesk-lime);
	animation: leskServerLight .8s steps(2) infinite;
}

.lesk-security-video-head b {
	font-size: 8px;
	letter-spacing: .08em;
}

.lesk-security-video-head em {
	padding: 4px 6px;
	border-radius: 999px;
	background: rgba(183,237,105,.1);
	color: var(--lesk-lime);
	font-size: 5px;
	font-style: normal;
	font-weight: 900;
}

.lesk-security-home-card {
	position: relative;
	min-height: 450px;
	padding: 28px 22px;
	background: radial-gradient(circle at 50% 45%, rgba(57,167,81,.18), rgba(4,24,12,.1) 48%, transparent 72%);
	overflow: hidden;
}

.lesk-security-home-rings,
.lesk-security-home-rings i {
	position: absolute;
	top: 45%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.lesk-security-home-rings {
	width: 380px;
	height: 380px;
}

.lesk-security-home-rings i {
	display: block;
	border: 2px solid currentColor;
	border-radius: 50%;
	opacity: .12;
}

.lesk-security-home-rings .is-cf {
	width: 370px;
	height: 370px;
	color: #f6821f;
	animation: leskHomeRingCf 7s ease-in-out infinite;
}

.lesk-security-home-rings .is-safe {
	width: 285px;
	height: 285px;
	color: #48a6ff;
	animation: leskHomeRingSafe 7s ease-in-out infinite;
}

.lesk-security-home-rings .is-lesk {
	width: 205px;
	height: 205px;
	color: var(--lesk-lime);
	animation: leskHomeRingLesk 7s ease-in-out infinite;
}

.lesk-security-home-shield {
	position: absolute;
	z-index: 4;
	top: 45%;
	left: 50%;
	display: grid;
	place-items: center;
	width: 150px;
	height: 174px;
	padding: 28px;
	clip-path: polygon(50% 0, 94% 16%, 85% 73%, 50% 100%, 15% 73%, 6% 16%);
	background: linear-gradient(150deg, var(--lesk-lime), var(--lesk-green));
	color: #07110b;
	text-align: center;
	transform: translate(-50%, -50%);
	animation: leskHomeShield 7s ease-in-out infinite;
}

.lesk-security-home-shield svg {
	width: 34px;
	height: 34px;
	margin-bottom: 7px;
	fill: currentColor;
}

.lesk-security-home-shield strong {
	font-size: 13px;
	line-height: 1.15;
}

.lesk-security-home-brand b,
.lesk-security-home-brand em,
.lesk-security-home-brand small {
	display: block;
}

.lesk-security-home-brand b {
	font-size: 21px;
	line-height: .9;
	letter-spacing: -.06em;
}

.lesk-security-home-brand em {
	margin-top: 4px;
	font-size: 11px;
	font-style: normal;
	font-weight: 950;
	letter-spacing: .22em;
}

.lesk-security-home-brand small {
	margin-top: 8px;
	padding-top: 6px;
	border-top: 1px solid rgba(7,17,11,.32);
	font-size: 5px;
	font-weight: 900;
	letter-spacing: .14em;
}

.lesk-security-home-attacks span {
	position: absolute;
	z-index: 3;
	display: grid;
	place-items: center;
	height: 29px;
	padding: 0 9px;
	border: 1px solid rgba(255,92,92,.5);
	border-radius: 999px;
	background: rgba(47,7,10,.92);
	color: #ff8989;
	font-size: 8px;
	font-weight: 950;
	letter-spacing: .08em;
	opacity: 0;
	box-shadow: 0 0 16px rgba(255,66,66,.18);
}

.lesk-security-home-attacks .is-ddos {
	top: 19%;
	right: 0;
	animation: leskHomeAttackCf 7s ease-in-out infinite;
}

.lesk-security-home-attacks .is-spider {
	top: 44%;
	left: 0;
	width: 29px;
	padding: 0;
	font-size: 16px;
	animation: leskHomeAttackSafe 7s ease-in-out infinite;
}

.lesk-security-home-attacks .is-bot {
	right: 4%;
	bottom: 23%;
	animation: leskHomeAttackLesk 7s ease-in-out infinite;
}

.lesk-security-home-beams i {
	position: absolute;
	z-index: 3;
	top: 45%;
	left: 50%;
	width: 165px;
	height: 2px;
	background: currentColor;
	opacity: 0;
	filter: drop-shadow(0 0 6px currentColor);
	transform-origin: left center;
}

.lesk-security-home-beams .is-cf {
	color: #f6821f;
	transform: rotate(-26deg) scaleX(0);
	animation: leskHomeBeamCf 7s ease-in-out infinite;
}

.lesk-security-home-beams .is-safe {
	color: #48a6ff;
	transform: rotate(180deg) scaleX(0);
	animation: leskHomeBeamSafe 7s ease-in-out infinite;
}

.lesk-security-home-beams .is-lesk {
	color: var(--lesk-lime);
	transform: rotate(31deg) scaleX(0);
	animation: leskHomeBeamLesk 7s ease-in-out infinite;
}

.lesk-security-home-layers {
	position: absolute;
	z-index: 5;
	right: 0;
	bottom: 40px;
	left: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.lesk-security-home-layers span {
	padding: 7px 4px;
	border-bottom: 2px solid rgba(255,255,255,.09);
	color: #b7c6ba;
	font-size: 8px;
	font-weight: 900;
	text-align: center;
	opacity: .48;
}

.lesk-security-home-layers .is-cf { animation: leskHomeLayerCf 7s ease-in-out infinite; }
.lesk-security-home-layers .is-safe { animation: leskHomeLayerSafe 7s ease-in-out infinite; }
.lesk-security-home-layers .is-lesk { animation: leskHomeLayerLesk 7s ease-in-out infinite; }

.lesk-security-home-layers .is-cf small { color: #f6821f; }
.lesk-security-home-layers .is-safe small { color: #48a6ff; }
.lesk-security-home-layers .is-lesk small { color: var(--lesk-lime); }

.lesk-security-home-layers small {
	display: block;
	margin-top: 2px;
	font-size: 6px;
	opacity: 0;
}

.lesk-security-home-layers .is-cf small { animation: leskHomeStatusCf 7s ease-in-out infinite; }
.lesk-security-home-layers .is-safe small { animation: leskHomeStatusSafe 7s ease-in-out infinite; }
.lesk-security-home-layers .is-lesk small { animation: leskHomeStatusLesk 7s ease-in-out infinite; }

@keyframes leskHomeRingCf {
	0%, 14%, 100% { opacity: .1; transform: translate(-50%, -50%) rotate(0deg); background: transparent; box-shadow: none; }
	20% { opacity: 1; transform: translate(-50%, -50%) rotate(70deg) scale(1.03); background: rgba(246,130,31,.05); box-shadow: 0 0 30px rgba(246,130,31,.58), inset 0 0 45px rgba(246,130,31,.12); }
	27%, 91% { opacity: .58; transform: translate(-50%, -50%) rotate(145deg); background: rgba(246,130,31,.035); box-shadow: 0 0 15px rgba(246,130,31,.25); }
}

@keyframes leskHomeRingSafe {
	0%, 37%, 100% { opacity: .1; transform: translate(-50%, -50%) rotate(0deg); background: transparent; box-shadow: none; }
	43% { opacity: 1; transform: translate(-50%, -50%) rotate(-80deg) scale(1.035); background: rgba(72,166,255,.07); box-shadow: 0 0 30px rgba(72,166,255,.62), inset 0 0 40px rgba(72,166,255,.14); }
	50%, 91% { opacity: .66; transform: translate(-50%, -50%) rotate(-155deg); background: rgba(72,166,255,.045); box-shadow: 0 0 16px rgba(72,166,255,.3); }
}

@keyframes leskHomeRingLesk {
	0%, 60%, 100% { opacity: .1; transform: translate(-50%, -50%) rotate(0deg); background: transparent; box-shadow: none; }
	66% { opacity: 1; transform: translate(-50%, -50%) rotate(90deg) scale(1.04); background: rgba(183,237,105,.09); box-shadow: 0 0 34px rgba(183,237,105,.7), inset 0 0 36px rgba(183,237,105,.18); }
	73%, 91% { opacity: .82; transform: translate(-50%, -50%) rotate(170deg); background: rgba(183,237,105,.07); box-shadow: 0 0 20px rgba(183,237,105,.4); }
}

@keyframes leskHomeAttackCf {
	0%, 3% { opacity: 0; transform: translateX(20px); }
	8% { opacity: 1; transform: translateX(-28px); }
	16% { opacity: 1; transform: translateX(-105px); }
	20% { opacity: 1; transform: translateX(-122px) scale(1.16); filter: brightness(1.8); }
	27%, 100% { opacity: 0; transform: translate(32px, -42px) rotate(110deg) scale(.5); }
}

@keyframes leskHomeAttackSafe {
	0%, 26% { opacity: 0; transform: translateX(-20px); }
	31% { opacity: 1; transform: translateX(25px); }
	40% { opacity: 1; transform: translateX(108px); }
	44% { opacity: 1; transform: translateX(125px) rotate(-12deg) scale(1.2); filter: brightness(1.8); }
	51%, 100% { opacity: 0; transform: translate(10px, -48px) rotate(-180deg) scale(.45); }
}

@keyframes leskHomeAttackLesk {
	0%, 50% { opacity: 0; transform: translate(20px, 16px); }
	55% { opacity: 1; transform: translate(-25px, -5px); }
	63% { opacity: 1; transform: translate(-97px, -42px); }
	67% { opacity: 1; transform: translate(-115px, -48px) rotate(10deg) scale(1.16); filter: brightness(1.8); }
	74%, 100% { opacity: 0; transform: translate(30px, 20px) rotate(150deg) scale(.45); }
}

@keyframes leskHomeBeamCf {
	0%, 16%, 25%, 100% { opacity: 0; transform: rotate(-26deg) scaleX(0); }
	20%, 22% { opacity: 1; transform: rotate(-26deg) scaleX(1); }
}

@keyframes leskHomeBeamSafe {
	0%, 39%, 48%, 100% { opacity: 0; transform: rotate(180deg) scaleX(0); }
	43%, 45% { opacity: 1; transform: rotate(180deg) scaleX(1); }
}

@keyframes leskHomeBeamLesk {
	0%, 62%, 71%, 100% { opacity: 0; transform: rotate(31deg) scaleX(0); }
	66%, 68% { opacity: 1; transform: rotate(31deg) scaleX(1); }
}

@keyframes leskHomeShield {
	0%, 17%, 24%, 40%, 47%, 63%, 70%, 100% { transform: translate(-50%, -50%) scale(1); filter: none; }
	20%, 43%, 66% { transform: translate(-50%, -50%) scale(1.08); filter: brightness(1.2) drop-shadow(0 0 20px rgba(183,237,105,.35)); }
	78%, 90% { transform: translate(-50%, -50%) scale(1.04); filter: brightness(1.12) drop-shadow(0 0 28px rgba(183,237,105,.5)); }
}

@keyframes leskHomeLayerCf {
	0%, 15%, 100% { opacity: .48; border-color: rgba(255,255,255,.09); }
	20%, 91% { opacity: 1; border-color: #f6821f; color: #fff; }
}

@keyframes leskHomeLayerSafe {
	0%, 38%, 100% { opacity: .48; border-color: rgba(255,255,255,.09); }
	43%, 91% { opacity: 1; border-color: #48a6ff; color: #fff; }
}

@keyframes leskHomeLayerLesk {
	0%, 61%, 100% { opacity: .48; border-color: rgba(255,255,255,.09); }
	66%, 91% { opacity: 1; border-color: var(--lesk-lime); color: #fff; }
}

@keyframes leskHomeStatusCf {
	0%, 18%, 100% { opacity: 0; }
	22%, 91% { opacity: 1; }
}

@keyframes leskHomeStatusSafe {
	0%, 41%, 100% { opacity: 0; }
	45%, 91% { opacity: 1; }
}

@keyframes leskHomeStatusLesk {
	0%, 64%, 100% { opacity: 0; }
	68%, 91% { opacity: 1; }
}

.lesk-security-home-card p {
	position: absolute;
	z-index: 5;
	right: 0;
	bottom: 7px;
	left: 0;
	display: flex;
	justify-content: center;
	gap: 6px;
	align-items: center;
	margin: 0;
	color: #a9bdad;
	font-size: 8px;
	font-weight: 750;
}

.lesk-security-home-card p i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--lesk-lime);
}

.lesk-security-art::before {
	position: absolute;
	inset: 3%;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(57,167,81,.13), rgba(10,35,20,.04) 45%, transparent 67%);
	content: "";
	filter: blur(2px);
}

.lesk-security-orbits {
	position: absolute;
	top: 51%;
	left: 50%;
	width: 430px;
	height: 430px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.lesk-security-orbits .guard-ring {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 2px dashed currentColor;
	border-radius: 50%;
	opacity: .2;
	transform: translate(-50%, -50%);
}

.lesk-security-orbits .guard-ring::before,
.lesk-security-orbits .guard-ring::after {
	position: absolute;
	top: 50%;
	left: -5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0 16px currentColor;
	content: "";
}

.lesk-security-orbits .guard-ring::after {
	right: -5px;
	left: auto;
}

.lesk-security-orbits .guard-ring b {
	position: absolute;
	top: 12px;
	left: 50%;
	padding: 4px 7px;
	border: 1px solid currentColor;
	border-radius: 999px;
	background: #07170d;
	color: currentColor;
	font: 900 6px/1 ui-monospace, monospace;
	transform: translateX(-50%);
}

.lesk-security-orbits .guard-ring--cf {
	width: 420px;
	height: 420px;
	color: #f6821f;
	animation: leskGuardRingCf 12s linear infinite;
}

.lesk-security-orbits .guard-ring--safe {
	width: 330px;
	height: 330px;
	color: #48a6ff;
	animation: leskGuardRingSafe 12s linear infinite;
}

.lesk-security-orbits .guard-ring--lesk {
	width: 240px;
	height: 240px;
	color: var(--lesk-lime);
	animation: leskGuardRingLesk 12s linear infinite;
}

.lesk-security-layers {
	position: absolute;
	top: 91px;
	left: 11px;
	z-index: 9;
	width: 168px;
}

.lesk-security-stack-card {
	padding: 9px;
	border: 1px solid rgba(255,255,255,.11);
	border-radius: 15px;
	background: linear-gradient(160deg, rgba(11,38,21,.96), rgba(4,20,11,.96));
	box-shadow: 0 17px 45px rgba(0,0,0,.35), inset 0 0 28px rgba(57,167,81,.05);
	backdrop-filter: blur(10px);
}

.lesk-security-stack-card > header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	padding: 2px 2px 7px;
	color: #fff;
	font-size: 6px;
	letter-spacing: .07em;
}

.lesk-security-stack-card > header span {
	display: grid;
	grid-template-columns: 6px auto;
	gap: 4px;
	align-items: center;
	color: var(--lesk-lime);
	font-size: 5px;
	font-weight: 900;
}

.lesk-security-stack-card > header i,
.lesk-security-stack-card > footer i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--lesk-lime);
	box-shadow: 0 0 9px var(--lesk-lime);
	animation: leskServerLight .8s steps(2) infinite;
}

.lesk-security-layer {
	position: relative;
	display: grid;
	grid-template-columns: 29px 1fr auto;
	grid-template-rows: auto auto;
	gap: 1px 7px;
	align-items: center;
	width: auto;
	padding: 7px 4px;
	border: 0;
	border-top: 1px solid rgba(255,255,255,.07);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	animation: leskGuardRowCf 12s ease-in-out infinite;
}

.lesk-security-layer--cf {
	border-color: rgba(246,130,31,.45);
}

.lesk-security-layer--safe {
	border-color: rgba(72,166,255,.4);
	animation-name: leskGuardRowSafe;
}

.lesk-security-layer--lesk {
	border-color: rgba(183,237,105,.4);
	animation-name: leskGuardRowLesk;
}

.lesk-security-stack-card > footer {
	display: grid;
	gap: 5px;
	margin-top: 5px;
	padding: 7px;
	border-radius: 8px;
	background: rgba(183,237,105,.07);
}

.lesk-security-stack-card > footer span {
	display: flex;
	gap: 5px;
	align-items: center;
	color: var(--lesk-lime);
	font-size: 5px;
}

.lesk-security-stack-card > footer em {
	color: #fff;
	font-size: 5px;
	font-style: normal;
	font-weight: 900;
	opacity: 0;
	animation: leskBeamReady 12s ease infinite;
}

.lesk-security-convergence {
	position: absolute;
	top: 51%;
	left: 50%;
	z-index: 3;
	width: 245px;
	height: 245px;
	border-radius: 50%;
	opacity: 0;
	transform: translate(-50%, -50%);
	animation: leskConvergence 12s ease-in-out infinite;
}

.lesk-security-convergence::before {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: repeating-conic-gradient(from 0deg, rgba(246,130,31,.65) 0 3deg, transparent 3deg 24deg, rgba(72,166,255,.6) 24deg 27deg, transparent 27deg 48deg, rgba(183,237,105,.65) 48deg 51deg, transparent 51deg 72deg);
	content: "";
	filter: blur(1px);
	mask: radial-gradient(circle, transparent 0 32%, #000 48%, transparent 72%);
}

.lesk-security-convergence i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 4px;
	height: 48%;
	border-radius: 999px;
	background: linear-gradient(transparent, var(--lesk-lime));
	box-shadow: 0 0 11px currentColor;
	transform-origin: 50% 100%;
}

.lesk-security-convergence i:nth-child(1) { color: #f6821f; transform: translate(-50%, -100%) rotate(0deg); }
.lesk-security-convergence i:nth-child(2) { color: #48a6ff; transform: translate(-50%, -100%) rotate(120deg); }
.lesk-security-convergence i:nth-child(3) { color: var(--lesk-lime); transform: translate(-50%, -100%) rotate(240deg); }

.lesk-security-art--video .lesk-security-server {
	top: 51%;
}

.lesk-security-layer b,
.lesk-security-layer small {
	display: block;
}

.lesk-security-layer b {
	color: #fff;
	font-size: 11px;
}

.lesk-security-layer small {
	color: #9fb4a5;
	font-size: 6px;
	font-weight: 800;
	letter-spacing: .07em;
}

.lesk-security-layer em {
	grid-row: 1 / 3;
	grid-column: 3;
	padding: 4px 5px;
	border-radius: 999px;
	background: rgba(183,237,105,.12);
	color: var(--lesk-lime);
	font-size: 5px;
	font-style: normal;
	font-weight: 900;
}

.lesk-security-stack-card .lesk-security-brand-icon {
	width: 27px;
	height: 27px;
	border-radius: 8px;
}

.lesk-security-stack-card .lesk-security-brand-icon svg {
	width: 20px;
	height: 20px;
}

.lesk-security-stack-card .lesk-block-burst {
	top: 50%;
	right: -46px;
	left: auto;
	transform: translateY(-50%) scale(.7);
	animation-name: leskStackBan;
}

.lesk-block-burst {
	position: absolute;
	top: calc(100% + 5px);
	left: 50%;
	z-index: 3;
	width: max-content;
	padding: 4px 6px;
	border: 1px solid rgba(255,91,91,.35);
	border-radius: 999px;
	background: rgba(67,10,14,.94);
	color: #ff8585;
	font-size: 5px;
	letter-spacing: .05em;
	opacity: 0;
	transform: translateX(-50%) scale(.7);
	animation: leskBlockBurst 4.8s ease infinite;
}

.lesk-security-layer--safe .lesk-block-burst { animation-delay: 1.45s; }
.lesk-security-layer--lesk .lesk-block-burst { animation-delay: 2.9s; }

.lesk-security-stack-card .lesk-security-layer--cf .lesk-block-burst {
	animation: leskBanCf 12s ease-in-out infinite;
}

.lesk-security-stack-card .lesk-security-layer--safe .lesk-block-burst {
	animation: leskBanSafe 12s ease-in-out infinite;
}

.lesk-security-stack-card .lesk-security-layer--lesk .lesk-block-burst {
	animation: leskBanLesk 12s ease-in-out infinite;
}

.lesk-security-art--video .lesk-defense-strikes .strike {
	right: auto;
	left: 150px;
	flex-direction: row;
	width: 128px;
}

.lesk-security-art--video .lesk-defense-strikes .strike span {
	background: linear-gradient(90deg, currentColor, transparent);
	transform-origin: left;
}

.lesk-security-art--video .lesk-defense-strikes .strike--cf { top: 29%; }
.lesk-security-art--video .lesk-defense-strikes .strike--safe { top: 39%; }
.lesk-security-art--video .lesk-defense-strikes .strike--safe-two { top: 45%; }
.lesk-security-art--video .lesk-defense-strikes .strike--lesk { top: 51%; }

.lesk-security-brand-icon {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 10px;
}

.lesk-security-brand-icon svg {
	width: 25px;
	height: 25px;
	fill: currentColor;
}

.lesk-security-brand-icon--cf {
	background: rgba(246,130,31,.14);
	color: #f6821f;
}

.lesk-security-brand-icon--safe {
	background: rgba(72,166,255,.13);
	color: #48a6ff;
}

.lesk-security-brand-icon--lesk {
	background: rgba(183,237,105,.14);
	color: var(--lesk-lime);
	font: 900 13px/1 ui-monospace, monospace;
}

.lesk-security-server {
	position: absolute;
	top: 48%;
	left: 50%;
	z-index: 5;
	width: 170px;
	height: 205px;
	transform: translate(-50%, -50%);
}

.lesk-server-shield {
	position: absolute;
	inset: -13px -25px;
	display: grid;
	place-items: center;
	clip-path: polygon(50% 0, 91% 14%, 84% 72%, 50% 100%, 16% 72%, 9% 14%);
	background: linear-gradient(150deg, rgba(183,237,105,.18), rgba(57,167,81,.36));
	filter: drop-shadow(0 0 25px rgba(183,237,105,.15));
	animation: leskServerShield 2.4s ease-in-out infinite;
}

.lesk-server-shield svg {
	width: 42px;
	height: 42px;
	fill: rgba(183,237,105,.22);
	transform: translateY(-64px);
}

.lesk-server-rack {
	position: absolute;
	inset: 34px 21px 21px;
	padding: 10px;
	border: 1px solid rgba(183,237,105,.28);
	border-radius: 15px;
	background: linear-gradient(160deg, #102a1a, #07140d);
	box-shadow: 0 16px 50px rgba(0,0,0,.38), inset 0 0 30px rgba(57,167,81,.08);
	overflow: hidden;
}

.lesk-server-rack header {
	display: flex;
	gap: 4px;
	align-items: center;
	color: #fff;
}

.lesk-server-rack header span {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--lesk-green);
	animation: leskServerLight 1s steps(2) infinite;
}

.lesk-server-rack header span:nth-child(2) { animation-delay: .2s; }
.lesk-server-rack header span:nth-child(3) { animation-delay: .4s; }
.lesk-server-rack header b { margin-left: auto; font-size: 6px; letter-spacing: .07em; }

.lesk-server-rack main {
	display: grid;
	gap: 7px;
	margin-top: 10px;
}

.lesk-server-rack main i {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 17px;
	padding: 0 6px 0 28px;
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 5px;
	background: linear-gradient(90deg, #142f1e, #0c1e13);
	color: #dce9df;
	font-style: normal;
}

.lesk-server-rack main i::before {
	position: absolute;
	top: 5px;
	left: 7px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--lesk-lime);
	box-shadow: 11px 0 var(--lesk-green), 73px 0 rgba(183,237,105,.35);
	content: "";
	animation: leskServerLight .8s steps(2) infinite;
}

.lesk-server-rack main i b {
	font-size: 5px;
}

.lesk-server-rack main i em {
	color: var(--lesk-lime);
	font-size: 4px;
	font-style: normal;
	font-weight: 900;
}

.lesk-server-arrivals {
	position: absolute;
	z-index: 5;
	top: 55%;
	right: 7px;
	left: 7px;
	pointer-events: none;
}

.lesk-server-arrivals span {
	position: absolute;
	inset: 0;
	padding: 5px;
	border: 1px solid rgba(183,237,105,.42);
	border-radius: 6px;
	background: rgba(5,22,12,.96);
	color: #fff;
	font-size: 5px;
	font-weight: 900;
	text-align: center;
	opacity: 0;
	box-shadow: 0 0 17px rgba(183,237,105,.2);
}

.lesk-server-arrivals span b {
	margin-left: 3px;
	color: var(--lesk-lime);
	font-size: 5px;
}

.lesk-server-arrivals .is-visitor { animation: leskServerVisitorArrival 5.4s 1.4s ease-in-out infinite; }
.lesk-server-arrivals .is-google { animation: leskServerGoogleArrival 4.8s ease-in-out infinite; }

.lesk-server-rack footer {
	display: flex;
	gap: 4px;
	justify-content: center;
	margin-top: 9px;
}

.lesk-server-rack footer span {
	padding: 3px 4px;
	border-radius: 999px;
	background: rgba(183,237,105,.1);
	color: var(--lesk-lime);
	font-size: 5px;
	font-weight: 900;
}

.lesk-server-scan {
	position: absolute;
	z-index: 3;
	top: 35px;
	right: 22px;
	left: 22px;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--lesk-lime), transparent);
	box-shadow: 0 0 12px var(--lesk-lime);
	animation: leskServerScan 2.3s ease-in-out infinite;
}

.lesk-security-threats {
	position: absolute;
	inset: 0;
	z-index: 6;
	pointer-events: none;
}

.lesk-defense-strikes {
	position: absolute;
	inset: 0;
	z-index: 7;
	pointer-events: none;
}

.lesk-defense-strikes .strike {
	position: absolute;
	display: flex;
	align-items: center;
	width: 95px;
	opacity: 0;
	filter: drop-shadow(0 0 9px currentColor);
}

.lesk-defense-strikes .strike b {
	position: relative;
	z-index: 2;
	display: grid;
	flex: 0 0 25px;
	place-items: center;
	width: 25px;
	height: 25px;
	border: 2px solid currentColor;
	border-radius: 50%;
	background: #081b10;
	font: 900 10px/1 ui-monospace, monospace;
}

.lesk-defense-strikes .strike span {
	flex: 1;
	height: 3px;
	background: linear-gradient(90deg, currentColor, transparent);
	transform: scaleX(0);
	transform-origin: left;
}

.lesk-defense-strikes .strike--cf {
	top: 19%;
	right: 18%;
	flex-direction: row-reverse;
	color: #ff9b42;
	animation: leskStrikeCf 12s ease-in-out infinite;
}

.lesk-defense-strikes .strike--cf span {
	background: linear-gradient(90deg, transparent, currentColor);
	transform-origin: right;
}

.lesk-defense-strikes .strike--safe {
	top: 44%;
	left: 13%;
	color: #62b5ff;
	animation: leskStrikeSafe 12s ease-in-out infinite;
}

.lesk-defense-strikes .strike--safe-two {
	top: 49%;
	left: 12%;
	color: #89cbff;
	animation: leskStrikeSafeTwo 12s ease-in-out infinite;
}

.lesk-defense-strikes .strike--lesk {
	top: 44%;
	right: 13%;
	flex-direction: row-reverse;
	color: var(--lesk-lime);
	animation: leskStrikeLesk 12s ease-in-out infinite;
}

.lesk-defense-strikes .strike--lesk span {
	background: linear-gradient(90deg, transparent, currentColor);
	transform-origin: right;
}

.lesk-defense-strikes .strike span {
	animation: none;
}

.lesk-defense-strikes .strike--cf span { animation: leskBeamCf 12s ease-in-out infinite; }
.lesk-defense-strikes .strike--safe span { animation: leskBeamSafe 12s ease-in-out infinite; }
.lesk-defense-strikes .strike--safe-two span { animation: leskBeamSafeTwo 12s ease-in-out infinite; }
.lesk-defense-strikes .strike--lesk span { animation: leskBeamLesk 12s ease-in-out infinite; }

.lesk-security-layer--cf .lesk-security-brand-icon {
	animation: leskDefenseHitCf 12s ease-in-out infinite;
}

.lesk-security-layer--safe .lesk-security-brand-icon {
	animation: leskDefenseHitSafe 12s ease-in-out infinite;
}

.lesk-security-layer--lesk .lesk-security-brand-icon {
	animation: leskDefenseHitLesk 12s ease-in-out infinite;
}

.lesk-security-threats .threat {
	position: absolute;
	display: flex;
	gap: 5px;
	align-items: center;
	padding: 5px 7px;
	border: 1px solid rgba(255,89,89,.32);
	border-radius: 999px;
	background: rgba(48,9,12,.9);
	color: #ff8282;
	font-size: 6px;
	opacity: 0;
}

.lesk-security-threats .threat i {
	display: grid;
	place-items: center;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #d83b45;
	color: #fff;
	font-style: normal;
	font-weight: 900;
}

.lesk-security-threats .threat em {
	padding: 2px 4px;
	border-radius: 999px;
	background: rgba(255,89,89,.16);
	color: #ff9b9b;
	font-size: 4px;
	font-style: normal;
	font-weight: 900;
}

.lesk-security-threats .threat > strong {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	padding: 4px 6px;
	border: 1px solid #ff7278;
	border-radius: 999px;
	background: #5b0c12;
	color: #fff;
	font-size: 6px;
	letter-spacing: .08em;
	opacity: 0;
	box-shadow: 0 0 18px rgba(255,75,83,.6);
	transform: translate(-50%, -50%) scale(.65);
}

.threat--two > strong { animation: leskThreatBlockedCf 12s ease-in-out infinite; }
.threat--one > strong { animation: leskThreatBlockedSafe 12s ease-in-out infinite; }
.threat--three > strong { animation: leskThreatBlockedSafeTwo 12s ease-in-out infinite; }
.threat--four > strong { animation: leskThreatBlockedLesk 12s ease-in-out infinite; }

.threat--one { top: 18%; left: -2%; animation: leskAttackSafeSpider 12s ease-in-out infinite; }
.threat--two { top: 13%; right: -1%; animation: leskAttackCf 12s ease-in-out infinite; }
.threat--three { top: 58%; left: -3%; animation: leskAttackSafeBug 12s ease-in-out infinite; }
.threat--four { top: 59%; right: -1%; animation: leskAttackLesk 12s ease-in-out infinite; }

.lesk-googlebot-route {
	position: absolute;
	z-index: 7;
	bottom: 88px;
	left: 2%;
	display: flex;
	align-items: center;
	width: 48%;
}

.lesk-googlebot-route > span {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 22px auto;
	grid-template-rows: auto auto;
	gap: 0 5px;
	padding: 6px 8px;
	border: 1px solid rgba(72,133,244,.38);
	border-radius: 10px;
	background: rgba(6,22,13,.94);
	color: #fff;
	animation: leskGooglebotPass 4.8s ease-in-out infinite;
}

.lesk-googlebot-route span > b {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: conic-gradient(#4285f4 0 25%, #34a853 0 50%, #fbbc05 0 75%, #ea4335 0);
	color: #fff;
	font-size: 11px;
}

.lesk-googlebot-route small { font-size: 7px; font-weight: 850; }
.lesk-googlebot-route em { color: var(--lesk-lime); font-size: 5px; font-style: normal; font-weight: 900; }

.lesk-googlebot-route > i {
	flex: 1;
	height: 2px;
	background: linear-gradient(90deg, #4285f4, var(--lesk-lime));
	box-shadow: 0 0 10px rgba(183,237,105,.45);
	transform: scaleX(0);
	transform-origin: left;
	animation: leskGoogleLine 4.8s ease-in-out infinite;
}

.lesk-googlebot-route > strong {
	position: absolute;
	top: -17px;
	right: 2px;
	color: var(--lesk-lime);
	font-size: 5px;
	letter-spacing: .07em;
	opacity: 0;
	animation: leskSafePass 4.8s ease-in-out infinite;
}

.lesk-googlebot-route > .lesk-route-packet,
.lesk-visitor-route > .lesk-route-packet {
	position: absolute;
	z-index: 4;
	top: 50%;
	left: 84px;
	display: grid;
	place-items: center;
	width: 19px;
	height: 19px;
	border: 2px solid currentColor;
	border-radius: 50%;
	background: #07180e;
	color: var(--lesk-lime);
	font-size: 8px;
	font-weight: 950;
	opacity: 0;
	box-shadow: 0 0 14px currentColor;
	transform: translate(-50%, -50%);
}

.lesk-googlebot-route > .lesk-route-packet {
	color: #4285f4;
	animation: leskGooglePacket 4.8s ease-in-out infinite;
}

.lesk-visitor-route {
	position: absolute;
	z-index: 7;
	bottom: 130px;
	left: 3%;
	display: flex;
	align-items: center;
	width: 47%;
}

.lesk-visitor-route > span {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 22px auto;
	grid-template-rows: auto auto;
	gap: 0 5px;
	padding: 6px 8px;
	border: 1px solid rgba(183,237,105,.28);
	border-radius: 10px;
	background: rgba(6,22,13,.94);
	color: #fff;
	animation: leskVisitorPass 5.4s 1.4s ease-in-out infinite;
}

.lesk-visitor-route span > b {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgba(183,237,105,.14);
	color: var(--lesk-lime);
}

.lesk-visitor-route svg {
	width: 13px;
	height: 13px;
	fill: currentColor;
}

.lesk-visitor-route small { font-size: 7px; font-weight: 850; }
.lesk-visitor-route em { color: var(--lesk-lime); font-size: 5px; font-style: normal; font-weight: 900; }

.lesk-visitor-route > i {
	flex: 1;
	height: 2px;
	background: linear-gradient(90deg, var(--lesk-lime), var(--lesk-green));
	box-shadow: 0 0 10px rgba(183,237,105,.35);
	transform: scaleX(0);
	transform-origin: left;
	animation: leskVisitorLine 5.4s 1.4s ease-in-out infinite;
}

.lesk-visitor-route > strong {
	position: absolute;
	top: -16px;
	right: 2px;
	color: var(--lesk-lime);
	font-size: 5px;
	letter-spacing: .07em;
	opacity: 0;
	animation: leskVisitorOpen 5.4s 1.4s ease-in-out infinite;
}

.lesk-visitor-route > .lesk-route-packet {
	animation: leskVisitorPacket 5.4s 1.4s ease-in-out infinite;
}

.lesk-visitor-route > .lesk-route-packet svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
}

.lesk-admin-safe {
	position: absolute;
	right: 3%;
	bottom: 79px;
	z-index: 9;
	display: grid;
	grid-template-columns: 44px auto;
	grid-template-rows: auto auto;
	gap: 0 6px;
	align-items: center;
	padding: 7px 9px;
	border: 1px solid rgba(183,237,105,.24);
	border-radius: 11px;
	background: rgba(6,22,13,.94);
	color: #fff;
	box-shadow: 0 8px 25px rgba(0,0,0,.22);
	animation: leskAdminSafe 3.2s ease-in-out infinite;
}

.lesk-admin-avatar {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(183,237,105,.12);
	overflow: hidden;
	box-shadow: 0 0 0 2px rgba(183,237,105,.18), 0 0 16px rgba(183,237,105,.12);
}

.lesk-admin-avatar svg {
	width: 44px;
	height: 44px;
}

.lesk-admin-safe b { font-size: 8px; }
.lesk-admin-safe small { color: var(--lesk-lime); font-size: 5px; font-weight: 900; white-space: nowrap; }

.lesk-security-events {
	position: absolute;
	right: 3%;
	bottom: 8px;
	left: 3%;
	z-index: 8;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
}

.lesk-security-events > strong {
	position: absolute;
	top: -17px;
	left: 2px;
	display: flex;
	gap: 5px;
	align-items: center;
	color: #ff9292;
	font-size: 5px;
	letter-spacing: .08em;
}

.lesk-security-events > strong i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ff5d64;
	box-shadow: 0 0 9px rgba(255,93,100,.7);
	animation: leskServerLight .8s steps(2) infinite;
}

.lesk-security-events span {
	display: grid;
	grid-template-columns: 7px 1fr;
	grid-template-rows: auto auto;
	gap: 1px 5px;
	align-items: center;
	padding: 7px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 8px;
	background: rgba(6,22,13,.88);
	opacity: 0;
	animation: leskSecurityEvent 4s ease infinite;
}

.lesk-security-events span:nth-child(2) { animation-delay: .55s; }
.lesk-security-events span:nth-child(3) { animation-delay: 1.1s; }
.lesk-security-events span:nth-of-type(1) { animation: leskLogCf 12s ease-in-out infinite; }
.lesk-security-events span:nth-of-type(2) { animation: leskLogSafe 12s ease-in-out infinite; }
.lesk-security-events span:nth-of-type(3) { animation: leskLogLesk 12s ease-in-out infinite; }
.lesk-security-events i {
	grid-row: 1 / 3;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--lesk-lime);
	box-shadow: 0 0 10px rgba(183,237,105,.7);
}
.lesk-security-events b { color: #fff; font-size: 7px; }
.lesk-security-events small { color: #9fb2a4; font-size: 6px; }

@keyframes leskGuardRingCf {
	0%, 13% { opacity: .16; transform: translate(-50%, -50%) rotate(0deg); background: transparent; box-shadow: none; }
	17% { opacity: 1; transform: translate(-50%, -50%) rotate(75deg) scale(1.035); background: rgba(246,130,31,.05); box-shadow: 0 0 34px rgba(246,130,31,.7), inset 0 0 60px rgba(246,130,31,.15); }
	24%, 94% { opacity: .88; transform: translate(-50%, -50%) rotate(210deg); background: rgba(246,130,31,.08); box-shadow: 0 0 22px rgba(246,130,31,.38), inset 0 0 80px rgba(246,130,31,.12); }
	100% { opacity: .16; transform: translate(-50%, -50%) rotate(230deg); background: transparent; box-shadow: none; }
}
@keyframes leskGuardRingSafe {
	0%, 39% { opacity: .16; transform: translate(-50%, -50%) rotate(0deg); background: transparent; box-shadow: none; }
	43% { opacity: 1; transform: translate(-50%, -50%) rotate(-90deg) scale(1.04); background: rgba(72,166,255,.06); box-shadow: 0 0 34px rgba(72,166,255,.72), inset 0 0 55px rgba(72,166,255,.17); }
	50%, 94% { opacity: .9; transform: translate(-50%, -50%) rotate(-230deg); background: rgba(72,166,255,.1); box-shadow: 0 0 24px rgba(72,166,255,.42), inset 0 0 70px rgba(72,166,255,.16); }
	100% { opacity: .16; transform: translate(-50%, -50%) rotate(-250deg); background: transparent; box-shadow: none; }
}
@keyframes leskGuardRingLesk {
	0%, 65% { opacity: .16; transform: translate(-50%, -50%) rotate(0deg); background: transparent; box-shadow: none; }
	69% { opacity: 1; transform: translate(-50%, -50%) rotate(100deg) scale(1.045); background: rgba(183,237,105,.08); box-shadow: 0 0 38px rgba(183,237,105,.78), inset 0 0 50px rgba(183,237,105,.2); }
	76%, 94% { opacity: 1; transform: translate(-50%, -50%) rotate(250deg); background: rgba(183,237,105,.13); box-shadow: 0 0 28px rgba(183,237,105,.52), inset 0 0 65px rgba(183,237,105,.22); }
	100% { opacity: .16; transform: translate(-50%, -50%) rotate(270deg); background: transparent; box-shadow: none; }
}
@keyframes leskGuardRowCf {
	0%, 13%, 100% { background: transparent; filter: none; }
	17% { background: rgba(246,130,31,.19); filter: brightness(1.5); }
	24%, 94% { background: rgba(246,130,31,.09); filter: brightness(1.15); }
}
@keyframes leskGuardRowSafe {
	0%, 39%, 100% { background: transparent; filter: none; }
	43% { background: rgba(72,166,255,.2); filter: brightness(1.5); }
	50%, 94% { background: rgba(72,166,255,.09); filter: brightness(1.15); }
}
@keyframes leskGuardRowLesk {
	0%, 65%, 100% { background: transparent; filter: none; }
	69% { background: rgba(183,237,105,.22); filter: brightness(1.55); }
	76%, 94% { background: rgba(183,237,105,.11); filter: brightness(1.2); }
}
@keyframes leskBeamReady {
	0%, 76% { opacity: 0; transform: translateX(-5px); }
	80%, 94% { opacity: 1; transform: none; color: var(--lesk-lime); text-shadow: 0 0 10px rgba(183,237,105,.6); }
	100% { opacity: 0; }
}
@keyframes leskConvergence {
	0%, 76% { opacity: 0; transform: translate(-50%, -50%) scale(1.4) rotate(0deg); }
	80% { opacity: .45; }
	89% { opacity: 1; transform: translate(-50%, -50%) scale(.5) rotate(220deg); }
	96% { opacity: 0; transform: translate(-50%, -50%) scale(.18) rotate(360deg); }
	100% { opacity: 0; }
}
@keyframes leskSecurityOrbit {
	to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes leskSecurityLayer {
	0%, 100% { box-shadow: 0 12px 35px rgba(0,0,0,.28); }
	50% { box-shadow: 0 12px 35px rgba(0,0,0,.28), 0 0 24px rgba(183,237,105,.16); }
}
@keyframes leskServerShield {
	0%, 100% { opacity: .7; transform: scale(.96); }
	50% { opacity: 1; transform: scale(1.025); }
}
@keyframes leskServerLight {
	50% { opacity: .28; }
}
@keyframes leskServerScan {
	0%, 10% { transform: translateY(0); opacity: 0; }
	25% { opacity: 1; }
	80% { opacity: 1; }
	100% { transform: translateY(125px); opacity: 0; }
}
@keyframes leskThreatLeft {
	0%, 7% { opacity: 0; transform: translate(-35px, -18px) rotate(-18deg); }
	18% { opacity: 1; transform: translate(8px, 18px) rotate(8deg); }
	34% { opacity: 1; transform: translate(30px, 72px) rotate(-8deg); }
	48% { opacity: 1; transform: translate(48px, 105px) rotate(10deg) scale(1.13); }
	53% { opacity: 1; transform: translate(42px, 100px) rotate(-12deg) scale(1.2); filter: brightness(1.8); }
	62% { opacity: 1; transform: translate(5px, 70px) rotate(-85deg) scale(.95); }
	78%, 100% { opacity: 0; transform: translate(-105px, 22px) rotate(-280deg) scale(.55); }
}
@keyframes leskThreatRight {
	0%, 7% { opacity: 0; transform: translate(35px, -12px) rotate(8deg); }
	18% { opacity: 1; transform: translate(-48px, -4px) rotate(-5deg); }
	36% { opacity: 1; transform: translate(-138px, 0) rotate(5deg); }
	49% { opacity: 1; transform: translate(-196px, 1px) scale(1.15); }
	54% { opacity: 1; transform: translate(-190px, -3px) rotate(12deg) scale(1.25); filter: brightness(2); }
	64% { opacity: 1; transform: translate(-118px, -27px) rotate(95deg) scale(.9); }
	80%, 100% { opacity: 0; transform: translate(65px, -75px) rotate(300deg) scale(.5); }
}
@keyframes leskThreatLowerLeft {
	0%, 7% { opacity: 0; transform: translate(-40px, 24px) rotate(-12deg); }
	18% { opacity: 1; transform: translate(4px, 5px) rotate(7deg); }
	35% { opacity: 1; transform: translate(28px, -60px) rotate(-7deg); }
	49% { opacity: 1; transform: translate(45px, -108px) rotate(8deg) scale(1.15); }
	54% { opacity: 1; transform: translate(39px, -103px) rotate(-17deg) scale(1.25); filter: brightness(2); }
	64% { opacity: 1; transform: translate(-4px, -52px) rotate(-105deg) scale(.9); }
	80%, 100% { opacity: 0; transform: translate(-110px, 25px) rotate(-320deg) scale(.5); }
}
@keyframes leskThreatLowerRight {
	0%, 7% { opacity: 0; transform: translate(40px, 24px) rotate(12deg); }
	18% { opacity: 1; transform: translate(-5px, 5px) rotate(-7deg); }
	35% { opacity: 1; transform: translate(-28px, -62px) rotate(7deg); }
	49% { opacity: 1; transform: translate(-45px, -110px) rotate(-8deg) scale(1.15); }
	54% { opacity: 1; transform: translate(-39px, -104px) rotate(17deg) scale(1.25); filter: brightness(2); }
	64% { opacity: 1; transform: translate(5px, -50px) rotate(105deg) scale(.9); }
	80%, 100% { opacity: 0; transform: translate(110px, 28px) rotate(320deg) scale(.5); }
}
@keyframes leskAttackCf {
	0%, 3% { opacity: 0; transform: translate(35px, -12px); }
	6% { opacity: 1; transform: translate(-35px, -5px); }
	12% { opacity: 1; transform: translate(-140px, 0); }
	16% { opacity: 1; transform: translate(-196px, 1px) scale(1.18); }
	18% { opacity: 1; transform: translate(-190px, -4px) rotate(14deg) scale(1.28); filter: brightness(2); }
	23% { opacity: .9; transform: translate(-108px, -35px) rotate(105deg) scale(.85); }
	30%, 100% { opacity: 0; transform: translate(70px, -85px) rotate(320deg) scale(.45); }
}
@keyframes leskAttackSafeSpider {
	0%, 27% { opacity: 0; transform: translate(-35px, -18px); }
	31% { opacity: 1; transform: translate(8px, 18px) rotate(8deg); }
	38% { opacity: 1; transform: translate(31px, 74px) rotate(-8deg); }
	42% { opacity: 1; transform: translate(48px, 105px) scale(1.15); }
	45% { opacity: 1; transform: translate(41px, 99px) rotate(-18deg) scale(1.25); filter: brightness(2); }
	51% { opacity: .9; transform: translate(1px, 63px) rotate(-95deg) scale(.86); }
	58%, 100% { opacity: 0; transform: translate(-110px, 18px) rotate(-300deg) scale(.45); }
}
@keyframes leskAttackSafeBug {
	0%, 31% { opacity: 0; transform: translate(-40px, 24px); }
	35% { opacity: 1; transform: translate(5px, 5px); }
	41% { opacity: 1; transform: translate(28px, -62px) rotate(-7deg); }
	45% { opacity: 1; transform: translate(45px, -108px) scale(1.16); }
	48% { opacity: 1; transform: translate(38px, -102px) rotate(-20deg) scale(1.25); filter: brightness(2); }
	54% { opacity: .9; transform: translate(-6px, -50px) rotate(-110deg) scale(.85); }
	61%, 100% { opacity: 0; transform: translate(-112px, 30px) rotate(-320deg) scale(.45); }
}
@keyframes leskAttackLesk {
	0%, 54% { opacity: 0; transform: translate(40px, 24px); }
	58% { opacity: 1; transform: translate(-5px, 5px); }
	64% { opacity: 1; transform: translate(-28px, -62px) rotate(7deg); }
	68% { opacity: 1; transform: translate(-45px, -110px) scale(1.16); }
	71% { opacity: 1; transform: translate(-38px, -103px) rotate(20deg) scale(1.25); filter: brightness(2); }
	77% { opacity: .9; transform: translate(6px, -50px) rotate(110deg) scale(.85); }
	84%, 100% { opacity: 0; transform: translate(112px, 30px) rotate(320deg) scale(.45); }
}
@keyframes leskStrikeCf {
	0%, 13%, 23%, 100% { opacity: 0; transform: translateX(18px) scaleX(.3); }
	16%, 20% { opacity: 1; transform: none; }
}
@keyframes leskStrikeSafe {
	0%, 39%, 51%, 100% { opacity: 0; transform: translateX(-18px) scaleX(.3); }
	42%, 48% { opacity: 1; transform: none; }
}
@keyframes leskStrikeSafeTwo {
	0%, 42%, 55%, 100% { opacity: 0; transform: translateX(-18px) scaleX(.3); }
	45%, 51% { opacity: 1; transform: none; }
}
@keyframes leskStrikeLesk {
	0%, 65%, 78%, 100% { opacity: 0; transform: translateX(18px) scaleX(.3); }
	68%, 74% { opacity: 1; transform: none; }
}
@keyframes leskStrikeBeam {
	0% { transform: scaleX(0); opacity: 0; }
	35%, 70% { transform: scaleX(1); opacity: 1; }
	100% { transform: scaleX(.4); opacity: 0; }
}
@keyframes leskDefenseHit {
	0%, 44%, 62%, 100% { transform: none; filter: none; }
	49% { transform: scale(1.3) rotate(-8deg); filter: brightness(1.7); }
	54% { transform: scale(1.16) rotate(7deg); filter: brightness(1.35); }
}
@keyframes leskBeamCf {
	0%, 14%, 22%, 100% { transform: scaleX(0); opacity: 0; }
	16%, 20% { transform: scaleX(1); opacity: 1; }
}
@keyframes leskBeamSafe {
	0%, 40%, 50%, 100% { transform: scaleX(0); opacity: 0; }
	42%, 48% { transform: scaleX(1); opacity: 1; }
}
@keyframes leskBeamSafeTwo {
	0%, 43%, 53%, 100% { transform: scaleX(0); opacity: 0; }
	45%, 51% { transform: scaleX(1); opacity: 1; }
}
@keyframes leskBeamLesk {
	0%, 66%, 76%, 100% { transform: scaleX(0); opacity: 0; }
	68%, 74% { transform: scaleX(1); opacity: 1; }
}
@keyframes leskDefenseHitCf {
	0%, 14%, 22%, 100% { transform: none; filter: none; }
	17% { transform: scale(1.32) rotate(-9deg); filter: brightness(1.8); }
	20% { transform: scale(1.12) rotate(6deg); }
}
@keyframes leskDefenseHitSafe {
	0%, 40%, 53%, 100% { transform: none; filter: none; }
	43%, 47% { transform: scale(1.32) rotate(-9deg); filter: brightness(1.8); }
	50% { transform: scale(1.12) rotate(6deg); }
}
@keyframes leskDefenseHitLesk {
	0%, 66%, 77%, 100% { transform: none; filter: none; }
	69% { transform: scale(1.32) rotate(-9deg); filter: brightness(1.8); }
	73% { transform: scale(1.12) rotate(6deg); }
}
@keyframes leskGooglebotPass {
	0%, 10% { opacity: 0; transform: translateX(-22px); }
	28%, 62% { opacity: 1; transform: none; }
	82%, 100% { opacity: 0; transform: translateX(145px) scale(.8); }
}
@keyframes leskGoogleLine {
	0%, 20% { transform: scaleX(0); }
	55%, 75% { transform: scaleX(1); }
	100% { transform: scaleX(1); opacity: 0; }
}
@keyframes leskVisitorPass {
	0%, 10% { opacity: 0; transform: translateX(-20px); }
	25%, 65% { opacity: 1; transform: none; }
	84%, 100% { opacity: 0; transform: translateX(145px) scale(.82); }
}
@keyframes leskVisitorLine {
	0%, 18% { transform: scaleX(0); }
	50%, 76% { transform: scaleX(1); }
	100% { transform: scaleX(1); opacity: 0; }
}
@keyframes leskVisitorOpen {
	0%, 43% { opacity: 0; transform: translateY(4px); }
	55%, 80% { opacity: 1; transform: none; }
	100% { opacity: 0; }
}
@keyframes leskGooglePacket {
	0%, 27% { left: 84px; opacity: 0; transform: translate(-50%, -50%) scale(.7); }
	33% { left: 88px; opacity: 1; transform: translate(-50%, -50%) scale(1); }
	70% { left: calc(100% - 4px); opacity: 1; transform: translate(-50%, -50%) scale(1); }
	78%, 100% { left: calc(100% + 15px); opacity: 0; transform: translate(-50%, -50%) scale(.55); }
}
@keyframes leskVisitorPacket {
	0%, 25% { left: 84px; opacity: 0; transform: translate(-50%, -50%) scale(.7); }
	31% { left: 88px; opacity: 1; transform: translate(-50%, -50%) scale(1); }
	71% { left: calc(100% - 4px); opacity: 1; transform: translate(-50%, -50%) scale(1); }
	80%, 100% { left: calc(100% + 15px); opacity: 0; transform: translate(-50%, -50%) scale(.55); }
}
@keyframes leskServerGoogleArrival {
	0%, 67% { opacity: 0; transform: scale(.82); }
	73%, 84% { opacity: 1; transform: scale(1); }
	94%, 100% { opacity: 0; transform: scale(.9); }
}
@keyframes leskServerVisitorArrival {
	0%, 68% { opacity: 0; transform: scale(.82); }
	74%, 86% { opacity: 1; transform: scale(1); }
	95%, 100% { opacity: 0; transform: scale(.9); }
}
@keyframes leskThreatBlockedCf {
	0%, 14%, 23%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(.65); }
	17%, 21% { opacity: 1; transform: translate(-50%, -50%) scale(1.12); }
}
@keyframes leskThreatBlockedSafe {
	0%, 40%, 52%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(.65); }
	43%, 49% { opacity: 1; transform: translate(-50%, -50%) scale(1.12); }
}
@keyframes leskThreatBlockedSafeTwo {
	0%, 43%, 55%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(.65); }
	46%, 52% { opacity: 1; transform: translate(-50%, -50%) scale(1.12); }
}
@keyframes leskThreatBlockedLesk {
	0%, 66%, 79%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(.65); }
	69%, 76% { opacity: 1; transform: translate(-50%, -50%) scale(1.12); }
}
@keyframes leskSecurityEvent {
	0%, 15% { opacity: 0; transform: translateY(8px); }
	35%, 82% { opacity: 1; transform: none; }
	100% { opacity: 0; }
}
@keyframes leskBlockBurst {
	0%, 38% { opacity: 0; transform: translateX(-50%) scale(.7); }
	48%, 64% { opacity: 1; transform: translateX(-50%) scale(1); box-shadow: 0 0 16px rgba(255,89,89,.25); }
	78%, 100% { opacity: 0; transform: translateX(-50%) scale(.8); }
}
@keyframes leskStackBan {
	0%, 38% { opacity: 0; transform: translateY(-50%) scale(.7); }
	48%, 64% { opacity: 1; transform: translateY(-50%) scale(1); box-shadow: 0 0 16px rgba(255,89,89,.25); }
	78%, 100% { opacity: 0; transform: translateY(-50%) scale(.8); }
}
@keyframes leskBanCf {
	0%, 14%, 23%, 100% { opacity: 0; transform: translateY(-50%) scale(.7); }
	17%, 21% { opacity: 1; transform: translateY(-50%) scale(1.08); box-shadow: 0 0 18px rgba(255,89,89,.35); }
}
@keyframes leskBanSafe {
	0%, 40%, 53%, 100% { opacity: 0; transform: translateY(-50%) scale(.7); }
	43%, 50% { opacity: 1; transform: translateY(-50%) scale(1.08); box-shadow: 0 0 18px rgba(255,89,89,.35); }
}
@keyframes leskBanLesk {
	0%, 66%, 78%, 100% { opacity: 0; transform: translateY(-50%) scale(.7); }
	69%, 75% { opacity: 1; transform: translateY(-50%) scale(1.08); box-shadow: 0 0 18px rgba(255,89,89,.35); }
}
@keyframes leskLogCf {
	0%, 17% { opacity: 0; transform: translateY(8px); }
	21%, 94% { opacity: 1; transform: none; }
	100% { opacity: 0; }
}
@keyframes leskLogSafe {
	0%, 43% { opacity: 0; transform: translateY(8px); }
	48%, 94% { opacity: 1; transform: none; }
	100% { opacity: 0; }
}
@keyframes leskLogLesk {
	0%, 69% { opacity: 0; transform: translateY(8px); }
	74%, 94% { opacity: 1; transform: none; }
	100% { opacity: 0; }
}
@keyframes leskSafePass {
	0%, 46% { opacity: 0; transform: translateY(4px); }
	58%, 80% { opacity: 1; transform: none; }
	100% { opacity: 0; }
}
@keyframes leskAdminSafe {
	0%, 100% { transform: translateY(0); box-shadow: 0 8px 25px rgba(0,0,0,.22); }
	50% { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,0,0,.22), 0 0 17px rgba(183,237,105,.1); }
}

.lesk-checks {
	display: grid;
	gap: 13px;
	margin: 30px 0 0;
	padding: 0;
	list-style: none;
}

.lesk-checks li {
	display: flex;
	gap: 12px;
	color: inherit;
	line-height: 1.6;
}

.lesk-checks li::before {
	display: grid;
	flex: 0 0 23px;
	place-items: center;
	width: 23px;
	height: 23px;
	margin-top: 1px;
	border-radius: 50%;
	background: rgba(183,237,105,.14);
	color: var(--lesk-lime);
	content: "✓";
	font-size: 12px;
	font-weight: 900;
}

.lesk-section:not(.lesk-section--night) .lesk-checks li::before {
	background: var(--lesk-soft);
	color: var(--lesk-green-dark);
}

.lesk-flow {
	display: grid;
	gap: 12px;
}

.lesk-flow-item {
	display: grid;
	grid-template-columns: 54px 1fr auto;
	gap: 16px;
	align-items: center;
	padding: 18px;
	border: 1px solid var(--lesk-line);
	border-radius: 17px;
	background: var(--lesk-paper);
}

.lesk-flow-item b {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 15px;
	background: var(--lesk-soft);
	color: var(--lesk-green-dark);
}

.lesk-flow-item strong,
.lesk-flow-item small {
	display: block;
}

.lesk-flow-item small {
	margin-top: 4px;
	color: var(--lesk-muted);
}

.lesk-status {
	color: var(--lesk-green-dark);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.lesk-feature-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	margin-top: 44px;
}

.lesk-feature {
	padding: 30px;
	border-radius: 22px;
	background: var(--lesk-paper);
}

.lesk-steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	margin-top: 48px;
	counter-reset: leskSteps;
}

.lesk-step {
	padding: 28px 24px;
	border-top: 2px solid var(--lesk-line);
	counter-increment: leskSteps;
}

.lesk-step::before {
	display: block;
	margin-bottom: 28px;
	color: var(--lesk-green-dark);
	content: "0" counter(leskSteps);
	font: 850 13px/1 ui-monospace, monospace;
}

.lesk-faq-grid {
	display: grid;
	grid-template-columns: .75fr 1.25fr;
	gap: 70px;
	align-items: start;
}

.lesk-faq-list {
	display: grid;
	gap: 12px;
}

.lesk-faq-list details {
	border: 1px solid var(--lesk-line);
	border-radius: 18px;
	background: var(--lesk-paper);
}

.lesk-faq-list summary {
	padding: 22px 24px;
	cursor: pointer;
	font-weight: 780;
	list-style: none;
}

.lesk-faq-list summary::-webkit-details-marker {
	display: none;
}

.lesk-faq-list details p {
	margin: 0;
	padding: 0 24px 23px;
	color: var(--lesk-muted);
	line-height: 1.75;
}

.lesk-price-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 48px;
	align-items: stretch;
}

.lesk-price {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 36px 32px 32px;
	border: 1px solid var(--lesk-line);
	border-radius: var(--lesk-radius);
	background: var(--lesk-paper);
	box-shadow: 0 16px 50px rgba(16,25,20,.055);
}

.lesk-price-popular {
	position: absolute;
	top: -15px;
	left: 50%;
	padding: 7px 13px;
	border-radius: 999px;
	background: var(--lesk-lime);
	color: var(--lesk-night);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .06em;
	text-transform: uppercase;
	white-space: nowrap;
	transform: translateX(-50%);
}

.lesk-price--featured {
	border-color: var(--lesk-green);
	background: var(--lesk-night-card);
	color: #fff;
	box-shadow: var(--lesk-shadow);
	transform: translateY(-12px);
}

.lesk-price--featured h3 {
	color: #fff;
}

.lesk-price-label {
	align-self: flex-start;
	margin-bottom: 23px;
	padding: 9px 14px;
	border-radius: 999px;
	background: var(--lesk-soft);
	color: var(--lesk-green-dark);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.lesk-price--featured .lesk-price-label {
	background: rgba(183,237,105,.13);
	color: var(--lesk-lime);
}

.lesk-plan-price {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1px 9px;
	align-items: end;
	margin: 16px 0 20px;
}

.lesk-plan-price strong {
	color: var(--lesk-green-dark);
	font-size: clamp(24px, 2.4vw, 34px);
	line-height: 1;
	letter-spacing: -.045em;
}

.lesk-plan-price > span {
	padding-bottom: 3px;
	color: var(--lesk-muted);
	font-size: 8px;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.lesk-plan-price small {
	grid-column: 1 / -1;
	display: flex;
	gap: 6px;
	align-items: center;
	margin-top: 8px;
	color: var(--lesk-green);
	font-size: 11px;
	font-weight: 900;
}

.lesk-plan-price small em {
	padding: 3px 6px;
	border-radius: 999px;
	background: var(--lesk-soft);
	color: var(--lesk-muted);
	font-size: 6px;
	font-style: normal;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.lesk-price--featured .lesk-plan-price strong,
.lesk-price--featured .lesk-plan-price small {
	color: var(--lesk-lime);
}

.lesk-price--featured .lesk-plan-price > span {
	color: #aebdb2;
}

.lesk-price--featured .lesk-plan-price small em {
	background: rgba(183,237,105,.12);
	color: #c9d8cd;
}

.lesk-price > p {
	min-height: 72px;
	margin-bottom: 0;
	color: var(--lesk-muted);
	font-size: 14px;
	line-height: 1.65;
}

.lesk-price--featured > p {
	color: #b9c8bd;
}

.lesk-price ul {
	flex: 1;
	display: block;
	margin: 26px 0 30px;
	padding: 0;
	border-top: 1px solid var(--lesk-line);
	list-style: none;
}

.lesk-price li {
	display: flex;
	gap: 9px;
	padding: 10px 0;
	border-bottom: 1px solid var(--lesk-line);
	font-size: 13px;
	line-height: 1.45;
}

.lesk-price li::before {
	color: var(--lesk-green);
	content: "✓";
	font-weight: 900;
}

.lesk-price--featured li::before {
	color: var(--lesk-lime);
}

.lesk-price li:first-child {
	color: var(--lesk-green-dark);
	font-weight: 850;
}

.lesk-price--featured li:first-child {
	color: var(--lesk-lime);
}

.lesk-price--featured li,
.lesk-price--featured ul {
	border-color: rgba(255,255,255,.1);
}

.lesk-price .lesk-button {
	width: 100%;
}

.lesk-price-page-card {
	opacity: 0;
	transform: translateY(48px) scale(.965);
	transition:
		opacity .7s ease calc(var(--card-order, 0) * .14s),
		transform .85s cubic-bezier(.2,.78,.2,1) calc(var(--card-order, 0) * .14s),
		box-shadow .3s ease,
		border-color .3s ease;
}

.lesk-price-page-card.lesk-price--featured {
	transform: translateY(36px) scale(.965);
}

.lesk-price-page-card li {
	opacity: 0;
	transform: translateX(-12px);
	transition:
		opacity .4s ease calc(.3s + (var(--card-order, 0) * .14s) + (var(--feature-order, 0) * .06s)),
		transform .45s ease calc(.3s + (var(--card-order, 0) * .14s) + (var(--feature-order, 0) * .06s));
}

.lesk-price-page-cards.is-visible .lesk-price-page-card {
	opacity: 1;
	transform: none;
}

.lesk-price-page-cards.is-visible .lesk-price-page-card.lesk-price--featured {
	transform: translateY(-12px);
}

.lesk-price-page-cards.is-visible .lesk-price-page-card li {
	opacity: 1;
	transform: none;
}

.lesk-price-page-cards.is-visible .lesk-price-page-card:hover {
	border-color: rgba(57,167,81,.55);
	box-shadow: 0 24px 60px rgba(16,25,20,.13);
	transform: translateY(-8px);
}

.lesk-price-page-cards.is-visible .lesk-price-page-card.lesk-price--featured:hover {
	transform: translateY(-18px);
}

.lesk-shared-plan-features {
	display: grid;
	gap: 28px;
	margin-top: 42px;
	padding: 34px;
	border: 1px solid var(--lesk-line);
	border-radius: 24px;
	background: var(--lesk-soft);
	color: var(--lesk-ink);
}

.lesk-shared-plan-heading span {
	color: var(--lesk-green-dark);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .1em;
}

.lesk-shared-plan-heading h3 {
	margin: 10px 0 9px;
	color: #101914;
	font-size: 28px;
	letter-spacing: -.035em;
	line-height: 1.2;
}

.lesk-shared-plan-heading p {
	max-width: 720px;
	margin: 0;
	color: #3c4a42;
	font-size: 15px;
	line-height: 1.65;
}

.lesk-shared-plan-details {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.lesk-shared-plan-details article {
	padding: 16px 18px;
	border: 1px solid rgba(25, 119, 51, .14);
	border-radius: 16px;
	background: #fff;
}

.lesk-shared-plan-details h4 {
	margin: 0 0 6px;
	color: #101914;
	font-size: 15px;
	letter-spacing: -.02em;
}

.lesk-shared-plan-details h4::before {
	margin-right: 8px;
	color: var(--lesk-green);
	content: "✓";
	font-weight: 900;
}

.lesk-shared-plan-details p {
	margin: 0;
	color: #4c5a52;
	font-size: 13.5px;
	line-height: 1.6;
}

.lesk-note {
	margin: 25px 0 0;
	color: var(--lesk-muted);
	font-size: 12px;
	text-align: center;
}

.lesk-final {
	padding: 90px 0;
	background: var(--lesk-lime);
	text-align: center;
}

.lesk-final .lesk-heading {
	margin-inline: auto;
	color: var(--lesk-ink);
}

.lesk-final .lesk-copy {
	margin-inline: auto;
	color: #35513d;
}

.lesk-final .lesk-actions {
	justify-content: center;
}

.lesk-final .lesk-button {
	border-color: var(--lesk-night);
	background: var(--lesk-night);
}

.lesk-landing-hero {
	position: relative;
	padding: 118px 0 92px;
	overflow: hidden;
	background:
		radial-gradient(circle at 87% 18%, rgba(57,167,81,.28), transparent 29rem),
		linear-gradient(120deg, #07110b 0%, #0a1e11 65%, #123f20 100%);
	color: #fff;
}

.lesk-landing-hero::before {
	position: absolute;
	top: -330px;
	right: -160px;
	width: 760px;
	height: 760px;
	border: 1px solid rgba(183,237,105,.13);
	border-radius: 50%;
	box-shadow: 0 0 0 80px rgba(183,237,105,.025);
	content: "";
}

.lesk-landing-hero-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(520px, .88fr);
	gap: 62px;
	align-items: center;
}

.lesk-landing-hero .lesk-display {
	max-width: 760px;
	font-size: clamp(46px, 5.1vw, 74px);
}

.lesk-landing-hero .lesk-copy {
	color: #b9c8bd;
}

.lesk-landing-hero .lesk-eyebrow {
	color: var(--lesk-lime);
}

.lesk-landing-hero .lesk-button--ghost {
	border-color: rgba(255,255,255,.22);
	color: #fff !important;
}

.lesk-service-console {
	position: relative;
	padding: 15px;
	border: 1px solid rgba(255,255,255,.15);
	border-radius: 27px;
	background: rgba(255,255,255,.08);
	box-shadow: 0 40px 100px rgba(0,0,0,.4);
	backdrop-filter: blur(14px);
	transform: rotate(1.5deg);
}

.lesk-service-console::before {
	position: absolute;
	z-index: -1;
	inset: 30px -21px -24px 25px;
	border-radius: 25px;
	background: rgba(57,167,81,.32);
	content: "";
	transform: rotate(-4deg);
}

.lesk-panel-video {
	position: relative;
	padding: 11px;
	border: 1px solid rgba(183, 237, 105, .24);
	border-radius: 26px;
	background: #08150d;
	box-shadow: 0 42px 110px rgba(0, 0, 0, .48), 0 0 0 8px rgba(255, 255, 255, .025);
	overflow: hidden;
}

.lesk-panel-video::before {
	position: absolute;
	z-index: -1;
	inset: 32px -24px -26px 30px;
	border-radius: 26px;
	background: rgba(57, 167, 81, .32);
	content: "";
}

.lesk-panel-video-top {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 10px;
	align-items: center;
	padding: 7px 8px 13px;
	color: #b7c7bb;
	font-size: 8px;
	font-weight: 850;
	letter-spacing: .08em;
}

.lesk-panel-video-top > span:last-child {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--lesk-lime);
}

.lesk-panel-video-top > span:last-child i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--lesk-green);
	box-shadow: 0 0 0 4px rgba(57, 167, 81, .14);
}

.lesk-panel-video-shell {
	display: grid;
	grid-template-columns: 54px 1fr;
	min-height: 480px;
	border-radius: 17px;
	background: #f7faf7;
	overflow: hidden;
}

.lesk-panel-video-shell > aside {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 17px;
	padding: 15px 8px;
	background: #0d1d13;
	color: #6e8274;
}

.lesk-panel-video-shell > aside b {
	display: grid;
	place-items: center;
	width: 31px;
	height: 31px;
	margin-bottom: 5px;
	border-radius: 9px;
	background: var(--lesk-green);
	color: #fff;
	font-size: 10px;
}

.lesk-panel-video-shell > aside i {
	display: grid;
	place-items: center;
	width: 29px;
	height: 29px;
	border-radius: 8px;
}

.lesk-panel-video-shell > aside i:nth-of-type(3) {
	background: rgba(183, 237, 105, .14);
	color: var(--lesk-lime);
}

.lesk-panel-video-shell > aside svg {
	width: 14px;
	height: 14px;
	fill: currentColor;
}

.lesk-panel-video-main {
	position: relative;
	min-width: 0;
	min-height: 480px;
	overflow: hidden;
}

.lesk-panel-video-progress {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	left: 0;
	height: 4px;
	background: #dfe8e1;
}

.lesk-panel-video-progress i,
.lesk-panel-video-timeline i {
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, var(--lesk-green), var(--lesk-lime));
	transform: scaleX(0);
	transform-origin: left;
	animation: leskPanelVideoTimeline 32.2s linear infinite;
}

.lesk-panel-video-scene {
	position: absolute;
	inset: 4px 0 0;
	display: flex;
	flex-direction: column;
	padding: 24px;
	color: var(--lesk-ink);
	opacity: 0;
	transform: translateX(12px);
	animation: leskPanelVideoScene 32.2s linear infinite;
	animation-delay: calc(var(--panel-scene) * 2.3s);
}

.lesk-pricing-video .lesk-panel-video-scene {
	animation-name: leskPricingVideoScene;
	animation-duration: 23s;
}

.lesk-pricing-video .lesk-panel-video-progress i,
.lesk-pricing-video .lesk-panel-video-timeline i {
	animation-duration: 23s;
}

.lesk-panel-video-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	color: var(--lesk-green-dark);
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .09em;
}

.lesk-panel-video-meta em {
	padding: 6px 8px;
	border-radius: 999px;
	background: var(--lesk-soft);
	font-style: normal;
}

.lesk-panel-video-heading {
	display: grid;
	grid-template-columns: 48px 1fr;
	gap: 13px;
	align-items: center;
	margin-top: 28px;
}

.lesk-panel-video-heading > span {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 13px;
	background: var(--lesk-green);
	color: #fff;
	box-shadow: 0 12px 26px rgba(57, 167, 81, .22);
}

.lesk-panel-video-heading svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
}

.lesk-panel-video-heading h3 {
	margin: 0 0 5px;
	color: var(--lesk-ink);
	font-size: 20px;
	letter-spacing: -.035em;
}

.lesk-panel-video-heading p {
	margin: 0;
	color: var(--lesk-muted);
	font-size: 10px;
	line-height: 1.45;
}

.lesk-panel-video-metrics {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	margin-top: 28px;
}

.lesk-panel-video-metrics > span {
	position: relative;
	min-width: 0;
	padding: 13px 9px;
	border: 1px solid var(--lesk-line);
	border-radius: 11px;
	background: #fff;
}

.lesk-panel-video-metrics i {
	display: grid;
	place-items: center;
	width: 18px;
	height: 18px;
	margin-bottom: 9px;
	border-radius: 6px;
	background: var(--lesk-soft);
	color: var(--lesk-green-dark);
	font-size: 7px;
	font-style: normal;
	font-weight: 900;
}

.lesk-panel-video-metrics strong,
.lesk-panel-video-metrics small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lesk-panel-video-metrics strong {
	font-size: 10px;
}

.lesk-panel-video-metrics small {
	margin-top: 4px;
	color: var(--lesk-green-dark);
	font-size: 7px;
}

.lesk-panel-video-scene--redirect .lesk-panel-video-metrics {
	position: relative;
}

.lesk-panel-video-scene--redirect .lesk-panel-video-metrics::before,
.lesk-panel-video-scene--redirect .lesk-panel-video-metrics::after {
	position: absolute;
	z-index: 2;
	top: 50%;
	color: var(--lesk-green);
	content: "→";
	font-size: 16px;
	font-weight: 900;
	transform: translate(-50%, -50%);
}

.lesk-panel-video-scene--redirect .lesk-panel-video-metrics::before {
	left: 33.33%;
}

.lesk-panel-video-scene--redirect .lesk-panel-video-metrics::after {
	left: 66.66%;
}

.lesk-panel-video-scene--redirect .lesk-panel-video-metrics > span:nth-child(2) {
	border-color: var(--lesk-green);
	background: var(--lesk-soft);
	text-align: center;
}

.lesk-panel-video-scene--files .lesk-panel-video-metrics > span:first-child {
	background: #132219;
	color: #fff;
}

.lesk-panel-video-scene--files .lesk-panel-video-metrics > span:first-child strong {
	font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.lesk-panel-video-scene--servers .lesk-panel-video-metrics i,
.lesk-panel-video-scene--bots .lesk-panel-video-metrics i,
.lesk-panel-video-scene--monitor .lesk-panel-video-metrics i {
	border-radius: 50%;
	background: var(--lesk-green);
	color: #fff;
	animation: leskStatusPulse 1.4s ease-in-out infinite alternate;
}

.lesk-panel-video-scene--servers .lesk-panel-video-metrics > span:nth-child(2) i,
.lesk-panel-video-scene--bots .lesk-panel-video-metrics > span:nth-child(2) i,
.lesk-panel-video-scene--monitor .lesk-panel-video-metrics > span:nth-child(2) i {
	animation-delay: .25s;
}

.lesk-panel-video-scene--servers .lesk-panel-video-metrics > span:nth-child(3) i,
.lesk-panel-video-scene--bots .lesk-panel-video-metrics > span:nth-child(3) i,
.lesk-panel-video-scene--monitor .lesk-panel-video-metrics > span:nth-child(3) i {
	animation-delay: .5s;
}

.lesk-panel-video-scene--guard .lesk-panel-video-metrics {
	position: relative;
}

.lesk-panel-video-scene--guard .lesk-panel-video-metrics::before {
	position: absolute;
	top: 50%;
	right: 10%;
	left: 10%;
	height: 2px;
	background: linear-gradient(90deg, #3ba958, var(--lesk-lime), #3ba958);
	content: "";
	transform: translateY(-50%);
}

.lesk-panel-video-scene--guard .lesk-panel-video-metrics > span {
	z-index: 1;
	border-color: rgba(57, 167, 81, .45);
	box-shadow: 0 0 0 0 rgba(57, 167, 81, .18);
	animation: leskGuardPulse 1.8s ease-out infinite;
}

.lesk-panel-video-scene--guard .lesk-panel-video-metrics > span:nth-child(2) {
	animation-delay: .35s;
}

.lesk-panel-video-scene--guard .lesk-panel-video-metrics > span:nth-child(3) {
	animation-delay: .7s;
}

.lesk-panel-video-scene--logs .lesk-panel-video-metrics > span {
	background: #112018;
	color: #fff;
	font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.lesk-panel-video-scene--logs .lesk-panel-video-metrics small {
	color: var(--lesk-lime);
}

.lesk-panel-video-scene--complete .lesk-panel-video-metrics > span {
	border-color: var(--lesk-green);
	background: linear-gradient(145deg, #e9f7ec, #fff);
}

.lesk-live-ui {
	position: relative;
	min-height: 112px;
	margin-top: 15px;
	padding: 11px;
	border: 1px solid #dce7de;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 8px 25px rgba(15, 45, 25, .05);
	overflow: hidden;
	font-size: 8px;
}

.lesk-live-ui button {
	border: 0;
	border-radius: 7px;
	background: var(--lesk-green);
	color: #fff;
	font: 800 8px/1 Inter, sans-serif;
	white-space: nowrap;
}

.lesk-live-plans-overview,
.lesk-live-hosting-tools {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 7px;
}

.lesk-live-plans-overview > span {
	display: grid;
	gap: 3px;
	padding: 9px 6px;
	border: 1px solid #dce7de;
	border-radius: 9px;
	background: linear-gradient(145deg, #fff, #f4faf5);
	text-align: center;
	animation: leskPlanCardOn 1.8s ease-in-out infinite;
}

.lesk-live-plans-overview > span:nth-child(2) { animation-delay: .3s; }
.lesk-live-plans-overview > span:nth-child(3) { animation-delay: .6s; }

.lesk-live-plans-overview > span.is-admin {
	border-color: rgba(57,167,81,.55);
	background: linear-gradient(145deg, #173522, #0c2014);
}

.lesk-live-plans-overview small {
	color: var(--lesk-green);
	font-size: 5px;
	font-weight: 950;
	letter-spacing: .08em;
}

.lesk-live-plans-overview b {
	color: var(--lesk-green-dark);
	font-size: 10px;
}

.lesk-live-plans-overview strong {
	color: var(--lesk-ink);
	font-size: 9px;
}

.lesk-live-plans-overview .is-admin b,
.lesk-live-plans-overview .is-admin strong {
	color: #fff;
}

.lesk-live-ui--plans-overview .lesk-live-result {
	margin-top: 8px;
}

.lesk-live-hosting-tools > span {
	display: grid;
	place-items: center;
	gap: 4px;
	min-width: 0;
	padding: 10px 5px;
	border: 1px solid #dce7de;
	border-radius: 9px;
	background: #f8fbf8;
	text-align: center;
	animation: leskHostingToolOn 1.8s ease-in-out infinite;
}

.lesk-live-hosting-tools > span:nth-child(2) { animation-delay: .25s; }
.lesk-live-hosting-tools > span:nth-child(3) { animation-delay: .5s; }

.lesk-live-hosting-tools i {
	display: grid;
	place-items: center;
	width: 27px;
	height: 27px;
	border-radius: 8px;
	background: var(--lesk-green-dark);
	color: var(--lesk-lime);
	font-size: 7px;
	font-style: normal;
	font-weight: 950;
}

.lesk-live-hosting-tools b {
	color: var(--lesk-green-dark);
	font-size: 7px;
}

.lesk-live-hosting-tools small {
	color: var(--lesk-muted);
	font-size: 5px;
	font-weight: 800;
	white-space: nowrap;
}

.lesk-live-plan {
	display: grid;
	gap: 8px;
}

.lesk-live-plan header {
	display: grid;
	grid-template-columns: 27px 1fr auto;
	gap: 8px;
	align-items: center;
	padding-bottom: 7px;
	border-bottom: 1px solid #e5ece7;
}

.lesk-live-plan header > i {
	display: grid;
	place-items: center;
	width: 27px;
	height: 27px;
	border-radius: 8px;
	background: var(--lesk-green-dark);
	color: var(--lesk-lime);
	font-size: 7px;
	font-style: normal;
	font-weight: 950;
}

.lesk-live-plan header span small,
.lesk-live-plan header span b {
	display: block;
}

.lesk-live-plan header span small {
	color: var(--lesk-green);
	font-size: 5px;
	font-weight: 900;
	letter-spacing: .1em;
}

.lesk-live-plan header span b {
	margin-top: 2px;
	color: var(--lesk-ink);
	font-size: 10px;
}

.lesk-live-plan header > strong {
	padding: 6px 8px;
	border-radius: 8px;
	background: var(--lesk-soft);
	color: var(--lesk-green-dark);
	font-size: 10px;
	animation: leskPlanPricePulse 1.2s ease-in-out infinite;
}

.lesk-live-plan main {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 7px;
	align-items: center;
}

.lesk-live-plan main > b {
	color: var(--lesk-green-dark);
	font-size: 25px;
	line-height: 1;
}

.lesk-live-plan main > span {
	color: var(--lesk-muted);
	font-size: 6px;
	font-weight: 900;
	letter-spacing: .08em;
}

.lesk-live-plan main > em {
	padding: 4px 6px;
	border-radius: 999px;
	background: rgba(57,167,81,.1);
	color: var(--lesk-green);
	font-size: 5px;
	font-style: normal;
	font-weight: 900;
}

.lesk-live-plan footer {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5px;
}

.lesk-live-plan footer span {
	padding: 5px 3px;
	border: 1px solid #dce7de;
	border-radius: 6px;
	color: var(--lesk-green-dark);
	font-size: 5px;
	font-weight: 900;
	text-align: center;
	animation: leskPlanFeatureOn 1.5s ease-in-out infinite;
}

.lesk-live-plan footer span:nth-child(2) { animation-delay: .2s; }
.lesk-live-plan footer span:nth-child(3) { animation-delay: .4s; }

.lesk-live-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 7px;
}

.lesk-live-ui--add-sub .lesk-live-form {
	grid-template-columns: .9fr .55fr auto;
}

.lesk-live-form button {
	padding: 0 11px;
}

.lesk-live-input,
.lesk-live-select {
	display: flex;
	align-items: center;
	min-width: 0;
	height: 32px;
	padding: 0 9px;
	border: 1px solid #dbe6dd;
	border-radius: 7px;
	background: #f8fbf8;
	color: #233d2b;
}

.lesk-live-input i {
	width: 1px;
	height: 13px;
	margin-right: 2px;
	background: var(--lesk-green);
	animation: leskLiveCursor .45s steps(1) infinite;
}

.lesk-live-input b {
	display: block;
	max-width: 0;
	overflow: hidden;
	white-space: nowrap;
	animation: leskLiveType 2.3s steps(18) infinite;
}

.lesk-live-result {
	display: grid;
	grid-template-columns: 23px 1fr auto;
	gap: 7px;
	align-items: center;
	margin-top: 9px;
	padding: 8px;
	border-radius: 8px;
	background: #edf8ef;
	opacity: 0;
	transform: translateY(6px);
	animation: leskLiveReveal 2.3s ease infinite;
}

.lesk-live-result i {
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--lesk-green);
	color: #fff;
	font-style: normal;
}

.lesk-live-result span {
	color: var(--lesk-green-dark);
	font-weight: 800;
}

.lesk-live-domain-row {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 8px;
	align-items: center;
	padding: 10px;
	border-radius: 9px;
	background: #f4f8f5;
}

.lesk-live-site-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--lesk-green);
	box-shadow: 0 0 0 0 rgba(57, 167, 81, .35);
	animation: leskLiveDot 1.1s infinite;
}

.lesk-live-domain-row em {
	color: var(--lesk-green-dark);
	font-style: normal;
	font-weight: 850;
}

.lesk-live-multidomain {
	display: grid;
	gap: 5px;
}

.lesk-live-multidomain > span {
	display: grid;
	grid-template-columns: 8px 1.1fr 1fr auto;
	gap: 7px;
	align-items: center;
	padding: 7px 8px;
	border-radius: 7px;
	background: #f1f7f2;
	opacity: 0;
	transform: translateX(-12px);
	animation: leskLiveIndexRow 2.3s ease infinite;
}

.lesk-live-multidomain > span:nth-child(2) { animation-delay: .2s; }
.lesk-live-multidomain > span:nth-child(3) { animation-delay: .4s; }

.lesk-live-multidomain i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--lesk-green);
	box-shadow: 0 0 0 3px rgba(57,167,81,.1);
}

.lesk-live-multidomain small { color: #728078; }

.lesk-live-multidomain em {
	padding: 4px 6px;
	border-radius: 5px;
	background: var(--lesk-green);
	color: #fff;
	font-style: normal;
	font-weight: 850;
}

.lesk-live-actions {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
	margin-top: 9px;
}

.lesk-live-actions button {
	padding: 9px 4px;
	background: #e9f5eb;
	color: var(--lesk-green-dark);
	animation: leskLiveAction 2.3s ease infinite;
}

.lesk-live-actions button:nth-child(2) {
	animation-delay: .25s;
}

.lesk-live-actions button:nth-child(3) {
	animation-delay: .5s;
}

.lesk-live-actions .is-danger {
	background: #fff0f0;
	color: #b53434;
}

.lesk-live-domain-choice {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 8px;
	align-items: center;
	height: 88px;
}

.lesk-live-domain-choice > span {
	display: grid;
	grid-template-columns: 29px 1fr;
	grid-template-rows: auto auto;
	gap: 2px 8px;
	align-items: center;
	height: 66px;
	padding: 9px;
	border: 1px solid #dbe7dd;
	border-radius: 10px;
	background: #f6faf7;
	animation: leskLiveChoice 2.3s ease infinite;
}

.lesk-live-domain-choice > span:last-child {
	animation-delay: 1.05s;
}

.lesk-live-domain-choice span i {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 29px;
	height: 29px;
	border-radius: 9px;
	background: var(--lesk-green);
	color: #fff;
	font-size: 13px;
	font-style: normal;
	font-weight: 900;
}

.lesk-live-domain-choice span small {
	color: #75837a;
}

.lesk-live-domain-choice span b {
	font-size: 9px;
}

.lesk-live-domain-choice > em {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #eaf3ec;
	color: var(--lesk-green-dark);
	font-size: 6px;
	font-style: normal;
	font-weight: 900;
}

.lesk-live-registrars {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
	margin-bottom: 8px;
}
.lesk-live-registrars span {
	display: grid;
	grid-template-columns: 22px 1fr;
	grid-template-rows: auto auto;
	gap: 2px 6px;
	align-items: center;
	padding: 9px 6px;
	border: 1px solid #dce7de;
	border-radius: 8px;
	background: #f6faf7;
	opacity: .45;
	animation: leskCampaignOpen 2.3s ease infinite;
}
.lesk-live-registrars span:nth-child(2) { animation-delay: .25s; }
.lesk-live-registrars span:nth-child(3) { animation-delay: .5s; }
.lesk-live-registrars i {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 6px;
	background: var(--lesk-green);
	color: #fff;
	font-style: normal;
	font-weight: 900;
}
.lesk-live-registrars small { color: var(--lesk-green-dark); font-weight: 850; }

.lesk-live-domain-buy header,
.lesk-live-domain-buy main {
	display: grid;
	grid-template-columns: 1fr auto auto;
	gap: 7px;
	align-items: center;
	padding: 8px;
	border-radius: 8px;
	background: #f3f8f4;
}
.lesk-live-domain-buy header span { font-size: 11px; font-weight: 850; }
.lesk-live-domain-buy header b { color: #708078; }
.lesk-live-domain-buy header i { padding: 4px 6px; border-radius: 999px; background: #dcf2e1; color: var(--lesk-green-dark); font-size: 6px; font-style: normal; font-weight: 900; animation: leskLiveDot 1.1s infinite; }
.lesk-live-domain-buy main { grid-template-columns: auto 1fr auto; margin-top: 7px; background: #fff; border: 1px solid #e0e9e2; }
.lesk-live-domain-buy main small { color: #738078; }
.lesk-live-domain-buy main button { padding: 8px 9px; animation: leskLivePublish 2.3s ease infinite; }

.lesk-live-transfer header {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 8px;
	align-items: center;
	padding: 9px;
	border-radius: 8px;
	background: #102018;
	color: #fff;
	text-align: center;
}
.lesk-live-transfer header i { color: var(--lesk-lime); font-size: 16px; font-style: normal; animation: leskRedirectArrow .8s ease-in-out infinite alternate; }
.lesk-live-transfer header strong { color: var(--lesk-lime); }
.lesk-live-transfer main { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin-top: 7px; }
.lesk-live-transfer main span { display: flex; gap: 4px; align-items: center; padding: 7px 5px; border-radius: 6px; background: #edf5ee; opacity: 0; animation: leskLiveLog 2.3s ease infinite; }
.lesk-live-transfer main span:nth-child(2) { animation-delay: .2s; }
.lesk-live-transfer main span:nth-child(3) { animation-delay: .4s; }
.lesk-live-transfer main i { color: var(--lesk-green); font-style: normal; font-weight: 900; }

.lesk-live-build-choice {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5px;
}

.lesk-live-build-choice > span {
	display: grid;
	grid-template-columns: 28px 1fr;
	grid-template-rows: auto auto;
	gap: 2px 7px;
	align-items: center;
	padding: 7px 5px;
	border: 1px solid #dce7de;
	border-radius: 9px;
	background: #f6faf7;
	animation: leskLiveChoice 2.3s ease infinite;
}

.lesk-live-build-choice > span:last-child {
	animation-delay: 1.05s;
}

.lesk-live-build-choice > span:nth-child(2) {
	animation-delay: .52s;
}

.lesk-live-build-choice i {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 25px;
	height: 25px;
	border-radius: 8px;
	background: var(--lesk-green);
	color: #fff;
	font-size: 12px;
	font-style: normal;
}

.lesk-live-build-choice small,
.lesk-live-build-choice b {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lesk-live-build-choice small {
	color: #738077;
	font-size: 6px;
}

.lesk-live-build-choice b {
	font-size: 7px;
}

.lesk-live-design-tabs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5px;
	margin-top: 8px;
}

.lesk-live-design-tabs b {
	padding: 6px;
	border-radius: 6px;
	background: #eaf4ec;
	color: var(--lesk-green-dark);
	text-align: center;
	animation: leskLiveStep 2.3s ease infinite;
}

.lesk-live-design-tabs b:nth-child(2) { animation-delay: .3s; }
.lesk-live-design-tabs b:nth-child(3) { animation-delay: .6s; }

.lesk-live-steps {
	display: flex;
	gap: 5px;
	margin-top: 12px;
}

.lesk-live-steps span {
	flex: 1;
	padding: 8px 4px;
	border-radius: 7px;
	background: #eef3ef;
	text-align: center;
	font-weight: 800;
	animation: leskLiveStep 2.3s ease infinite;
}

.lesk-live-steps span:nth-child(2) {
	animation-delay: .35s;
}

.lesk-live-steps span:nth-child(3) {
	animation-delay: .7s;
}

.lesk-live-pipeline {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 5px;
	padding-top: 5px;
}

.lesk-live-pipeline::before {
	position: absolute;
	top: 17px;
	right: 9%;
	left: 9%;
	height: 2px;
	background: #dce9df;
	content: "";
}

.lesk-live-pipeline > span {
	position: relative;
	z-index: 1;
	display: grid;
	justify-items: center;
	gap: 5px;
	font-weight: 800;
}

.lesk-live-pipeline span i {
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #dfe9e1;
	color: #607266;
	font-style: normal;
	animation: leskLivePipeline 2.3s ease infinite;
}

.lesk-live-pipeline span:nth-child(2) i { animation-delay: .28s; }
.lesk-live-pipeline span:nth-child(3) i { animation-delay: .56s; }
.lesk-live-pipeline span:nth-child(4) i { animation-delay: .84s; }

.lesk-live-ssl {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	align-items: center;
}
.lesk-live-ssl > div,
.lesk-live-ssl > span {
	display: grid;
	grid-template-columns: 28px 1fr;
	grid-template-rows: auto auto;
	gap: 3px 7px;
	align-items: center;
	min-height: 72px;
	padding: 10px;
	border: 1px solid #dce7de;
	border-radius: 9px;
	background: #f4f9f5;
	animation: leskLiveChoice 2.3s ease infinite;
}
.lesk-live-ssl > span { animation-delay: .5s; }
.lesk-live-ssl i {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--lesk-green);
	color: #fff;
	font-style: normal;
}
.lesk-live-ssl small { color: #708078; }

.lesk-live-files {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px;
}

.lesk-live-files span {
	padding: 8px;
	border-radius: 7px;
	background: #f0f6f1;
	font-weight: 800;
	animation: leskLiveFile 2.3s ease infinite;
}

.lesk-live-files span:nth-child(2) { animation-delay: .18s; }
.lesk-live-files span:nth-child(3) { animation-delay: .36s; }
.lesk-live-files span:nth-child(4) { animation-delay: .54s; }

.lesk-live-code {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-top: 7px;
	padding: 6px 8px;
	border-radius: 6px;
	background: #112018;
	color: #b7ed69;
	font: 700 7px/1.2 ui-monospace, monospace;
}

.lesk-live-code i {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #57b86d;
}

.lesk-live-code b {
	margin-left: 4px;
}

.lesk-live-builder {
	display: grid;
	grid-template-columns: 1fr .55fr auto;
	gap: 6px;
}

.lesk-live-builder > span {
	padding: 7px;
	border: 1px solid #dce7de;
	border-radius: 7px;
}

.lesk-live-builder small,
.lesk-live-builder b {
	display: block;
}

.lesk-live-builder small {
	margin-bottom: 3px;
	color: #718077;
}

.lesk-live-builder button {
	padding: 0 9px;
}

.lesk-live-buildbar {
	position: relative;
	height: 29px;
	margin-top: 10px;
	border-radius: 7px;
	background: #e8f0e9;
	overflow: hidden;
}

.lesk-live-buildbar i {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(57,167,81,.25), rgba(183,237,105,.55));
	transform: scaleX(0);
	transform-origin: left;
	animation: leskLiveFill 2.3s ease infinite;
}

.lesk-live-buildbar b {
	position: relative;
	display: grid;
	place-items: center;
	height: 100%;
}

.lesk-live-content-map {
	display: grid;
	gap: 5px;
}

.lesk-live-content-map span {
	display: grid;
	grid-template-columns: 22px .8fr 1fr;
	gap: 7px;
	align-items: center;
	padding: 7px;
	border-radius: 7px;
	background: #f1f7f2;
	opacity: 0;
	transform: translateX(-12px);
	animation: leskLiveIndexRow 2.3s ease infinite;
}

.lesk-live-content-map span:nth-child(2) { animation-delay: .2s; }
.lesk-live-content-map span:nth-child(3) { animation-delay: .4s; }
.lesk-live-content-map i {
	display: grid;
	place-items: center;
	width: 21px;
	height: 21px;
	border-radius: 6px;
	background: var(--lesk-green);
	color: #fff;
	font-style: normal;
	font-weight: 900;
}
.lesk-live-content-map small { color: #708078; }

.lesk-live-auto-content header,
.lesk-live-auto-content main span {
	display: grid;
	grid-template-columns: 34px 1fr 18px;
	gap: 7px;
	align-items: center;
	padding: 7px;
	border-radius: 7px;
	background: #edf6ef;
}
.lesk-live-auto-content header > span,
.lesk-live-auto-content em {
	color: var(--lesk-green-dark);
	font-size: 6px;
	font-style: normal;
	font-weight: 900;
}
.lesk-live-auto-content header i {
	display: grid;
	place-items: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--lesk-green);
	color: #fff;
	font-style: normal;
}
.lesk-live-auto-content main { display: grid; gap: 5px; margin-top: 6px; }
.lesk-live-auto-content main span {
	grid-template-columns: 34px 1fr;
	background: #f7faf7;
	opacity: 0;
	animation: leskLiveLog 2.3s ease infinite;
}
.lesk-live-auto-content main span:nth-child(2) { animation-delay: .18s; }
.lesk-live-auto-content main span:nth-child(3) { animation-delay: .36s; }

.lesk-live-sample-site {
	border: 1px solid #dce7de;
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
	transform: scale(.96) translateY(8px);
	animation: leskSampleSite 2.3s ease infinite;
}

.lesk-live-sample-site header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 7px;
	padding: 6px 8px;
	font-size: 6px;
}
.lesk-live-sample-site header b { color: var(--lesk-green-dark); }
.lesk-live-sample-site header span { color: #738078; }
.lesk-live-sample-site header i,
.lesk-live-sample-site main em {
	padding: 4px 6px;
	border-radius: 5px;
	background: var(--lesk-green);
	color: #fff;
	font-style: normal;
	font-weight: 850;
}
.lesk-live-sample-site main {
	display: grid;
	gap: 5px;
	padding: 11px;
	background: radial-gradient(circle at 90% 10%, rgba(183,237,105,.25), transparent 33%), linear-gradient(120deg, #0b2113, #174e27);
	color: #fff;
}
.lesk-live-sample-site main small { color: var(--lesk-lime); font-weight: 850; }
.lesk-live-sample-site main strong { max-width: 235px; font-size: 12px; line-height: 1.15; }
.lesk-live-sample-site main em { width: max-content; font-size: 6px; }
.lesk-live-sample-site footer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 5px; }
.lesk-live-sample-site footer span { padding: 4px; border-radius: 4px; background: #edf5ee; color: var(--lesk-green-dark); text-align: center; font-weight: 800; }

.lesk-live-meta {
	display: grid;
	gap: 5px;
}
.lesk-live-meta span {
	display: grid;
	grid-template-columns: 74px 1fr 18px;
	gap: 6px;
	align-items: center;
	padding: 7px;
	border-radius: 7px;
	background: #f3f8f4;
	opacity: 0;
	animation: leskLiveLog 2.3s ease infinite;
}
.lesk-live-meta span:nth-child(2) { animation-delay: .2s; }
.lesk-live-meta span:nth-child(3) { animation-delay: .4s; }
.lesk-live-meta small { color: #738078; font-size: 6px; font-weight: 900; }
.lesk-live-meta i { display: grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; background: var(--lesk-green); color: #fff; font-style: normal; }

.lesk-live-auto-scan {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
}
.lesk-live-auto-scan span {
	display: grid;
	grid-template-columns: 7px 1fr auto;
	gap: 5px;
	align-items: center;
	padding: 9px 6px;
	border: 1px solid #e1ebe3;
	border-radius: 7px;
	background: #f7faf7;
	opacity: 0;
	animation: leskCampaignOpen 2.3s ease infinite;
}
.lesk-live-auto-scan span:nth-child(2) { animation-delay: .1s; }
.lesk-live-auto-scan span:nth-child(3) { animation-delay: .2s; }
.lesk-live-auto-scan span:nth-child(4) { animation-delay: .3s; }
.lesk-live-auto-scan span:nth-child(5) { animation-delay: .4s; }
.lesk-live-auto-scan span:nth-child(6) { animation-delay: .5s; }
.lesk-live-auto-scan i { width: 7px; height: 7px; border-radius: 50%; background: var(--lesk-green); }
.lesk-live-auto-scan em { color: var(--lesk-green-dark); font-size: 6px; font-style: normal; font-weight: 900; }

.lesk-live-mobile-preview {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	height: 100px;
}
.lesk-live-mobile-preview > div {
	width: 82px;
	height: 96px;
	border: 4px solid #173722;
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
	animation: leskSampleSite 2.3s ease infinite;
}
.lesk-live-mobile-preview header { padding: 5px; color: var(--lesk-green-dark); font-size: 5px; font-weight: 900; }
.lesk-live-mobile-preview main { display: grid; gap: 4px; padding: 8px 6px; background: linear-gradient(145deg, #0d2515, #1d5a2e); color: #fff; }
.lesk-live-mobile-preview main small { color: var(--lesk-lime); font-size: 4px; }
.lesk-live-mobile-preview main b { font-size: 7px; line-height: 1.2; }
.lesk-live-mobile-preview main i { width: max-content; padding: 3px 4px; border-radius: 3px; background: var(--lesk-green); font-size: 4px; font-style: normal; }
.lesk-live-mobile-preview > span { display: grid; text-align: center; }
.lesk-live-mobile-preview > span b { color: var(--lesk-green); font-size: 24px; }
.lesk-live-mobile-preview > span small { color: #708078; font-weight: 800; }

.lesk-live-search-preview {
	padding: 8px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 5px 18px rgba(10,40,20,.08);
	animation: leskSampleSite 2.3s ease infinite;
}
.lesk-live-search-preview header { display: flex; gap: 6px; align-items: center; padding-bottom: 5px; border-bottom: 1px solid #edf1ed; }
.lesk-live-search-preview header b { color: #4285f4; font-size: 13px; }
.lesk-live-search-preview header span { flex: 1; padding: 5px 7px; border-radius: 999px; background: #f1f3f4; }
.lesk-live-search-preview > small { display: block; margin-top: 6px; color: #20833b; }
.lesk-live-search-preview > strong { display: block; margin: 3px 0; color: #1a0dab; font-size: 11px; }
.lesk-live-search-preview p { margin: 0; color: #5f6368; font-size: 7px; }
.lesk-live-search-preview footer { display: flex; gap: 7px; align-items: center; margin-top: 4px; }
.lesk-live-search-preview footer span { color: #f4a62a; }
.lesk-live-search-preview footer i { margin-left: auto; color: var(--lesk-green-dark); font-style: normal; font-weight: 800; }

.lesk-live-seo-monitor {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 7px;
}
.lesk-live-seo-monitor span { display: grid; gap: 5px; padding: 13px 8px; border-radius: 8px; background: #f1f7f2; text-align: center; opacity: 0; animation: leskCampaignOpen 2.3s ease infinite; }
.lesk-live-seo-monitor span:nth-child(2) { animation-delay: .2s; }
.lesk-live-seo-monitor span:nth-child(3) { animation-delay: .4s; }
.lesk-live-seo-monitor small { color: #718078; }
.lesk-live-seo-monitor b { color: var(--lesk-green-dark); font-size: 18px; }
.lesk-live-seo-monitor i { color: var(--lesk-green); font-style: normal; font-weight: 900; }

.lesk-live-browser {
	border: 1px solid #dce7de;
	border-radius: 8px;
	overflow: hidden;
}

.lesk-live-browser > span,
.lesk-live-browser > b {
	display: inline-block;
	padding: 5px 7px;
	font-size: 6px;
}

.lesk-live-browser > span {
	color: #85a08c;
}

.lesk-live-browser > b {
	width: 68%;
	border-radius: 5px;
	background: #f0f5f1;
}

.lesk-live-browser main {
	display: grid;
	grid-template-columns: 24px 1fr;
	padding: 8px;
	background: linear-gradient(115deg, #0d2114, #194d28);
	color: #fff;
	transform: translateY(14px);
	animation: leskLiveBrowser 2.3s ease infinite;
}

.lesk-live-browser main i {
	grid-row: 1 / 3;
	font-style: normal;
	color: var(--lesk-lime);
}

.lesk-live-browser main small {
	color: #bed1c2;
}

.lesk-live-publish {
	position: absolute;
	right: 17px;
	bottom: 8px;
	padding: 8px 11px;
	animation: leskLivePublish 2.3s ease infinite;
}

.lesk-live-connect {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 7px;
	align-items: center;
}

.lesk-live-connect > span {
	padding: 8px;
	border: 1px solid #dce7de;
	border-radius: 8px;
	background: #f5faf6;
}

.lesk-live-connect small,
.lesk-live-connect b,
.lesk-live-connect em {
	display: block;
}

.lesk-live-connect small { color: #718078; font-size: 6px; }
.lesk-live-connect b { margin: 4px 0; font-size: 8px; }
.lesk-live-connect em { color: var(--lesk-green-dark); font-size: 6px; font-style: normal; font-weight: 850; }

.lesk-live-connect > i {
	color: var(--lesk-green);
	font-size: 17px;
	font-style: normal;
	font-weight: 900;
	animation: leskConnectPair 1s ease-in-out infinite alternate;
}

.lesk-live-connect-line {
	position: relative;
	height: 27px;
	margin-top: 8px;
	border-radius: 7px;
	background: #eaf4ec;
	overflow: hidden;
}

.lesk-live-connect-line i {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(57,167,81,.18), rgba(183,237,105,.48));
	transform: scaleX(0);
	transform-origin: left;
	animation: leskLiveFill 2.3s ease infinite;
}

.lesk-live-connect-line b {
	position: relative;
	display: grid;
	place-items: center;
	height: 100%;
	color: var(--lesk-green-dark);
}

.lesk-live-checks {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
}

.lesk-live-checks span {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 8px 6px;
	border-radius: 7px;
	background: #f0f6f1;
	font-weight: 800;
	opacity: 0;
	transform: translateY(6px);
	animation: leskLiveLog 2.3s ease infinite;
}

.lesk-live-checks span:nth-child(2) { animation-delay: .12s; }
.lesk-live-checks span:nth-child(3) { animation-delay: .24s; }
.lesk-live-checks span:nth-child(4) { animation-delay: .36s; }
.lesk-live-checks span:nth-child(5) { animation-delay: .48s; }
.lesk-live-checks span:nth-child(6) { animation-delay: .6s; }

.lesk-live-checks i {
	display: grid;
	place-items: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--lesk-green);
	color: #fff;
	font-style: normal;
}

.lesk-live-index-title {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 7px;
}

.lesk-live-index-title b {
	font-size: 12px;
}

.lesk-live-index-title em {
	padding: 5px 8px;
	border-radius: 999px;
	background: var(--lesk-green);
	color: #fff;
	font-style: normal;
	font-weight: 900;
	animation: leskLiveDot 1s infinite;
}

.lesk-live-index-title span {
	margin-left: auto;
	padding: 4px 7px;
	border-radius: 999px;
	background: #eaf7ed;
	color: var(--lesk-green-dark);
	font-weight: 850;
	animation: leskLiveGooglebot 2.3s ease infinite;
}

.lesk-live-index-list {
	display: grid;
	gap: 5px;
}

.lesk-live-index-list span {
	display: flex;
	justify-content: space-between;
	padding: 6px 8px;
	border-radius: 6px;
	background: #f0f6f1;
	transform: translateX(-10px);
	opacity: 0;
	animation: leskLiveIndexRow 2.3s ease infinite;
}

.lesk-live-index-list span:nth-child(2) { animation-delay: .18s; }
.lesk-live-index-list span:nth-child(3) { animation-delay: .36s; }
.lesk-live-index-list i {
	color: var(--lesk-green-dark);
	font-style: normal;
	font-weight: 850;
}

.lesk-live-google header {
	display: grid;
	grid-template-columns: 18px 1fr auto;
	gap: 6px;
	align-items: center;
	padding-bottom: 7px;
	border-bottom: 1px solid #e5ebe6;
}

.lesk-live-google header b {
	color: #4285f4;
	font-size: 16px;
}

.lesk-live-google header span {
	padding: 6px 9px;
	border-radius: 999px;
	background: #f2f5f3;
}

.lesk-live-google > small {
	display: block;
	margin-top: 7px;
	color: #4d6655;
}

.lesk-live-google h4 {
	margin: 3px 0;
	color: #174ea6;
	font-size: 11px;
	transform: translateY(8px);
	opacity: 0;
	animation: leskLiveRank 2.3s ease infinite;
}

.lesk-live-google h4 em {
	padding: 3px 5px;
	border-radius: 5px;
	background: var(--lesk-green);
	color: #fff;
	font-style: normal;
}

.lesk-live-google p {
	margin: 0;
	color: #66756b;
}

.lesk-live-rank-rise {
	position: absolute;
	right: 11px;
	bottom: 9px;
	display: flex;
	gap: 3px;
	align-items: end;
}

.lesk-live-rank-rise i,
.lesk-live-rank-rise b {
	display: grid;
	place-items: center;
	width: 14px;
	border-radius: 3px 3px 1px 1px;
	background: #dfeae1;
	color: #718077;
	font-size: 6px;
	font-style: normal;
	transform: scaleY(0);
	transform-origin: bottom;
	animation: leskLiveRankBar 2.3s ease infinite;
}

.lesk-live-rank-rise i:nth-child(1) { height: 10px; }
.lesk-live-rank-rise i:nth-child(2) { height: 14px; animation-delay: .1s; }
.lesk-live-rank-rise i:nth-child(3) { height: 18px; animation-delay: .2s; }
.lesk-live-rank-rise i:nth-child(4) { height: 22px; animation-delay: .3s; }
.lesk-live-rank-rise b {
	height: 28px;
	background: var(--lesk-green);
	color: #fff;
	animation-delay: .4s;
}

.lesk-live-rank-rise span {
	color: var(--lesk-green);
	font-size: 17px;
	font-weight: 900;
	animation: leskLiveRankArrow 2.3s ease infinite;
}

.lesk-live-ca-presets {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 5px;
}

.lesk-live-ca-presets span {
	padding: 8px 4px;
	border: 1px solid #dbe7dd;
	border-radius: 7px;
	background: #f4f9f5;
	text-align: center;
	opacity: .4;
	transform: translateY(5px);
	animation: leskCampaignOpen 2.3s ease infinite;
}

.lesk-live-ca-presets span:nth-child(2) { animation-delay: .16s; }
.lesk-live-ca-presets span:nth-child(3) { animation-delay: .32s; }
.lesk-live-ca-presets span:nth-child(4) { animation-delay: .48s; }

.lesk-live-ca-presets b,
.lesk-live-ca-presets small { display: block; }
.lesk-live-ca-presets small { margin-top: 4px; color: var(--lesk-green-dark); font-size: 6px; font-weight: 850; }

.lesk-live-devices {
	display: flex;
	gap: 4px;
	align-items: center;
	margin-top: 8px;
}

.lesk-live-devices > * {
	padding: 5px 6px;
	border-radius: 999px;
	background: #eaf4ec;
	color: var(--lesk-green-dark);
	font-size: 6px;
}

.lesk-live-devices b { background: var(--lesk-green); color: #fff; }

.lesk-live-hit {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 8px;
	align-items: center;
}

.lesk-live-hit > span {
	display: flex;
	gap: 7px;
	align-items: center;
	justify-content: center;
	padding: 12px 7px;
	border-radius: 9px;
	background: #edf7ef;
	color: var(--lesk-green-dark);
}

.lesk-live-hit > span i {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--lesk-green);
	box-shadow: 0 0 0 0 rgba(57,167,81,.35);
	animation: leskLiveDot 1s infinite;
}

.lesk-live-hit > em {
	color: var(--lesk-green);
	font-size: 17px;
	font-style: normal;
	font-weight: 900;
	animation: leskConnectPair 1s ease-in-out infinite alternate;
}

.lesk-live-hit-note {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 9px;
	padding: 8px;
	border-radius: 7px;
	background: #112018;
	color: #fff;
}

.lesk-live-hit-note b { color: var(--lesk-lime); }
.lesk-live-hit-note span { color: #b8c9bc; font-size: 6px; }

.lesk-live-guard {
	position: relative;
	display: grid;
	place-items: center;
	height: 88px;
}

.lesk-live-guard > b {
	position: relative;
	z-index: 5;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 14px 14px 18px 18px;
	background: var(--lesk-green);
	color: #fff;
	font-size: 8px;
	box-shadow: 0 0 24px rgba(57,167,81,.35);
}

.lesk-live-guard-ring {
	position: absolute;
	display: grid;
	place-items: start center;
	border: 1px solid rgba(57,167,81,.45);
	border-radius: 50%;
	color: var(--lesk-green-dark);
	font-size: 6px;
	font-weight: 900;
	animation: leskLiveGuard 2.3s ease-in-out infinite;
}

.lesk-live-guard .ring-one { width: 92px; height: 58px; padding-top: 2px; }
.lesk-live-guard .ring-two { width: 135px; height: 76px; padding-top: 3px; animation-delay: .2s; }
.lesk-live-guard .ring-three { width: 178px; height: 88px; padding-top: 4px; animation-delay: .4s; }

.lesk-live-guard > i {
	position: absolute;
	right: 4px;
	color: #cf4444;
	font: 900 12px/1 sans-serif;
	animation: leskLiveAttack 2.3s linear infinite;
}

.lesk-live-guard .attack-two { top: 12px; animation-delay: .7s; }
.lesk-live-guard .attack-three { bottom: 8px; animation-delay: 1.35s; }

.lesk-live-guard > em {
	position: absolute;
	z-index: 7;
	left: 2px;
	padding: 5px 7px;
	border-radius: 999px;
	background: #e9f7ec;
	color: var(--lesk-green-dark);
	font-size: 7px;
	font-style: normal;
	font-weight: 900;
	animation: leskLiveBotPass 2.3s ease infinite;
}

.lesk-live-guard > small {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 4px 6px;
	border-radius: 5px;
	background: #102118;
	color: var(--lesk-lime);
	font-size: 6px;
	font-weight: 850;
}

.lesk-live-log {
	display: grid;
	gap: 5px;
}

.lesk-live-log span {
	display: grid;
	grid-template-columns: 7px 55px 1fr;
	gap: 6px;
	align-items: center;
	padding: 7px;
	border-radius: 6px;
	background: #112018;
	color: #fff;
	transform: translateY(8px);
	opacity: 0;
	animation: leskLiveLog 2.3s ease infinite;
}

.lesk-live-log span:nth-child(2) { animation-delay: .22s; }
.lesk-live-log span:nth-child(3) { animation-delay: .44s; }
.lesk-live-log i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--lesk-lime);
}
.lesk-live-log small { color: #afc1b4; }

.lesk-live-redirect header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}

.lesk-live-redirect header b {
	padding: 5px 7px;
	border-radius: 6px;
	background: #112018;
	color: var(--lesk-lime);
	font: 850 8px/1 ui-monospace, monospace;
}

.lesk-live-redirect header span {
	padding: 4px 7px;
	border-radius: 999px;
	background: var(--lesk-green);
	color: #fff;
	font-weight: 900;
}

.lesk-live-redirect main {
	display: grid;
	grid-template-columns: auto 1fr auto auto 1fr;
	gap: 5px;
	align-items: center;
}

.lesk-live-redirect main small {
	color: #718077;
	font-size: 6px;
}

.lesk-live-redirect main strong {
	padding: 7px;
	border-radius: 6px;
	background: #edf4ee;
	white-space: nowrap;
}

.lesk-live-redirect main i {
	color: var(--lesk-green);
	font-size: 15px;
	font-style: normal;
	font-weight: 900;
	animation: leskRedirectArrow .8s ease-in-out infinite alternate;
}

.lesk-live-redirect button {
	width: 100%;
	margin-top: 8px;
	padding: 8px;
	animation: leskLivePublish 2.3s ease infinite;
}

.lesk-live-campaign {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 7px;
}

.lesk-live-campaign span {
	padding: 10px;
	border-radius: 8px;
	background: #f0f6f1;
}

.lesk-live-campaign small,
.lesk-live-campaign b {
	display: block;
}

.lesk-live-campaign small {
	margin-bottom: 4px;
	color: #708077;
}

.lesk-live-campaign button {
	grid-column: 1 / -1;
	padding: 9px;
	animation: leskLivePublish 2.3s ease infinite;
}

.lesk-panel-video-feed {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 8px;
	align-items: center;
	margin-top: auto;
	padding: 11px;
	border-radius: 10px;
	background: #eaf3ec;
	color: var(--lesk-muted);
	font-size: 8px;
}

.lesk-panel-video-feed > i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--lesk-green);
}

.lesk-panel-video-feed b {
	color: var(--lesk-green-dark);
	font-size: 7px;
}

.lesk-panel-video-timeline {
	position: absolute;
	z-index: 4;
	right: 20px;
	bottom: 12px;
	left: 20px;
	height: 3px;
	border-radius: 99px;
	background: #d9e4db;
	overflow: hidden;
}

.lesk-panel-video-footer {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding: 11px 5px 1px;
}

.lesk-panel-video-footer span {
	padding: 5px 7px;
	border-radius: 999px;
	background: rgba(183, 237, 105, .1);
	color: var(--lesk-lime);
	font-size: 7px;
	font-weight: 850;
}

@keyframes leskPanelVideoScene {
	0%, 6.2% {
		opacity: 1;
		transform: translateX(0);
	}
	7.14%, 100% {
		opacity: 0;
		transform: translateX(-12px);
	}
}

@keyframes leskPricingVideoScene {
	0%, 8.7% {
		opacity: 1;
		transform: translateX(0);
	}
	10%, 100% {
		opacity: 0;
		transform: translateX(-12px);
	}
}

@keyframes leskPanelVideoTimeline {
	to {
		transform: scaleX(1);
	}
}

@keyframes leskPlanPricePulse {
	50% {
		background: rgba(183,237,105,.24);
		box-shadow: 0 0 0 4px rgba(183,237,105,.1);
	}
}

@keyframes leskPlanFeatureOn {
	50% {
		border-color: rgba(57,167,81,.45);
		background: var(--lesk-soft);
	}
}

@keyframes leskPlanCardOn {
	50% {
		border-color: rgba(57,167,81,.55);
		box-shadow: 0 7px 16px rgba(31,102,52,.12);
		transform: translateY(-2px);
	}
}

@keyframes leskHostingToolOn {
	50% {
		border-color: rgba(57,167,81,.5);
		background: var(--lesk-soft);
		transform: translateY(-2px);
	}
}

@keyframes leskStatusPulse {
	to {
		box-shadow: 0 0 0 5px rgba(57, 167, 81, .12);
	}
}

@keyframes leskGuardPulse {
	70% {
		box-shadow: 0 0 0 9px rgba(57, 167, 81, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(57, 167, 81, 0);
	}
}

@keyframes leskLiveCursor { 50% { opacity: 0; } }
@keyframes leskRedirectArrow {
	to { transform: translateX(4px); }
}
@keyframes leskConnectPair {
	to { transform: scale(1.14); }
}
@keyframes leskCampaignOpen {
	0%, 15% { opacity: .4; transform: translateY(5px); }
	38%, 100% { opacity: 1; transform: none; border-color: rgba(57,167,81,.48); }
}
@keyframes leskSampleSite {
	0%, 14% { opacity: .45; transform: scale(.96) translateY(8px); }
	38%, 82% { opacity: 1; transform: none; }
	100% { opacity: .92; transform: scale(.995); }
}
@keyframes leskLiveType {
	0%, 12% { max-width: 0; }
	62%, 100% { max-width: 120px; }
}
@keyframes leskLiveReveal {
	0%, 52% { opacity: 0; transform: translateY(6px); }
	68%, 100% { opacity: 1; transform: translateY(0); }
}
@keyframes leskLiveDot {
	70% { box-shadow: 0 0 0 6px rgba(57,167,81,0); }
}
@keyframes leskLiveAction {
	0%, 18% { transform: translateY(3px); opacity: .55; }
	35%, 100% { transform: none; opacity: 1; }
}
@keyframes leskLiveChoice {
	0%, 18% { border-color: #dbe7dd; transform: translateY(3px); }
	35%, 62% { border-color: var(--lesk-green); transform: translateY(0); box-shadow: 0 7px 18px rgba(57,167,81,.12); }
	82%, 100% { border-color: #dbe7dd; box-shadow: none; }
}
@keyframes leskLiveStep {
	0%, 18% { background: #eef3ef; color: #607066; }
	38%, 100% { background: var(--lesk-green); color: #fff; }
}
@keyframes leskLivePipeline {
	0%, 18% { background: #dfe9e1; color: #607266; transform: scale(.88); }
	38%, 100% { background: var(--lesk-green); color: #fff; transform: scale(1); }
}
@keyframes leskLiveFile {
	0%, 15% { transform: translateY(5px); opacity: .35; }
	35%, 100% { transform: none; opacity: 1; }
}
@keyframes leskLiveFill {
	0%, 12% { transform: scaleX(0); }
	78%, 100% { transform: scaleX(1); }
}
@keyframes leskLiveBrowser {
	0%, 18% { transform: translateY(14px); opacity: .3; }
	48%, 100% { transform: translateY(0); opacity: 1; }
}
@keyframes leskLivePublish {
	0%, 52% { transform: scale(.92); opacity: .6; }
	68%, 100% { transform: scale(1); opacity: 1; box-shadow: 0 0 0 5px rgba(57,167,81,.1); }
}
@keyframes leskLiveIndexRow {
	0%, 14% { transform: translateX(-10px); opacity: 0; }
	38%, 100% { transform: none; opacity: 1; }
}
@keyframes leskLiveRank {
	0%, 30% { transform: translateY(8px); opacity: 0; }
	58%, 100% { transform: none; opacity: 1; }
}
@keyframes leskLiveGooglebot {
	0%, 22% { transform: translateX(-12px); opacity: 0; }
	48%, 100% { transform: none; opacity: 1; }
}
@keyframes leskLiveRankBar {
	0%, 24% { transform: scaleY(0); }
	56%, 100% { transform: scaleY(1); }
}
@keyframes leskLiveRankArrow {
	0%, 38% { transform: translateY(8px); opacity: 0; }
	62%, 100% { transform: none; opacity: 1; }
}
@keyframes leskLiveGuard {
	50% { transform: scale(1.05); border-color: var(--lesk-lime); }
}
@keyframes leskLiveAttack {
	0% { transform: translateX(28px); opacity: 0; }
	35% { opacity: 1; }
	68%, 100% { transform: translateX(-22px); opacity: 0; }
}
@keyframes leskLiveBotPass {
	0% { transform: translateX(-18px); opacity: 0; }
	35% { opacity: 1; }
	72%, 100% { transform: translateX(112px); opacity: 1; }
}
@keyframes leskLiveLog {
	0%, 16% { transform: translateY(8px); opacity: 0; }
	38%, 100% { transform: none; opacity: 1; }
}

.lesk-console-body {
	padding: 22px;
	border-radius: 18px;
	background: #f8faf7;
	color: var(--lesk-ink);
}

.lesk-console-title {
	display: grid;
	grid-template-columns: 58px 1fr auto;
	gap: 14px;
	align-items: center;
}

.lesk-console-title .lesk-icon {
	width: 52px;
	height: 52px;
	margin: 0;
}

.lesk-console-title small,
.lesk-console-title strong {
	display: block;
}

.lesk-console-title small {
	margin-bottom: 4px;
	color: var(--lesk-muted);
	font-size: 10px;
	text-transform: uppercase;
}

.lesk-console-title strong {
	font-size: 17px;
}

.lesk-console-progress {
	height: 7px;
	margin: 22px 0;
	border-radius: 999px;
	background: #e3eae4;
	overflow: hidden;
}

.lesk-console-progress i {
	display: block;
	width: 82%;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--lesk-green), var(--lesk-lime));
}

.lesk-console-list {
	display: grid;
	gap: 9px;
}

.lesk-console-list > div {
	display: grid;
	grid-template-columns: 35px 1fr auto;
	gap: 11px;
	align-items: center;
	padding: 13px 14px;
	border: 1px solid var(--lesk-line);
	border-radius: 12px;
	background: #fff;
}

.lesk-console-list b {
	color: var(--lesk-green-dark);
	font: 850 11px/1 ui-monospace, monospace;
}

.lesk-console-list span {
	font-size: 12px;
	font-weight: 750;
}

.lesk-console-list em {
	color: var(--lesk-green-dark);
	font-size: 9px;
	font-style: normal;
	font-weight: 850;
	text-transform: uppercase;
}

.lesk-console-footer {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 14px;
}

.lesk-console-footer span {
	padding: 6px 8px;
	border-radius: 999px;
	background: var(--lesk-soft);
	color: var(--lesk-green-dark);
	font-size: 8px;
	font-weight: 850;
}

.lesk-flow-item--dark {
	border-color: rgba(183,237,105,.15);
	background: rgba(255,255,255,.055);
}

.lesk-flow-item--dark strong {
	color: #fff;
}

.lesk-flow-item--dark small {
	color: #aebdb2;
}

.lesk-flow-item--dark .lesk-status {
	color: var(--lesk-lime);
}

.lesk-rich {
	max-width: 850px;
}

.lesk-rich h2 {
	margin: 55px 0 16px;
	font-size: clamp(29px, 3vw, 42px);
	letter-spacing: -.035em;
}

.lesk-rich p,
.lesk-rich li {
	color: var(--lesk-muted);
	font-size: 17px;
	line-height: 1.8;
}

.lesk-auth {
	min-height: 72vh;
	padding: 100px 0;
	background:
		radial-gradient(circle at 75% 20%, rgba(57,167,81,.18), transparent 25rem),
		var(--lesk-bg);
}

.lesk-auth-card {
	width: min(560px, calc(100% - 40px));
	margin: auto;
	padding: 42px;
	border: 1px solid var(--lesk-line);
	border-radius: var(--lesk-radius);
	background: var(--lesk-paper);
	box-shadow: var(--lesk-shadow);
}

.lesk-auth-card h1 {
	margin: 0 0 8px;
	font-size: 38px;
	letter-spacing: -.04em;
}

.lesk-auth-card > p {
	color: var(--lesk-muted);
}

.lesk-form {
	display: grid;
	gap: 15px;
	margin-top: 25px;
}

.lesk-form label {
	font-size: 13px;
	font-weight: 750;
}

.lesk-form input,
.lesk-auth-card .input {
	width: 100%;
	min-height: 51px;
	margin-top: 7px;
	padding: 11px 14px;
	border: 1px solid var(--lesk-line) !important;
	border-radius: 12px;
	background: #fff !important;
	color: var(--lesk-ink) !important;
}

.lesk-form button,
.lesk-auth-card input[type="submit"] {
	width: 100%;
	min-height: 51px;
	border: 0;
	border-radius: 999px;
	background: var(--lesk-green);
	color: #fff;
	font-weight: 850;
}

.lesk-alert {
	margin: 16px 0;
	padding: 13px 15px;
	border-radius: 12px;
	background: #fff0f0;
	color: #982d2d;
}

.lesk-alert--success {
	background: var(--lesk-soft);
	color: var(--lesk-green-dark);
}

.lesk-account-actions {
	display: grid;
	gap: 10px;
	margin-top: 25px;
}

.ct-footer [data-row="top"],
.ct-footer [data-row="middle"] {
	display: none !important;
}

.ct-footer [data-row="bottom"] {
	border-top: 1px solid var(--lesk-line);
	background: var(--lesk-night);
}

@media (min-width: 981px) and (max-width: 1200px) {
	.lesk-hero-grid,
	.lesk-landing-hero-grid {
		grid-template-columns: minmax(0, 1fr) minmax(460px, .9fr);
		gap: 38px;
	}

	.lesk-display {
		font-size: 54px;
	}

	.lesk-panel-shot {
		grid-template-columns: 58px 1fr;
		min-height: 440px;
	}
}

@media (max-width: 980px) {
	.lesk-hero-grid,
	.lesk-landing-hero-grid,
	.lesk-security-grid,
	.lesk-split,
	.lesk-faq-grid {
		grid-template-columns: 1fr;
	}

	.lesk-card-grid,
	.lesk-price-grid {
		grid-template-columns: 1fr 1fr;
	}

	.lesk-steps {
		grid-template-columns: 1fr 1fr;
	}

	.lesk-hero-grid {
		gap: 55px;
	}

	.lesk-landing-hero-grid {
		gap: 55px;
	}

	.lesk-dashboard {
		max-width: 620px;
	}

	.lesk-panel-shot {
		max-width: 620px;
	}

	.lesk-service-console {
		max-width: 620px;
	}

	.lesk-security-art {
		min-height: 530px;
	}

	.lesk-intro {
		display: block;
	}

	.lesk-intro .lesk-copy {
		margin-top: 22px;
	}
}

@media (max-width: 660px) {
	.lesk-container {
		width: min(100% - 28px, 1180px);
	}

	.lesk-section {
		padding: 76px 0;
	}

	.lesk-hero {
		padding: 82px 0 65px;
	}

	.lesk-landing-hero {
		padding: 82px 0 68px;
	}

	.lesk-display {
		font-size: 45px;
	}

	.lesk-title-line--long {
		white-space: normal;
	}

	.lesk-heading {
		font-size: 36px;
	}

	.lesk-card-grid,
	.lesk-price-grid,
	.lesk-feature-grid,
	.lesk-steps {
		grid-template-columns: 1fr;
	}

	.lesk-price--featured {
		transform: none;
	}

	.lesk-shared-plan-features,
	.lesk-shared-plan-details {
		grid-template-columns: 1fr;
	}

	.lesk-shared-plan-features {
		padding: 24px 20px;
	}

	.lesk-domain {
		align-items: flex-start;
		flex-direction: column;
	}

	.lesk-panel-shot {
		grid-template-columns: 48px 1fr;
		min-height: 400px;
		padding: 8px;
	}

	.lesk-shot-sidebar {
		padding-inline: 2px;
	}

	.lesk-shot-brand strong,
	.lesk-shot-brand small {
		display: none;
	}

	.lesk-shot-sidebar nav i {
		width: 30px;
		height: 30px;
	}

	.lesk-shot-workspace {
		padding: 13px;
	}

	.lesk-shot-top strong {
		font-size: 15px;
	}

	.lesk-shot-top {
		align-items: flex-start;
	}

	.lesk-demo-live {
		font-size: 0;
	}

	.lesk-demo-stage {
		min-height: 400px;
	}

	.lesk-demo-scene {
		padding: 17px;
	}

	.lesk-demo-scene h3 {
		font-size: 18px;
	}

	.lesk-demo-scene p {
		font-size: 11px;
	}

	.lesk-shot-stats > div {
		padding: 9px;
	}

	.lesk-shot-stats strong {
		font-size: 15px;
	}

	.lesk-shot-table > div {
		grid-template-columns: 1fr .65fr;
	}

	.lesk-shot-table > div > span:nth-child(2),
	.lesk-shot-table > div > span:nth-child(3) {
		display: none;
	}

	.lesk-badges {
		justify-content: flex-start;
	}

	.lesk-command-grid,
	.lesk-stat-grid {
		grid-template-columns: 1fr;
	}

	.lesk-security-art {
		min-height: 485px;
		margin-inline: -8px;
	}

	.lesk-security-art--video {
		min-height: 535px;
		border-radius: 18px;
	}

	.lesk-security-video-head b {
		display: none;
	}

	.lesk-security-video-head em {
		margin-left: auto;
	}

	.lesk-security-home-card {
		min-height: 390px;
		padding: 28px 18px;
	}

	.lesk-security-home-shield {
		width: 155px;
		height: 182px;
	}

	.lesk-security-home-card::before {
		width: 270px;
		height: 270px;
	}

	.lesk-security-home-card::after {
		width: 350px;
		height: 350px;
	}

	.lesk-security-orbits {
		width: 318px;
		height: 318px;
	}

	.lesk-security-orbits i:nth-child(1) {
		width: 310px;
		height: 310px;
	}

	.lesk-security-orbits i:nth-child(2) {
		width: 238px;
		height: 238px;
	}

	.lesk-security-orbits i:nth-child(3) {
		width: 168px;
		height: 168px;
	}

	.lesk-security-layers {
		top: 95px;
		left: 0;
		width: 145px;
		transform: scale(.82);
		transform-origin: top left;
	}

	.lesk-security-stack-card .lesk-security-layer {
		grid-template-columns: 29px 1fr;
		width: auto;
		padding: 7px 3px;
	}

	.lesk-security-layer--safe {
		left: 0;
	}

	.lesk-security-layer--lesk {
		right: 0;
	}

	.lesk-security-brand-icon {
		width: 28px;
		height: 28px;
	}

	.lesk-security-brand-icon svg {
		width: 21px;
		height: 21px;
	}

	.lesk-security-layer em {
		display: none;
	}

	.lesk-security-layer b {
		font-size: 9px;
	}

	.lesk-security-art--video .lesk-defense-strikes .strike {
		left: 108px;
		width: 86px;
	}

	.lesk-security-server {
		width: 148px;
		height: 187px;
	}

	.lesk-server-rack {
		inset-inline: 16px;
	}

	.lesk-security-threats .threat {
		padding: 4px;
	}

	.lesk-security-threats .threat b {
		display: block;
		font-size: 5px;
	}

	.lesk-googlebot-route {
		bottom: 82px;
		width: 53%;
	}

	.lesk-visitor-route {
		bottom: 130px;
		left: 0;
		width: 53%;
	}

	.lesk-googlebot-route > .lesk-route-packet,
	.lesk-visitor-route > .lesk-route-packet {
		left: 70px;
	}

	.lesk-security-events {
		right: 0;
		left: 0;
		gap: 4px;
	}

	.lesk-security-events span {
		padding: 6px 4px;
	}

	.lesk-security-events small {
		font-size: 5px;
	}

	.lesk-security-art--video .lesk-googlebot-route {
		bottom: 89px;
	}

	.lesk-admin-safe {
		right: 0;
		bottom: 88px;
		padding: 6px;
	}

	.lesk-admin-safe b,
	.lesk-admin-safe small {
		display: none;
	}

	.lesk-block-burst {
		display: none;
	}

	.lesk-flow-item {
		grid-template-columns: 48px 1fr;
	}

	.lesk-flow-item .lesk-status {
		grid-column: 2;
	}

	.lesk-console-title {
		grid-template-columns: 52px 1fr;
	}

	.lesk-panel-video-shell,
	.lesk-panel-video-main {
		min-height: 410px;
	}

	.lesk-panel-video-shell {
		grid-template-columns: 44px 1fr;
	}

	.lesk-panel-video-shell > aside {
		gap: 13px;
		padding-inline: 5px;
	}

	.lesk-panel-video-scene {
		padding: 18px 14px;
	}

	.lesk-panel-video-heading {
		grid-template-columns: 42px 1fr;
		margin-top: 22px;
	}

	.lesk-panel-video-heading > span {
		width: 42px;
		height: 42px;
	}

	.lesk-panel-video-heading h3 {
		font-size: 17px;
	}

	.lesk-panel-video-metrics {
		gap: 5px;
		margin-top: 22px;
	}

	.lesk-panel-video-metrics > span {
		padding: 10px 6px;
	}

	.lesk-console-title .lesk-tag {
		grid-column: 2;
		justify-self: start;
	}

	.lesk-auth-card {
		padding: 30px 23px;
	}
}

body.lesk-page-shell {
	background: var(--lesk-bg) !important;
	color: var(--lesk-ink);
}

.lesk-page-shell [data-device="desktop"][data-transparent],
.lesk-page-shell [data-device="mobile"][data-transparent] {
	position: relative !important;
	top: auto !important;
	background: #fff !important;
}

.lesk-page-shell .ct-header [data-row="middle"] {
	align-items: center;
	background: #fff;
}

.lesk-page-shell .ct-header [data-id="menu"] > .menu {
	align-items: center;
}

.lesk-page-shell .ct-header [data-id="menu"] > .menu > li {
	align-self: center;
	height: auto;
}

.lesk-page-shell .ct-header [data-id="menu"] > .menu > li > a,
.lesk-page-shell .ct-header [data-menu*="type-3"] > .menu > li > a.ct-highlight {
	height: auto !important;
	background-color: transparent !important;
	box-shadow: none;
}

.lesk-page-shell .ct-header .lesk-menu-auth,
.lesk-page-shell .ct-header .lesk-menu-language {
	align-self: center;
}

.lesk-page-shell .ct-header .lesk-menu-auth > a,
.lesk-page-shell .ct-header .lesk-menu-language > a {
	height: 44px !important;
	max-height: 44px;
	align-self: center;
}

.lesk-page-shell .ct-header .lesk-menu-auth > a {
	background: var(--lesk-lime) !important;
	color: var(--lesk-night) !important;
}

.lesk-hero .lesk-eyebrow,
.lesk-hero .lesk-display,
.lesk-hero .lesk-copy {
	color: #fff;
}

.lesk-hero .lesk-eyebrow {
	color: var(--lesk-lime);
}

.lesk-hero .lesk-copy {
	color: #d7e2da;
}

.ct-back-to-top {
	background: var(--lesk-green) !important;
	color: #fff !important;
}

.ct-back-to-top .ct-icon,
.ct-back-to-top:hover .ct-icon {
	fill: #fff !important;
}

.ct-back-to-top:hover {
	background: var(--lesk-green-dark) !important;
}

.lesk-page-shell .ct-header [data-id="logo"] .site-title a,
.lesk-page-shell .ct-header [data-id="logo"] .site-title a:hover,
.lesk-page-shell .ct-header [data-id="logo"] .site-title a:focus,
.lesk-page-shell .ct-header [data-id="logo"] .site-title a:active,
.lesk-page-shell .ct-header [data-id="logo"] .site-title a:visited,
.lesk-page-shell .ct-header [data-id="offcanvas-logo"] a,
.lesk-page-shell .ct-header [data-id="offcanvas-logo"] a:hover,
.lesk-page-shell .ct-header [data-id="offcanvas-logo"] a:focus,
.lesk-page-shell .ct-header [data-id="offcanvas-logo"] a:active,
.lesk-page-shell .ct-header [data-id="offcanvas-logo"] a:visited {
	color: var(--lesk-green) !important;
	background: transparent !important;
}

.lesk-page-shell .ct-header [data-id="menu"] > .menu > li.current-menu-item:not(.lesk-menu-auth):not(.lesk-menu-language) > a,
.lesk-page-shell .ct-header [data-id="menu"] > .menu > li.current-menu-item:not(.lesk-menu-auth):not(.lesk-menu-language) > a.ct-highlight,
.lesk-page-shell .ct-header [data-id="menu"] > .menu > li.current-menu-item:not(.lesk-menu-auth):not(.lesk-menu-language) > a:hover,
.lesk-page-shell .ct-header [data-id="menu"] > .menu > li.current-menu-item:not(.lesk-menu-auth):not(.lesk-menu-language) > a:active,
.lesk-page-shell .ct-header [data-id="menu"] > .menu > li.current-menu-item:not(.lesk-menu-auth):not(.lesk-menu-language) > a:focus,
.lesk-page-shell .mobile-menu li.current-menu-item:not(.lesk-menu-auth):not(.lesk-menu-language) > a {
	background: var(--lesk-green) !important;
	color: #fff !important;
	border-radius: 8px;
}

.lesk-page-shell .ct-footer [data-row="bottom"] .ct-container,
.lesk-page-shell .ct-footer [data-column="copyright"],
.lesk-page-shell .ct-footer .ct-footer-copyright {
	justify-content: center !important;
	text-align: center !important;
}

.lesk-page-shell .ct-footer [data-column="copyright"] {
	width: 100%;
}

.lesk-footer-legal {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 16px;
	margin-top: 12px;
}

.lesk-footer-legal a {
	color: #d7e2da;
	font-size: 12px;
	font-weight: 700;
}

.lesk-legal-copy {
	max-width: 860px;
}

.lesk-legal-copy .lesk-copy {
	margin-top: 18px;
}

@media (max-width: 999.98px) {
	.lesk-page-shell [data-device="mobile"],
	.lesk-page-shell [data-device="mobile"] [data-row],
	.lesk-page-shell [data-device="mobile"][data-transparent] {
		background: #fff !important;
	}

	.lesk-page-shell #offcanvas.ct-panel,
	.lesk-page-shell #offcanvas .ct-panel-inner,
	.lesk-page-shell #offcanvas .ct-panel-content,
	.lesk-page-shell #offcanvas .ct-panel-content-inner {
		background: #fff !important;
	}

	.lesk-page-shell #offcanvas .mobile-menu a,
	.lesk-page-shell #offcanvas .ct-menu-link {
		color: #1e2b1a;
	}
}