:root {
	--blue: #007dff;
	--navy: #021b65;
	--navy-dark: #000923;
	--text: #21262d;
	--muted: #66717d;
	--line: #dde6ef;
	--container: 1180px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	margin: 0;
	color: var(--text);
	background: #fff;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

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

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

button,
input {
	font: inherit;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

button { cursor: pointer; }

h1,
h2,
h3,
h4,
p { margin-top: 0; }

h1,
h2,
h3 {
	color: var(--navy);
	letter-spacing: -.018em;
}

.container {
	width: min(calc(100% - 40px), var(--container));
	margin-inline: auto;
}

@media (max-width: 700px) {
	.container { width: min(calc(100% - 28px), var(--container)); }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*,
	*::before,
	*::after {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}