@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/Inter-VariableFont_slnt,wght.ttf") format("truetype");
}

:root {
	--fatix-ink: #081a4b;
	--fatix-ink-deep: #051233;
	--fatix-cyan: #15c6ff;
	--fatix-blue: #2574ff;
	--fatix-lime: #7fdb32;
	--fatix-amber: #ffba1b;
	--fatix-orange: #ff7a1a;
	--fatix-text: #172440;
	--fatix-muted: #667796;
	--fatix-page: #eef3ff;
	--fatix-surface: rgba(255, 255, 255, 0.94);
	--fatix-line: rgba(8, 26, 75, 0.1);
	--fatix-shadow: 0 28px 70px rgba(8, 26, 75, 0.12);
}

html,
body,
button,
input,
select,
textarea {
	font-family: "Inter", system-ui, sans-serif;
}

body.fatix-site {
	background:
		radial-gradient(circle at top left, rgba(21, 198, 255, 0.16), transparent 30%),
		radial-gradient(circle at top right, rgba(127, 219, 50, 0.14), transparent 26%),
		linear-gradient(180deg, #f5f8ff 0%, #eef3ff 45%, #ffffff 100%);
	color: var(--fatix-text);
	line-height: 1.65;
}

body.fatix-site a {
	color: var(--fatix-blue);
	text-decoration: none;
}

body.fatix-site a:hover,
body.fatix-site a:focus-visible {
	text-decoration: none;
}

body.fatix-site .site-main,
body.fatix-site .page-content {
	width: 100%;
	max-width: none !important;
}

.fatix-page-main {
	padding: 18px clamp(18px, 4vw, 42px) 88px;
}

.fatix-page-main .page-content {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.fatix-site-header {
	position: sticky;
	top: 0;
	z-index: 40;
	padding: 18px clamp(18px, 4vw, 42px) 0;
	background: linear-gradient(180deg, rgba(245, 248, 255, 0.96), rgba(245, 248, 255, 0.74) 72%, rgba(245, 248, 255, 0));
	backdrop-filter: blur(16px);
}

.fatix-site-header__inner,
.fatix-site-footer__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	padding: 16px 20px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.78);
	box-shadow: var(--fatix-shadow);
}

.fatix-site-brand {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.fatix-site-brand__logo .custom-logo-link,
.fatix-site-brand__logo {
	display: inline-flex;
	align-items: center;
}

.fatix-site-brand img {
	width: auto;
	max-height: 40px;
}

.fatix-site-brand__copy {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.fatix-site-brand__copy strong {
	font-size: 15px;
	line-height: 1;
	color: var(--fatix-ink);
}

.fatix-site-brand__copy span {
	font-size: 12px;
	line-height: 1.2;
	color: var(--fatix-muted);
}

.fatix-site-nav,
.fatix-site-footer__nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}

.fatix-site-nav__link,
.fatix-site-footer__nav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 11px 16px;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 600;
}

.fatix-site-nav__link {
	color: var(--fatix-ink);
}

.fatix-site-nav__link.is-active {
	background: linear-gradient(135deg, var(--fatix-ink-deep), var(--fatix-blue));
	color: #fff;
	box-shadow: 0 14px 28px rgba(8, 26, 75, 0.2);
}

.fatix-site-footer {
	padding: 0 clamp(18px, 4vw, 42px) 28px;
}

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

.fatix-site-footer__inner p {
	margin: 6px 0 0;
	color: var(--fatix-muted);
}

body.fatix-site .page-header {
	margin: 0 auto 28px;
}

body.fatix-site .page-header .entry-title {
	margin: 16px 0 0;
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 0.95;
	letter-spacing: -0.05em;
	color: var(--fatix-ink);
}

body.fatix-site .elementor-widget-button .elementor-button,
body.fatix-site .elementor-button {
	border-radius: 16px;
	background: linear-gradient(135deg, var(--fatix-blue), var(--fatix-cyan));
	border: 0;
	box-shadow: 0 18px 28px rgba(37, 116, 255, 0.22);
}

body.fatix-site .elementor-widget-heading h1,
body.fatix-site .elementor-widget-heading h2,
body.fatix-site .elementor-widget-heading h3 {
	letter-spacing: -0.04em;
}

@media (max-width: 900px) {
	.fatix-site-header__inner,
	.fatix-site-footer__inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.fatix-site-nav,
	.fatix-site-footer__nav {
		justify-content: flex-start;
	}
}

@media (max-width: 767px) {
	.fatix-page-main {
		padding-inline: 14px;
	}

	.fatix-site-header {
		padding-inline: 14px;
	}

	.fatix-site-footer {
		padding-inline: 14px;
	}
}