/* Engine Analytics brand overrides, loaded after main.css.
   Palette from images/logo/README.txt: navy #152531, blue #57aed3, teal #4fc9a8. */

:root {
	--ea-navy: #152531;
	--ea-navy-2: #1d3647;
	--ea-blue: #57aed3;
	--ea-teal: #4fc9a8;
	--ea-grad: linear-gradient(90deg, #57aed3, #4fc9a8);
}

/* Links and emphasis */
	a { color: var(--ea-blue); border-bottom-color: rgba(87, 174, 211, 0.35); }
	a:hover { color: var(--ea-teal); border-bottom-color: transparent; }
	.main.style1 h2, .main.style1 h3 { color: var(--ea-navy); }
	.main.style1 strong, .main.style1 b { color: var(--ea-navy); }

/* Section heading underline becomes the gradient bar */
	header.major:after {
		height: 3px;
		border-radius: 2px;
		background: var(--ea-grad);
		border: 0;
	}
	.main.style2 header.major:after,
	#header header.major:after { background: var(--ea-grad); }

/* Header: navy ground, gradient wash, faint square-wave motif */
	#header {
		background-color: var(--ea-navy);
		background-image: url("../../images/wave-motif.svg"), linear-gradient(135deg, #152531 0%, #1f3f54 55%, #2f7f8f 100%);
		background-position: center center, center center;
		background-size: cover, cover;
		background-attachment: scroll, scroll;
		color: rgba(255, 255, 255, 0.72);
	}
	#header h1 { color: #ffffff; }
	#header p { color: rgba(213, 240, 251, 0.85); }
	#header .button { border-color: rgba(255, 255, 255, 0.5); }
	#header .button:hover { background-color: rgba(79, 201, 168, 0.18); border-color: var(--ea-teal); }
	#header .inner:after { background: linear-gradient(to bottom, rgba(255,255,255,0.0), rgba(255,255,255,0.6)); }
	#header .logo-mark { box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35); }

/* Dark sections */
	.main.style2 {
		background-color: var(--ea-navy);
		background-image: linear-gradient(160deg, #152531 0%, #1d3647 100%);
		background-attachment: scroll;
		color: rgba(255, 255, 255, 0.78);
	}
	.main.style2 strong, .main.style2 b, .main.style2 h2, .main.style2 h3 { color: #ffffff; }
	.main.style2 ul.major-icons li .icon { border-color: rgba(87, 174, 211, 0.45); background: rgba(255, 255, 255, 0.03); }
	.main.style2 ul.major-icons li .icon:before { color: var(--ea-blue); }
	.main.style2 ul.major-icons li:nth-child(even) .icon:before { color: var(--ea-teal); }
	.main.style2 .button { border-color: rgba(87, 174, 211, 0.6); }
	.main.style2 .button:hover { background-color: rgba(87, 174, 211, 0.15); }

/* Primary buttons wear the gradient */
	.button.primary,
	.main.style2 .button.primary {
		background: var(--ea-grad) !important;
		color: var(--ea-navy) !important;
		border: 0;
		font-weight: 600;
	}
	.button.primary:hover,
	.main.style2 .button.primary:hover { filter: brightness(1.08); color: var(--ea-navy) !important; }

/* Images */
	.main.style1 .image.fit img { border-radius: 12px; box-shadow: 0 10px 30px rgba(21, 37, 49, 0.12); }

/* Footer: navy, with the white lockup */
	#footer {
		background-color: var(--ea-navy);
		background-image: none;
		color: rgba(255, 255, 255, 0.6);
		padding: 4em 0 3em 0;
	}
	#footer .footer-logo { display: block; margin: 0 auto 1.5em auto; width: 220px; max-width: 70%; opacity: 0.9; }
	#footer .copyright a { color: rgba(255, 255, 255, 0.75); }
	#footer .copyright li { border-left-color: rgba(255, 255, 255, 0.2); }