/* "&" comes from Inter because Archivo's ampersand looks unusual */
@font-face { font-family: "CaxAmp"; font-style: normal; font-weight: 100 549; font-display: swap; unicode-range: U+0026; src: url(../fonts/caxamp-400.woff2) format("woff2"); }
@font-face { font-family: "CaxAmp"; font-style: normal; font-weight: 550 749; font-display: swap; unicode-range: U+0026; src: url(../fonts/caxamp-600.woff2) format("woff2"); }
@font-face { font-family: "CaxAmp"; font-style: normal; font-weight: 750 900; font-display: swap; unicode-range: U+0026; src: url(../fonts/caxamp-800.woff2) format("woff2"); }

:root {
	--bg: #050B18;
	--bg-2: #081227;
	--panel: #0C1A36;
	--panel-2: #102246;
	--line: rgba(255, 255, 255, .08);
	--line-2: rgba(255, 255, 255, .14);
	--text: #EEF3FF;
	--soft: #B8C6DE;
	--muted: #93A4C3;
	--orange: #FC5A03;
	--orange-2: #FC5A03;
	--blue: #1557C9;
	--blue-2: #6FA4FF;
	--green: #6EE7B7;
	--font: "CaxAmp", "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

body {
	margin: 0;
	background: var(--bg);
	color: var(--text);
	font-family: var(--font);
	overflow-x: hidden;
}

.cax {
	position: relative;
	width: 100%;
	padding: 0;
	background: var(--bg);
	color: var(--text);
	font-family: var(--font);
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6;
	text-align: left;
	overflow: clip;
	-webkit-font-smoothing: antialiased;
}

.cax *, .cax *::before, .cax *::after { box-sizing: border-box; }
.cax h1, .cax h2, .cax h3, .cax h4, .cax p, .cax ul, .cax figure, .cax address, .cax table { margin: 0; padding: 0; }
.cax h1, .cax h2, .cax h3, .cax h4 { font-family: var(--font); color: #fff; text-transform: none; letter-spacing: normal; }
.cax h1, .cax h2, .cax h3 { line-height: 1.2; }
.cax ul { list-style: none; }
.cax img { max-width: 100%; height: auto; display: block; border: 0; box-shadow: none; border-radius: 0; }
.cax a { color: var(--blue-2); text-decoration: underline; text-underline-offset: 3px; transition: color .2s ease; }
.cax a:hover { color: #fff; }
.cax a[href^="tel:"] { white-space: nowrap; }
.cax table { border-collapse: collapse; border: 0; background: none; width: 100%; }
.cax th, .cax td { border: 0; background: transparent; font-family: var(--font); }
.cax table tbody > tr:nth-child(odd) > td, .cax table tbody > tr:nth-child(odd) > th { background: transparent; }
.cax button, .cax input, .cax select, .cax textarea { font-family: var(--font); text-transform: none; letter-spacing: normal; }
.cax :focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; border-radius: 8px; }
.cax .cax-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 28px; }

@media (max-width: 520px) {
	.cax { font-size: 16px; }
	.cax .cax-wrap { padding: 0 16px; }
}

.cax-glow {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 998;
	width: 760px;
	height: 760px;
	margin: -380px 0 0 -380px;
	border-radius: 50%;
	background: radial-gradient(closest-side, rgba(47, 123, 255, .2), rgba(47, 123, 255, .06) 55%, transparent);
	mix-blend-mode: screen;
	pointer-events: none;
	opacity: 0;
	transition: opacity .4s ease;
	will-change: transform;
}
.cax-glow.is-on { opacity: 1; }
@media (hover: none), (prefers-reduced-motion: reduce) {
	.cax-glow { display: none; }
}

