:root {
	--aq-navy-950: #050b14;
	--aq-navy-900: #061120;
	--aq-navy-800: #08233e;
	--aq-blue: #1877f2;
	--aq-blue-light: #64a5ff;
	--aq-white: #ffffff;
	--aq-text-soft: #cdd9e8;
	--aq-border: rgba(255, 255, 255, 0.13);
	--aq-shell: 1480px;
}

#masthead,
#site-navigation,
.site-footer,
.aq-page > .aq-header {
	display: none !important;
}

.aq-site-header *,
.aq-site-footer * {
	box-sizing: border-box;
}

.aq-site-shell {
	width: min(var(--aq-shell), calc(100% - 48px));
	margin-inline: auto;
}

.aq-site-header {
	position: sticky;
	top: 0;
	z-index: 9999;
	color: var(--aq-white);
	background: rgba(6, 17, 32, 0.97);
	border-bottom: 1px solid var(--aq-border);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	font-family: Inter, Arial, sans-serif;
}

.admin-bar .aq-site-header {
	top: 32px;
}

.aq-site-header__inner {
	min-height: 84px;
	display: flex;
	align-items: center;
	gap: clamp(18px, 2vw, 32px);
}

.aq-site-logo {
	width: 188px;
	flex: 0 0 188px;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.aq-site-logo img {
	display: block;
	width: 100%;
	height: auto;
}

.aq-site-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(14px, 1.45vw, 25px);
	margin-left: auto;
}

.aq-site-nav a {
	position: relative;
	padding: 32px 0;
	color: var(--aq-white);
	font-size: 14px;
	font-weight: 750;
	line-height: 1.3;
	text-decoration: none;
	white-space: nowrap;
}

.aq-site-nav a::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 23px;
	left: 0;
	height: 2px;
	background: var(--aq-blue-light);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 180ms ease;
}

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

.aq-site-header__actions {
	display: flex;
	align-items: center;
}

.aq-site-button {
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 19px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

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

.aq-site-button--primary {
	color: var(--aq-white);
	background: var(--aq-blue);
	box-shadow: 0 12px 28px rgba(24, 119, 242, 0.28);
}

.aq-site-button--primary:hover,
.aq-site-button--primary:focus-visible {
	color: var(--aq-white);
	background: #0869e8;
}

.aq-site-menu-toggle {
	display: none;
	width: 46px;
	height: 46px;
	margin-left: auto;
	align-items: center;
	justify-content: center;
	padding: 0;
	color: var(--aq-white);
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid var(--aq-border);
	border-radius: 9px;
	cursor: pointer;
}

.aq-site-menu-toggle__label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.aq-site-menu-toggle__icon,
.aq-site-menu-toggle__icon::before,
.aq-site-menu-toggle__icon::after {
	width: 22px;
	height: 2px;
	display: block;
	background: currentColor;
	transition: transform 180ms ease, opacity 180ms ease;
}

.aq-site-menu-toggle__icon {
	position: relative;
}

.aq-site-menu-toggle__icon::before,
.aq-site-menu-toggle__icon::after {
	content: "";
	position: absolute;
	left: 0;
}

.aq-site-menu-toggle__icon::before {
	top: -7px;
}

.aq-site-menu-toggle__icon::after {
	top: 7px;
}

.aq-site-menu-toggle[aria-expanded="true"] .aq-site-menu-toggle__icon {
	background: transparent;
}

.aq-site-menu-toggle[aria-expanded="true"] .aq-site-menu-toggle__icon::before {
	top: 0;
	transform: rotate(45deg);
}

.aq-site-menu-toggle[aria-expanded="true"] .aq-site-menu-toggle__icon::after {
	top: 0;
	transform: rotate(-45deg);
}

.aq-site-footer {
	position: relative;
	z-index: 2;
	padding: 72px 0 24px;
	color: var(--aq-white);
	background:
		radial-gradient(circle at 85% 15%, rgba(24, 119, 242, 0.2), transparent 28%),
		linear-gradient(135deg, var(--aq-navy-950), var(--aq-navy-800));
	border-top: 1px solid var(--aq-border);
	font-family: Inter, Arial, sans-serif;
}

.aq-site-footer__top {
	display: grid;
	grid-template-columns: minmax(280px, 1.5fr) repeat(3, minmax(160px, 0.8fr));
	gap: clamp(32px, 4vw, 64px);
}

.aq-site-logo--footer {
	width: 220px;
	margin-bottom: 22px;
}

.aq-site-footer__brand > p {
	max-width: 480px;
	margin: 0 0 26px;
	color: var(--aq-text-soft);
	font-size: 16px;
	line-height: 1.75;
}

.aq-site-footer__column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.aq-site-footer__column h2 {
	margin: 5px 0 9px;
	color: var(--aq-white);
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.aq-site-footer__column a,
.aq-site-footer__column p {
	margin: 0;
	color: var(--aq-text-soft);
	font-size: 14px;
	line-height: 1.5;
	text-decoration: none;
}

.aq-site-footer__column a:hover,
.aq-site-footer__column a:focus-visible {
	color: var(--aq-white);
}

.aq-site-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 60px;
	padding-top: 22px;
	border-top: 1px solid var(--aq-border);
}

.aq-site-footer__bottom p,
.aq-site-footer__bottom a {
	margin: 0;
	color: #9fb0c5;
	font-size: 13px;
	text-decoration: none;
}

@media (max-width: 1280px) {
	.aq-site-header__actions {
		display: none;
	}
}

@media (max-width: 1080px) {
	.aq-site-shell {
		width: min(100% - 32px, var(--aq-shell));
	}

	.aq-site-header__inner {
		min-height: 76px;
	}

	.aq-site-logo {
		width: 190px;
		flex-basis: 190px;
	}

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

	.aq-site-nav {
		position: absolute;
		top: calc(100% + 1px);
		right: 16px;
		left: 16px;
		display: none;
		align-items: stretch;
		gap: 0;
		margin: 0;
		padding: 10px;
		background: var(--aq-navy-900);
		border: 1px solid var(--aq-border);
		border-radius: 0 0 14px 14px;
		box-shadow: 0 22px 45px rgba(0, 0, 0, 0.3);
	}

	.aq-site-nav.is-open {
		display: flex;
		flex-direction: column;
	}

	.aq-site-nav a {
		padding: 15px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	}

	.aq-site-nav a:last-child {
		border-bottom: 0;
	}

	.aq-site-nav a::after {
		display: none;
	}

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

@media (max-width: 782px) {
	.admin-bar .aq-site-header {
		top: 46px;
	}
}

@media (max-width: 600px) {
	.admin-bar .aq-site-header {
		top: 0;
	}

	.aq-site-logo {
		width: 165px;
		flex-basis: 165px;
	}

	.aq-site-footer {
		padding-top: 54px;
	}

	.aq-site-footer__top {
		grid-template-columns: 1fr;
		gap: 38px;
	}

	.aq-site-footer__bottom {
		align-items: flex-start;
		flex-direction: column;
		margin-top: 44px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.aq-site-button,
	.aq-site-nav a::after,
	.aq-site-menu-toggle__icon,
	.aq-site-menu-toggle__icon::before,
	.aq-site-menu-toggle__icon::after {
		transition: none;
	}
}
