:root {
	--bg: #06111f;
	--surface: rgba(16, 34, 60, 0.78);
	--surface-strong: #132845;
	--text: #edf4ff;
	--text-soft: #9cb0cc;
	--line: rgba(117, 153, 217, 0.18);
	--primary: #69a8ff;
	--primary-deep: #eaf2ff;
	--accent: #43d7c7;
	--accent-soft: #b6f36c;
	--shadow: 0 30px 90px rgba(2, 10, 24, 0.42);
	--radius-lg: 32px;
	--radius-md: 22px;
	--radius-sm: 14px;
	--container: min(1120px, calc(100vw - 32px));
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	max-width: 100%;
	overflow-x: hidden;
}

body {
	margin: 0;
	background: #000;
	color: var(--text);
	font-family: "Manrope", "Heebo", sans-serif;
	max-width: 100%;
	overflow-x: hidden;
}

/* Previous site background is saved in assets/css/main.before-rain-bg.css. */
body::before,
body::after {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
}

body::before,
.hero__inner::before {
	z-index: 0;
	--c: #09f;
	background-color: #000;
	background-image:
		radial-gradient(4px 100px at 0px 235px, var(--c), #0000),
		radial-gradient(4px 100px at 300px 235px, var(--c), #0000),
		radial-gradient(1.5px 1.5px at 150px 117.5px, var(--c) 100%, #0000 150%),
		radial-gradient(4px 100px at 0px 252px, var(--c), #0000),
		radial-gradient(4px 100px at 300px 252px, var(--c), #0000),
		radial-gradient(1.5px 1.5px at 150px 126px, var(--c) 100%, #0000 150%),
		radial-gradient(4px 100px at 0px 150px, var(--c), #0000),
		radial-gradient(4px 100px at 300px 150px, var(--c), #0000),
		radial-gradient(1.5px 1.5px at 150px 75px, var(--c) 100%, #0000 150%),
		radial-gradient(4px 100px at 0px 253px, var(--c), #0000),
		radial-gradient(4px 100px at 300px 253px, var(--c), #0000),
		radial-gradient(1.5px 1.5px at 150px 126.5px, var(--c) 100%, #0000 150%),
		radial-gradient(4px 100px at 0px 204px, var(--c), #0000),
		radial-gradient(4px 100px at 300px 204px, var(--c), #0000),
		radial-gradient(1.5px 1.5px at 150px 102px, var(--c) 100%, #0000 150%),
		radial-gradient(4px 100px at 0px 134px, var(--c), #0000),
		radial-gradient(4px 100px at 300px 134px, var(--c), #0000),
		radial-gradient(1.5px 1.5px at 150px 67px, var(--c) 100%, #0000 150%),
		radial-gradient(4px 100px at 0px 179px, var(--c), #0000),
		radial-gradient(4px 100px at 300px 179px, var(--c), #0000),
		radial-gradient(1.5px 1.5px at 150px 89.5px, var(--c) 100%, #0000 150%),
		radial-gradient(4px 100px at 0px 299px, var(--c), #0000),
		radial-gradient(4px 100px at 300px 299px, var(--c), #0000),
		radial-gradient(1.5px 1.5px at 150px 149.5px, var(--c) 100%, #0000 150%),
		radial-gradient(4px 100px at 0px 215px, var(--c), #0000),
		radial-gradient(4px 100px at 300px 215px, var(--c), #0000),
		radial-gradient(1.5px 1.5px at 150px 107.5px, var(--c) 100%, #0000 150%),
		radial-gradient(4px 100px at 0px 281px, var(--c), #0000),
		radial-gradient(4px 100px at 300px 281px, var(--c), #0000),
		radial-gradient(1.5px 1.5px at 150px 140.5px, var(--c) 100%, #0000 150%),
		radial-gradient(4px 100px at 0px 158px, var(--c), #0000),
		radial-gradient(4px 100px at 300px 158px, var(--c), #0000),
		radial-gradient(1.5px 1.5px at 150px 79px, var(--c) 100%, #0000 150%),
		radial-gradient(4px 100px at 0px 210px, var(--c), #0000),
		radial-gradient(4px 100px at 300px 210px, var(--c), #0000),
		radial-gradient(1.5px 1.5px at 150px 105px, var(--c) 100%, #0000 150%);
	background-size:
		300px 235px,
		300px 235px,
		300px 235px,
		300px 252px,
		300px 252px,
		300px 252px,
		300px 150px,
		300px 150px,
		300px 150px,
		300px 253px,
		300px 253px,
		300px 253px,
		300px 204px,
		300px 204px,
		300px 204px,
		300px 134px,
		300px 134px,
		300px 134px,
		300px 179px,
		300px 179px,
		300px 179px,
		300px 299px,
		300px 299px,
		300px 299px,
		300px 215px,
		300px 215px,
		300px 215px,
		300px 281px,
		300px 281px,
		300px 281px,
		300px 158px,
		300px 158px,
		300px 158px,
		300px 210px,
		300px 210px,
		300px 210px;
	animation: ozerai-rain-bg 150s linear infinite;
}

body::after {
	z-index: 0;
	backdrop-filter: blur(1em) brightness(6);
	background-image: radial-gradient(circle at 50% 50%, #0000 0, #0000 2px, hsl(0 0% 4%) 2px);
	background-size: 8px 8px;
}

@keyframes ozerai-rain-bg {
	0% {
		background-position:
			0px 220px,
			3px 220px,
			151.5px 337.5px,
			25px 24px,
			28px 24px,
			176.5px 150px,
			50px 16px,
			53px 16px,
			201.5px 91px,
			75px 224px,
			78px 224px,
			226.5px 350.5px,
			100px 19px,
			103px 19px,
			251.5px 121px,
			125px 120px,
			128px 120px,
			276.5px 187px,
			150px 31px,
			153px 31px,
			301.5px 120.5px,
			175px 235px,
			178px 235px,
			326.5px 384.5px,
			200px 121px,
			203px 121px,
			351.5px 228.5px,
			225px 224px,
			228px 224px,
			376.5px 364.5px,
			250px 26px,
			253px 26px,
			401.5px 105px,
			275px 75px,
			278px 75px,
			426.5px 180px;
	}

	to {
		background-position:
			0px 6800px,
			3px 6800px,
			151.5px 6917.5px,
			25px 13632px,
			28px 13632px,
			176.5px 13758px,
			50px 5416px,
			53px 5416px,
			201.5px 5491px,
			75px 17175px,
			78px 17175px,
			226.5px 17301.5px,
			100px 5119px,
			103px 5119px,
			251.5px 5221px,
			125px 8428px,
			128px 8428px,
			276.5px 8495px,
			150px 9876px,
			153px 9876px,
			301.5px 9965.5px,
			175px 13391px,
			178px 13391px,
			326.5px 13540.5px,
			200px 14741px,
			203px 14741px,
			351.5px 14848.5px,
			225px 18770px,
			228px 18770px,
			376.5px 18910.5px,
			250px 5082px,
			253px 5082px,
			401.5px 5161px,
			275px 6375px,
			278px 6375px,
			426.5px 6480px;
	}
}

body.dir-rtl {
	font-family: "Heebo", "Manrope", sans-serif;
}

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

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

.container {
	width: var(--container);
	max-width: 100%;
	margin: 0 auto;
}

.site-shell {
	min-height: 100vh;
	overflow-x: clip;
	position: relative;
	z-index: 1;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 40;
	padding: 8px 0;
	background: rgba(5, 14, 28, 0.72);
	backdrop-filter: blur(18px);
	border-bottom: 1px solid rgba(117, 153, 217, 0.12);
}

.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 60px;
}

.site-branding {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	overflow: hidden;
}

.site-branding img {
	width: auto;
	height: 72px;
	max-width: none;
	transform: translateY(3px);
}

.site-header__panel {
	display: flex;
	align-items: center;
	gap: 16px;
}

.site-nav {
	display: flex;
	align-items: center;
	gap: 14px;
	font-size: 0.9rem;
	font-weight: 700;
	color: rgba(234, 242, 255, 0.92);
}

.site-nav a {
	position: relative;
	padding-bottom: 4px;
	white-space: nowrap;
}

.site-nav a::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	height: 2px;
	background: linear-gradient(90deg, var(--accent), var(--primary));
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.25s ease;
}

.site-nav a:hover::after,
.site-nav a:focus-visible::after {
	transform: scaleX(1);
}

.language-switcher {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: rgba(13, 31, 57, 0.82);
	box-shadow: 0 12px 26px rgba(2, 10, 24, 0.2);
}

.language-switcher a {
	padding: 8px 12px;
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 700;
	color: #c2d3ea;
}

.language-switcher a.is-active {
	background: linear-gradient(135deg, var(--primary), #1e66ff);
	color: #fff;
}

.menu-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 4px;
	width: 48px;
	height: 48px;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: rgba(13, 31, 57, 0.88);
	cursor: pointer;
}

.menu-toggle span {
	display: block;
	width: 18px;
	height: 2px;
	background: #edf4ff;
	border-radius: 99px;
}

.section {
	padding: 88px 0;
}

.section-tag {
	margin: 0 0 14px;
	color: var(--accent);
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.section-heading {
	max-width: 700px;
	margin: 0 auto 36px;
	text-align: center;
}

.section-heading--left {
	margin-inline: 0 auto;
	text-align: start;
}

.section-heading h2,
.hero h1,
.showcase__copy h2,
.final-cta h2,
.inner-page__header h1 {
	margin: 0;
	color: var(--primary-deep);
	line-height: 1.05;
	font-weight: 800;
}

.hero {
	padding: 42px 0 30px;
}

.hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(340px, 0.98fr);
	align-items: center;
	gap: 28px;
	padding: 32px;
	border-radius: calc(var(--radius-lg) + 8px);
	background:
		radial-gradient(circle at 76% 18%, rgba(105, 168, 255, 0.18), transparent 28%),
		linear-gradient(135deg, #0d2748 0%, #102f5c 48%, #07182d 100%);
	box-shadow: var(--shadow);
	overflow: hidden;
	position: relative;
}

.hero__inner::before,
.hero__inner::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.hero__inner::before {
	border-radius: inherit;
}

.hero__inner::after {
	z-index: 0;
	border-radius: inherit;
	background-image: radial-gradient(ellipse 1.5px 2px at 1.5px 50%, #0000 0, #0000 90%, #07182d 100%);
	background-size: 25px 8px;
}

.hero__copy,
.hero__media {
	position: relative;
	z-index: 1;
	min-width: 0;
}

.hero .section-tag,
.hero h1,
.hero__description,
.hero__stats strong,
.hero__stats span {
	color: #fff;
}

.hero h1 {
	font-size: clamp(1.9rem, 2.6vw, 3rem);
	max-width: 11.5ch;
	line-height: 1.02;
	letter-spacing: -0.035em;
}

.hero__description {
	margin: 22px 0 0;
	max-width: 520px;
	font-size: 1.02rem;
	line-height: 1.72;
	color: rgba(255, 255, 255, 0.9);
}

.hero__social {
	font-weight: 800;
	color: #7be6d7;
	text-shadow: 0 0 18px rgba(67, 215, 199, 0.18);
}

.hero__social--whatsapp {
	color: #1bfd9c;
	text-shadow:
		0 0 10px rgba(27, 253, 156, 0.35),
		0 0 22px rgba(27, 253, 156, 0.22);
}

.hero__social--facebook {
	color: #1877f2;
	text-shadow:
		0 0 10px rgba(24, 119, 242, 0.36),
		0 0 22px rgba(24, 119, 242, 0.2);
}

.hero__social--telegram {
	color: #38bdf8;
	text-shadow:
		0 0 10px rgba(56, 189, 248, 0.34),
		0 0 22px rgba(56, 189, 248, 0.18);
}

.hero__social--viber {
	color: #7360f2;
	text-shadow:
		0 0 10px rgba(115, 96, 242, 0.36),
		0 0 22px rgba(115, 96, 242, 0.22);
}

.hero__social--tiktok {
	background: linear-gradient(90deg, #25f4ee 0%, #ffffff 42%, #fe2c55 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	text-shadow: none;
}

.hero__social--instagram {
	background: linear-gradient(90deg, #feda75 0%, #fa7e1e 25%, #d62976 55%, #962fbf 78%, #4f5bd5 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	text-shadow: none;
}

.hero__microcopy {
	margin: 16px 0 0;
	max-width: 540px;
	font-size: 0.96rem;
	line-height: 1.7;
	color: rgba(224, 236, 255, 0.72);
}

.hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 24px;
}

.hero__actions .button {
	flex: 0 0 auto;
	min-width: 176px;
	padding: 0 20px;
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 20px;
	border-radius: 999px;
	font-size: 0.98rem;
	font-weight: 800;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.button:not(.demo-bot__submit) {
	--ozerai-btn-glow: #1bfd9c;
	position: relative;
	overflow: hidden;
	border: 2px solid var(--ozerai-btn-glow);
	border-radius: 0.6em;
	background: linear-gradient(to right, rgba(27, 253, 156, 0.1) 1%, transparent 40%, transparent 60%, rgba(27, 253, 156, 0.1) 100%);
	color: var(--ozerai-btn-glow);
	letter-spacing: 0.06em;
	font-weight: 700;
	line-height: 1.4;
	box-shadow: inset 0 0 10px rgba(27, 253, 156, 0.4), 0 0 9px 3px rgba(27, 253, 156, 0.1);
}

.button:not(.demo-bot__submit)::before {
	content: "";
	position: absolute;
	left: -4em;
	top: 0;
	width: 4em;
	height: 100%;
	transition: transform 0.4s ease-in-out;
	background: linear-gradient(to right, transparent 1%, rgba(27, 253, 156, 0.1) 40%, rgba(27, 253, 156, 0.1) 60%, transparent 100%);
}

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

.button:not(.demo-bot__submit):hover,
.button:not(.demo-bot__submit):focus-visible {
	color: #82ffc9;
	box-shadow: inset 0 0 10px rgba(27, 253, 156, 0.6), 0 0 9px 3px rgba(27, 253, 156, 0.2);
}

.button:not(.demo-bot__submit):hover::before,
.button:not(.demo-bot__submit):focus-visible::before {
	transform: translateX(15em);
}

.hero__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.hero__stats li {
	padding: 20px 18px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 22px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.045));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(6px);
	min-width: 0;
}

.hero__stats strong {
	display: block;
	font-size: 1.16rem;
	line-height: 1.08;
	font-weight: 800;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.hero__stats span {
	display: block;
	margin-top: 6px;
	font-size: 0.92rem;
	color: rgba(255, 255, 255, 0.74);
}

.hero__media {
	min-height: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.hero__device {
	position: relative;
	max-width: min(100%, 720px);
	width: 122%;
	transform: translateX(2%);
	filter: drop-shadow(0 32px 56px rgba(1, 10, 40, 0.45));
}

.hero__backdrop {
	position: absolute;
	border-radius: 999px;
	filter: blur(2px);
}

.hero__backdrop--one {
	width: 78%;
	height: 78%;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(68, 200, 239, 0.2));
}

.hero__backdrop--two {
	width: 52%;
	height: 52%;
	background: rgba(255, 255, 255, 0.18);
	inset-block-end: 10%;
	inset-inline-start: 6%;
	filter: blur(20px);
}

.quick-fit {
	padding: 16px 0 0;
}

.quick-fit__inner {
	display: grid;
	gap: 14px;
	padding: 26px;
	border-radius: 28px;
	background: linear-gradient(135deg, rgba(18, 42, 74, 0.76), rgba(11, 25, 43, 0.72));
	border: 1px solid rgba(117, 153, 217, 0.12);
	box-shadow: 0 18px 45px rgba(2, 10, 24, 0.24);
	position: relative;
	overflow: hidden;
}

.quick-fit__inner::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(67, 215, 199, 0.04), transparent 35%, rgba(105, 168, 255, 0.06));
}

.quick-fit__label {
	margin: 0;
	color: var(--primary-deep);
	font-size: 0.95rem;
	font-weight: 800;
	position: relative;
	z-index: 1;
}

.quick-fit__items {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	position: relative;
	z-index: 1;
}

.quick-fit__items span {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 16px;
	border-radius: 999px;
	background: linear-gradient(180deg, rgba(105, 168, 255, 0.12), rgba(67, 215, 199, 0.08));
	color: #d9e8ff;
	font-weight: 700;
}

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

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

.service-card,
.testimonial-card,
.process-card,
.showcase__panel,
.inner-page__article {
	border: 1px solid rgba(117, 153, 217, 0.14);
	border-radius: var(--radius-md);
	background: rgba(15, 33, 58, 0.68);
	box-shadow: 0 18px 50px rgba(2, 10, 24, 0.24);
}

.service-card {
	padding: 26px;
	background:
		linear-gradient(145deg, rgba(22, 47, 82, 0.76), rgba(12, 27, 47, 0.68));
}

.service-card,
.process-card,
.pricing-card,
.static-card {
	position: relative;
	overflow: hidden;
}

.service-card::before,
.process-card::before,
.pricing-card::before,
.static-card::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 26%);
}

.service-card__icon {
	width: 58px;
	height: 58px;
	object-fit: contain;
}

.service-card h3,
.process-card h3,
.testimonial-card__name,
.static-card h2,
.pricing-card h2 {
	margin: 18px 0 10px;
	color: var(--primary-deep);
	font-size: 1.18rem;
}

.service-card p,
.process-card p,
.testimonial-card__quote,
.showcase__copy p,
.proof-list__item p,
.final-cta p,
.site-footer p,
.inner-page__content {
	margin: 0;
	color: var(--text-soft);
	line-height: 1.8;
}

.final-cta__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) auto;
	align-items: center;
	justify-content: space-between;
	gap: 36px;
}

.final-cta__inner > div {
	max-width: 620px;
}

.final-cta__inner .button {
	justify-self: end;
	width: auto;
	min-width: 176px;
}

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

.process-card {
	padding: 30px;
	background:
		linear-gradient(145deg, rgba(20, 45, 79, 0.76), rgba(11, 25, 44, 0.68));
}

.process-card__step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 16px;
	background: linear-gradient(135deg, rgba(105, 168, 255, 0.16), rgba(67, 215, 199, 0.16));
	color: #dce9ff;
	font-weight: 800;
}

.testimonial-card {
	padding: 28px;
	background:
		linear-gradient(180deg, rgba(10, 30, 88, 0.72), rgba(17, 64, 173, 0.68));
}

.testimonial-card__quote {
	color: rgba(255, 255, 255, 0.86);
}

.testimonial-card__name {
	color: #fff;
}

.final-cta__inner {
	padding: 36px;
	border-radius: calc(var(--radius-lg) + 4px);
	background:
		radial-gradient(circle at left top, rgba(67, 215, 199, 0.18), transparent 26%),
		radial-gradient(circle at right bottom, rgba(105, 168, 255, 0.16), transparent 30%),
		linear-gradient(135deg, rgba(16, 37, 66, 0.76), rgba(10, 24, 44, 0.72));
	border: 1px solid rgba(117, 153, 217, 0.12);
	box-shadow: var(--shadow);
}

.site-footer__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding-top: 20px;
	border-top: 1px solid rgba(117, 153, 217, 0.1);
}

.site-footer__inner > div:first-child {
	flex: 1 1 auto;
	min-width: 0;
}

.site-footer__brand {
	color: var(--primary-deep);
	font-size: 1rem;
	font-weight: 800;
}

.site-footer p {
	font-size: 0.9rem;
	line-height: 1.55;
}

.site-footer__links {
	display: flex;
	flex-wrap: nowrap;
	gap: 14px;
	color: #cfe0ff;
	font-weight: 700;
	font-size: 0.92rem;
	white-space: nowrap;
}

.inner-page__container {
	max-width: 860px;
}

.inner-page__container--wide {
	max-width: 1040px;
}

.inner-page__article {
	padding: 36px;
	background:
		linear-gradient(145deg, rgba(16, 37, 66, 0.76), rgba(10, 24, 44, 0.7));
}

.inner-page__article--static {
	background:
		radial-gradient(circle at 84% 16%, rgba(182, 243, 108, 0.06), transparent 16%),
		linear-gradient(180deg, rgba(5, 18, 38, 0.7), rgba(9, 30, 61, 0.64)),
		url("/wp-content/uploads/2026/04/fon3.jpeg"),
		linear-gradient(145deg, rgba(16, 37, 66, 0.74), rgba(10, 24, 44, 0.68));
	background-position: 84% 16%, center center, center center, center center;
	background-size: auto, cover, 160% auto, cover;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
}

.inner-page__header {
	margin-bottom: 18px;
}

.inner-page__lead {
	margin: 18px 0 0;
	font-size: 1.05rem;
	line-height: 1.8;
	color: var(--text-soft);
}

.inner-page__visual {
	margin: 26px -36px 34px;
	padding: 10px 24px 0;
	background:
		radial-gradient(circle at 50% 38%, rgba(67, 215, 199, 0.08), transparent 26%);
	overflow: visible;
}

.inner-page__visual img {
	display: block;
	width: min(100%, 920px);
	max-width: 100%;
	height: auto;
	border-radius: 0;
	margin: 0 auto;
	filter: drop-shadow(0 24px 48px rgba(2, 10, 24, 0.18));
}

.inner-page__visual--policy {
	margin: 18px -20px 30px;
	padding: 0;
	background: none;
}

.inner-page__visual--policy img {
	width: min(100%, 760px);
	filter: drop-shadow(0 22px 42px rgba(2, 10, 24, 0.16));
}

.inner-page__content > *:first-child {
	margin-top: 0;
}

.inner-page__content > *:last-child {
	margin-bottom: 0;
}

body.menu-open {
	overflow: hidden;
}

.static-sections,
.pricing-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	align-items: stretch;
}

.inner-page__article--static > .static-sections,
.inner-page__article--static > .pricing-grid {
	margin-top: 30px;
}

.static-card,
.pricing-card {
	padding: 28px;
	border-radius: var(--radius-md);
	border: 1px solid rgba(117, 153, 217, 0.14);
	background: linear-gradient(145deg, rgba(18, 41, 73, 0.76), rgba(10, 24, 44, 0.68));
	box-shadow: 0 18px 50px rgba(2, 10, 24, 0.28);
}

.pricing-card {
	position: relative;
	overflow: visible;
	height: 560px;
	padding: 0;
	perspective: 1200px;
	-webkit-perspective: 1200px;
	background: transparent;
	border: none;
	box-shadow: none;
}

.pricing-card__content {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transition: transform 300ms ease;
	border-radius: var(--radius-md);
	box-shadow: 0 18px 50px rgba(2, 10, 24, 0.28);
}

.pricing-card:hover .pricing-card__content,
.pricing-card:focus-within .pricing-card__content {
	transform: rotateY(180deg);
}

.pricing-card__face {
	position: absolute;
	inset: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transition: opacity 180ms ease, visibility 180ms ease;
	border-radius: var(--radius-md);
	overflow: hidden;
}

.pricing-card__back,
.pricing-card__front-content {
	padding: 24px;
	border-radius: var(--radius-md);
	border: 1px solid rgba(117, 153, 217, 0.14);
	background: linear-gradient(145deg, rgba(18, 41, 73, 0.76), rgba(10, 24, 44, 0.68));
	box-shadow: 0 18px 50px rgba(2, 10, 24, 0.28);
}

.pricing-card__back {
	display: flex;
	align-items: stretch;
	justify-content: center;
	background: linear-gradient(145deg, rgba(18, 41, 73, 0.76), rgba(10, 24, 44, 0.68));
	position: relative;
	z-index: 2;
	opacity: 1;
	visibility: visible;
}

.pricing-card__back-panel {
	position: relative;
	z-index: 1;
	width: 100%;
	min-height: 100%;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 12px;
	padding: 22px 20px;
	border-radius: var(--radius-md);
	background:
		radial-gradient(circle at top left, rgba(67, 215, 199, 0.14), transparent 28%),
		linear-gradient(160deg, rgba(15, 32, 55, 0.78), rgba(8, 20, 38, 0.74));
}

.pricing-card__back-glow {
	display: none;
}

.pricing-card__back-glow--top {
	width: 92px;
	height: 92px;
	top: 18px;
	inset-inline-start: 14px;
	background: #ffbb66;
}

.pricing-card__back-glow--bottom {
	width: 156px;
	height: 156px;
	bottom: -26px;
	inset-inline-start: 42px;
	background: #ff8866;
	animation-delay: -800ms;
}

.pricing-card__back-glow--spark {
	width: 36px;
	height: 36px;
	top: 40px;
	inset-inline-end: 28px;
	background: #ff2233;
	animation-delay: -1600ms;
}

.pricing-card__front {
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: rotateY(180deg) translateZ(1px);
	-webkit-transform: rotateY(180deg) translateZ(1px);
}

.pricing-card:hover .pricing-card__back,
.pricing-card:focus-within .pricing-card__back {
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.pricing-card:hover .pricing-card__front,
.pricing-card:focus-within .pricing-card__front {
	z-index: 2;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.pricing-card__front-content {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	justify-content: flex-start;
	gap: 12px;
	background:
		radial-gradient(circle at top left, rgba(67, 215, 199, 0.12), transparent 30%),
		linear-gradient(155deg, rgba(13, 33, 59, 0.78), rgba(8, 20, 38, 0.74));
}

@keyframes pricing-float {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(10px);
	}

	100% {
		transform: translateY(0px);
	}
}

.pricing-card__price {
	margin: 4px 0 0;
	color: #7fb3ff;
	font-size: 1.62rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.28;
}

.pricing-card__summary {
	margin: 2px 0 0;
	color: var(--text-soft);
	line-height: 1.4;
	font-size: 0.98rem;
}

.pricing-card--featured {
	transform: translateY(-6px);
}

.pricing-card--featured .pricing-card__back-panel,
.pricing-card--featured .pricing-card__front-content {
	border-color: rgba(67, 215, 199, 0.34);
	box-shadow: 0 26px 70px rgba(17, 64, 173, 0.14);
}

.pricing-card--featured .pricing-card__front-content::before,
.pricing-card--featured .pricing-card__back-panel::before {
	content: "";
	position: absolute;
	inset-inline: 22px;
	top: 0;
	height: 4px;
	border-radius: 0 0 12px 12px;
	background: linear-gradient(90deg, var(--accent), var(--accent-soft));
}

.pricing-card__front-content,
.pricing-card__back-panel {
	position: relative;
}

.pricing-card__badge {
	display: inline-flex;
	margin: 0 0 2px;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(67, 215, 199, 0.12);
	color: #bdeee8;
	font-size: 0.82rem;
	font-weight: 800;
	position: relative;
	z-index: 1;
}

.pricing-card__eyebrow {
	margin: -4px 0 2px;
	color: #74f7e9;
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.pricing-card__detail-text {
	margin: 2px 0 4px;
	color: var(--text-soft);
	line-height: 1.5;
	font-size: 0.96rem;
}

.pricing-card__features {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 8px;
	padding-top: 14px;
	border-top: 1px solid rgba(117, 153, 217, 0.12);
	position: relative;
	z-index: 1;
	font-size: 0.96rem;
}

.pricing-card__cta {
	margin-top: auto;
	width: auto;
	min-height: 46px;
	padding: 0 16px;
	font-size: 0.88rem;
	line-height: 1.2;
	text-align: center;
	justify-content: center;
	white-space: normal;
	align-self: flex-start;
}

.pricing-card__front-content > :last-child,
.pricing-card__back-panel > :last-child {
	margin-bottom: 0;
}

.pricing-card__features li {
	position: relative;
	padding-inline-start: 22px;
	color: var(--text-soft);
	line-height: 1.42;
}

.pricing-card__features li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.55em;
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--accent-soft), var(--accent));
}

.pricing-card__front-content h2,
.pricing-card__back-panel h2 {
	margin: 0;
	font-size: 1.14rem;
	line-height: 1.18;
	text-transform: uppercase;
	color: var(--primary-deep);
}

.static-callout {
	margin-top: 24px;
	padding: 28px;
	border-radius: var(--radius-md);
	background: linear-gradient(135deg, rgba(20, 49, 87, 0.68), rgba(10, 28, 52, 0.7));
	border: 1px solid rgba(117, 153, 217, 0.12);
}

.static-callout h2 {
	margin: 0 0 10px;
	color: var(--primary-deep);
	font-size: 1.2rem;
}

.static-callout--details {
	display: none;
	margin-top: 28px;
}

.demo-bot {
	margin-top: 30px;
	padding: 30px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	border-radius: var(--radius-md);
	border: 1px solid rgba(117, 153, 217, 0.14);
	background:
		linear-gradient(145deg, rgba(17, 39, 70, 0.74), rgba(9, 22, 40, 0.68));
	box-shadow: 0 18px 50px rgba(2, 10, 24, 0.22);
	overflow-x: clip;
}

.demo-bot__intro h2,
.demo-bot__panel-header h3 {
	margin: 0;
	color: var(--primary-deep);
}

.demo-bot__intro .demo-bot__toggle {
	margin-top: 18px;
}

.demo-bot__intro p,
.demo-bot__panel-header p,
.demo-bot__bubble {
	color: var(--text-soft);
	line-height: 1.7;
}

.demo-bot__intro p {
	margin: 10px 0 18px;
}

.demo-bot__toggle {
	width: auto;
	min-width: 190px;
}

.demo-bot__panel {
	margin-top: 22px;
	padding: 22px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	border-radius: 24px;
	border: 1px solid rgba(145, 185, 255, 0.26);
	background: linear-gradient(180deg, rgba(28, 53, 87, 0.7), rgba(11, 28, 49, 0.74));
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 16px 38px rgba(2, 10, 24, 0.22);
	overflow-x: clip;
}

.demo-bot__panel-header p {
	margin: 8px 0 0;
	font-size: 0.96rem;
}

.demo-bot__messages {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 18px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	min-height: 320px;
	max-height: 460px;
	padding: 16px 14px;
	border-radius: 18px;
	border: 1px solid rgba(0, 255, 255, 0.2);
	background:
		repeating-linear-gradient(0deg, rgba(0, 255, 255, 0.05) 0, rgba(0, 255, 255, 0.05) 1px, transparent 1px, transparent 18px),
		repeating-linear-gradient(90deg, rgba(0, 255, 255, 0.05) 0, rgba(0, 255, 255, 0.05) 1px, transparent 1px, transparent 18px),
		rgba(0, 255, 255, 0.045);
	background-position:
		0 0,
		0 0,
		center;
	animation: ozerai-chat-grid 2s linear infinite;
	overflow-y: auto;
	overflow-x: clip;
	box-shadow:
		0 0 26px rgba(0, 255, 255, 0.08),
		inset 0 0 18px rgba(0, 255, 255, 0.04);
	backdrop-filter: blur(5px);
}

@keyframes ozerai-chat-grid {
	0% {
		background-position:
			0 0,
			0 0,
			center;
	}

	100% {
		background-position:
			40px 40px,
			40px 40px,
			center;
	}
}

.demo-bot__message {
	display: flex;
	width: 100%;
	min-width: 0;
}

.demo-bot__message--assistant {
	justify-content: flex-start;
}

.demo-bot__message--user {
	justify-content: flex-end;
}

.demo-bot__bubble {
	width: fit-content;
	max-width: min(100%, 78%);
	min-width: 0;
	padding: 12px 14px;
	border-radius: 16px;
	font-size: 0.98rem;
	line-height: 1.6;
	white-space: normal;
	word-break: break-word;
}

.demo-bot__message--assistant .demo-bot__bubble {
	background: linear-gradient(145deg, rgba(7, 28, 58, 0.96), rgba(4, 17, 38, 0.94));
	border: 1px solid rgba(0, 255, 255, 0.22);
	color: #7dffcb;
	border-top-left-radius: 6px;
	box-shadow:
		0 8px 20px rgba(5, 25, 45, 0.18),
		0 0 14px rgba(0, 255, 255, 0.1);
}

.demo-bot__message--user .demo-bot__bubble {
	background: linear-gradient(145deg, rgba(10, 42, 82, 0.96), rgba(5, 23, 51, 0.94));
	border: 1px solid rgba(27, 253, 156, 0.26);
	color: #b8ffd9;
	border-top-right-radius: 6px;
	box-shadow:
		0 8px 20px rgba(5, 25, 45, 0.18),
		0 0 14px rgba(27, 253, 156, 0.12);
}

.demo-bot__form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 60px;
	gap: 12px;
	align-items: end;
	margin-top: 18px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	padding: 12px;
	border: 1px solid rgba(0, 255, 255, 0.2);
	background:
		repeating-linear-gradient(0deg, rgba(0, 255, 255, 0.05) 0, rgba(0, 255, 255, 0.05) 1px, transparent 1px, transparent 18px),
		repeating-linear-gradient(90deg, rgba(0, 255, 255, 0.05) 0, rgba(0, 255, 255, 0.05) 1px, transparent 1px, transparent 18px),
		rgba(0, 255, 255, 0.045);
	box-shadow:
		0 0 26px rgba(0, 255, 255, 0.08),
		inset 0 0 18px rgba(0, 255, 255, 0.04);
	backdrop-filter: blur(5px);
	animation: ozerai-chat-grid 2s linear infinite;
	overflow: hidden;
}

.demo-bot__input {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	min-height: 52px;
	height: 52px;
	padding: 13px 16px;
	border-radius: 0;
	border: 1px solid rgba(0, 255, 255, 0.24);
	background: rgba(2, 13, 36, 0.5);
	color: #00ffff;
	font: inherit;
	line-height: 1.4;
	resize: none;
	overflow-y: hidden;
	caret-color: #00ffff;
	letter-spacing: 0.04em;
	box-shadow: inset 0 0 12px rgba(0, 255, 255, 0.05);
	transition:
		border-color 0.3s ease,
		box-shadow 0.3s ease,
		background 0.3s ease;
}

.demo-bot__input::placeholder {
	color: rgba(0, 255, 255, 0.42);
}

.demo-bot__input:focus {
	outline: none;
	border-color: rgba(0, 255, 255, 0.58);
	background: rgba(2, 13, 36, 0.66);
	box-shadow:
		0 0 12px rgba(0, 255, 255, 0.28),
		inset 0 0 14px rgba(0, 255, 255, 0.08);
}

.demo-bot__input:disabled {
	cursor: not-allowed;
	opacity: 0.72;
}

.demo-bot__submit {
	flex: 0 0 auto;
	min-width: 60px;
	width: 60px;
	height: 52px;
	padding: 0;
	border-radius: 0;
	font-size: 0.92rem;
	border: 1px solid rgba(0, 255, 255, 0.42);
	background: rgba(0, 255, 255, 0.06);
	clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
	color: #00ffff;
	box-shadow:
		inset 0 0 10px rgba(0, 255, 255, 0.08),
		0 0 10px rgba(0, 255, 255, 0.24);
	transform: rotate(-1deg);
	transition:
		clip-path 0.35s ease,
		box-shadow 0.35s ease,
		background 0.35s ease,
		transform 0.35s ease;
}

.demo-bot__submit svg {
	width: 22px;
	height: 22px;
	display: block;
	fill: currentColor;
}

.demo-bot__submit:hover,
.demo-bot__submit:focus-visible {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	transform: rotate(-1deg) scale(1.06);
	background: rgba(0, 255, 255, 0.1);
	color: #dfffff;
	box-shadow:
		inset 0 0 14px rgba(0, 255, 255, 0.12),
		0 0 24px rgba(0, 255, 255, 0.58),
		0 0 40px rgba(0, 255, 255, 0.32);
}

.demo-bot__submit:disabled {
	cursor: not-allowed;
	opacity: 0.68;
	transform: none;
	box-shadow:
		inset 0 0 8px rgba(27, 253, 156, 0.12),
		0 0 10px rgba(27, 253, 156, 0.08);
}

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

.details-card {
	padding: 24px;
	border-radius: var(--radius-md);
	border: 1px solid rgba(117, 153, 217, 0.12);
	background: linear-gradient(145deg, rgba(18, 41, 73, 0.64), rgba(10, 24, 44, 0.6));
}

.details-card h3 {
	margin: 0 0 12px;
	color: var(--primary-deep);
	font-size: 1rem;
}

.details-card p {
	margin: 0;
	color: var(--text-soft);
	line-height: 1.7;
}

.site-footer {
	padding: 24px 0 36px;
	background: linear-gradient(180deg, transparent, rgba(5, 13, 23, 0.26));
}

@media (max-width: 1080px) {
	.hero__inner,
	.final-cta__inner,
	.service-grid,
	.testimonial-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.static-sections,
	.pricing-grid,
	.details-grid {
		grid-template-columns: 1fr;
	}

	.pricing-card {
		height: auto;
		perspective: none;
		-webkit-perspective: none;
	}

	.pricing-card__content {
		height: auto;
		display: grid;
		gap: 14px;
		transform: none !important;
		-webkit-transform: none !important;
		transform-style: flat;
		-webkit-transform-style: flat;
		box-shadow: none;
	}

	.pricing-card__back-panel,
	.pricing-card__front-content {
		min-height: 0;
	}

	.pricing-card__face {
		position: relative;
		inset: auto;
		overflow: visible;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		backface-visibility: visible;
		-webkit-backface-visibility: visible;
		transform: none !important;
		-webkit-transform: none !important;
		transition: none;
	}

	.pricing-card__back {
		min-height: 220px;
		margin-bottom: 0;
		z-index: auto !important;
	}

	.pricing-card__front {
		z-index: auto !important;
	}

	.pricing-card:hover .pricing-card__back,
	.pricing-card:focus-within .pricing-card__back,
	.pricing-card:hover .pricing-card__front,
	.pricing-card:focus-within .pricing-card__front {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transform: none !important;
		-webkit-transform: none !important;
	}

	.process-grid {
		grid-template-columns: 1fr;
	}

	.site-footer__inner {
		flex-wrap: wrap;
	}

	.site-footer__links {
		flex-wrap: wrap;
	}
}

@media (max-width: 840px) {
	.site-header {
		padding: 6px 0;
	}

	.site-header__inner {
		min-height: 54px;
	}

	.site-branding {
		height: 44px;
	}

	.site-branding img {
		height: 58px;
		transform: translateY(2px);
	}

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

	.site-header__panel {
		position: absolute;
		top: calc(100% + 10px);
		inset-inline: 16px;
		padding: 18px;
		border-radius: 24px;
		background: linear-gradient(145deg, rgba(16, 37, 66, 0.98), rgba(9, 24, 44, 0.96));
		border: 1px solid rgba(117, 153, 217, 0.14);
		box-shadow: var(--shadow);
		display: none;
		flex-direction: column;
		align-items: stretch;
	}

	.site-header__panel.is-open {
		display: flex;
	}

	.site-nav,
	.language-switcher {
		width: 100%;
	}

	.site-nav {
		flex-direction: column;
		align-items: stretch;
	}

	.site-nav a,
	.language-switcher a {
		text-align: center;
	}

	.site-nav a {
		color: #edf4ff;
		padding: 10px 0;
	}

	.language-switcher {
		background: rgba(10, 24, 44, 0.72);
	}

	.hero__inner,
	.final-cta__inner,
	.service-grid,
	.testimonial-grid {
		grid-template-columns: 1fr;
	}

	.hero__inner {
		gap: 22px;
		padding: 26px;
		background-size: auto, cover, 150% auto, auto, cover;
		background-position: 82% 18%, center center, 62% center, top right, center center;
	}

	.hero__media {
		order: -1;
		min-height: auto;
	}

	.hero__copy {
		order: 1;
	}

	.hero__stats {
		grid-template-columns: 1fr;
	}

	.hero__actions {
		flex-direction: column;
		align-items: center;
	}

	.hero__actions .button,
	.button {
		width: 100%;
		min-width: 0;
	}

	.final-cta__inner .button {
		justify-self: stretch;
	}

	.hero__device {
		max-width: 440px;
		width: 100%;
		transform: none;
	}

	.quick-fit__inner {
		padding: 20px;
	}

	.inner-page__article {
		padding: 28px;
	}

	.inner-page__article--static > .static-sections,
	.inner-page__article--static > .pricing-grid {
		margin-top: 24px;
	}

	.demo-bot {
		padding: 24px;
	}

	.demo-bot__form {
		grid-template-columns: minmax(0, 1fr) 52px;
		gap: 8px;
		padding: 10px;
		align-items: center;
	}

	.demo-bot__input {
		min-height: 58px;
		height: 58px;
		padding: 9px 12px;
		font-size: 16px;
		line-height: 1.3;
		letter-spacing: 0;
	}

	.demo-bot__submit {
		width: 52px;
		min-width: 52px;
		height: 58px;
	}

	.inner-page__visual {
		margin: 24px -28px 28px;
		padding: 6px 18px 0;
	}

	.inner-page__visual--policy {
		margin: 16px -10px 24px;
	}
}

@media (max-width: 640px) {
	:root {
		--container: calc(100% - 20px);
	}

	.section {
		padding: 68px 0;
	}

	.hero {
		padding-top: 18px;
	}

	.hero__inner,
	.final-cta__inner,
	.inner-page__article {
		padding: 18px;
	}

	.inner-page__visual {
		margin: 22px -18px 24px;
		padding: 4px 10px 0;
	}

	.inner-page__visual--policy {
		margin: 14px 0 20px;
	}

	.demo-bot {
		padding: 20px;
	}

	.demo-bot__panel {
		padding: 18px;
	}

	.demo-bot__messages {
		min-height: 280px;
		max-height: 380px;
	}

	.demo-bot__messages,
	.demo-bot__form {
		animation: none;
		background-position:
			0 0,
			0 0,
			center;
	}

	.demo-bot__submit,
	.demo-bot__submit:hover,
	.demo-bot__submit:focus-visible {
		transform: none;
	}

	.hero__inner {
		gap: 18px;
		background-size: auto, cover, 168% auto, auto, cover;
		background-position: 82% 18%, center center, 68% 16%, top right, center center;
	}

	.hero__media {
		margin-bottom: 2px;
	}

	.hero__device {
		max-width: 360px;
	}

	.hero h1 {
		font-size: 1.9rem;
		max-width: none;
		line-height: 1;
		letter-spacing: -0.035em;
	}

	.hero__stats li {
		padding: 16px 14px;
	}

	.hero__stats strong,
	.hero__stats span,
	.hero__description,
	.hero__microcopy,
	.quick-fit__label,
	.quick-fit__items span,
	.button {
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	.hero__description {
		margin-top: 16px;
		font-size: 0.92rem;
		line-height: 1.65;
	}

	.hero__microcopy {
		margin-top: 12px;
		font-size: 0.85rem;
		line-height: 1.55;
	}

	.hero__actions {
		gap: 10px;
		margin-top: 20px;
		align-items: flex-start;
	}

	.hero__stats {
		margin-top: 18px;
		padding-top: 10px;
		background: linear-gradient(180deg, rgba(7, 18, 35, 0), rgba(10, 31, 63, 0.5) 32%, rgba(12, 37, 74, 0.82) 100%);
		border-radius: 24px;
	}

	.button {
		min-height: 50px;
		padding: 0 18px;
		font-size: 0.94rem;
	}

	.hero__actions .button {
		width: min(100%, 286px);
		margin-inline: auto;
	}

	.site-footer__inner {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 420px) {
	:root {
		--container: calc(100% - 16px);
	}

	.hero__inner,
	.final-cta__inner,
	.inner-page__article {
		padding: 16px;
	}

	.hero h1 {
		font-size: 1.68rem;
		line-height: 0.98;
	}

	.hero__description {
		font-size: 0.88rem;
	}

	.hero__microcopy {
		font-size: 0.82rem;
	}

	.hero__stats li {
		padding: 14px 12px;
	}

	.demo-bot__input {
		font-size: 16px;
		line-height: 1.3;
		letter-spacing: 0;
	}
}