/* ===== v1.1 "bold navy" layer ===== */

/* Left-align section headings/leads with the 1200px grid (constrained layout was centering them) */
body .truly-section:not(.truly-center) > .wp-block-heading,
body .truly-section:not(.truly-center) > .truly-lead,
body .truly-pagehead > .wp-block-heading,
body .truly-pagehead > .truly-lead {
	margin-left: max(0px, calc((100% - 1200px) / 2)) !important;
	margin-right: auto !important;
}

/* Header: navy bar, white links, white pill button */
body .truly-header {
	background: rgba(10, 43, 84, .97);
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}
body .truly-header .wp-block-navigation a,
body .truly-header .wp-block-navigation__responsive-container-open { color: #fff; }
body .truly-header .wp-block-navigation a:hover,
body .truly-header .wp-block-navigation .current-menu-item > a { color: #6FD0C5; }
body .truly-header .wp-block-navigation__responsive-container.is-menu-open a { color: var(--wp--preset--color--navy); }
body .truly-header .wp-block-button__link { background: #fff; color: var(--wp--preset--color--navy); }
body .truly-header .wp-block-button__link:hover { background: var(--wp--preset--color--teal); color: var(--wp--preset--color--navy); }

/* Hero + inner page heads: navy with teal glow */
body .truly-hero,
body .truly-pagehead {
	background:
		radial-gradient(760px 460px at 82% 18%, rgba(66, 179, 168, .30), transparent 62%),
		radial-gradient(620px 420px at -5% 105%, rgba(66, 179, 168, .14), transparent 60%),
		linear-gradient(160deg, #0A2B54 0%, #082246 55%, #06182F 100%);
	color: #EEF3F8;
	border-bottom: 0;
}
body .truly-hero h1, body .truly-pagehead h1 { color: #fff; }
body .truly-hero h1 em, body .truly-pagehead h1 em { font-style: normal; color: var(--wp--preset--color--teal); }
body .truly-hero .truly-lead, body .truly-pagehead .truly-lead { color: #C5D2E1; }
body .truly-hero .truly-eyebrow, body .truly-pagehead .truly-eyebrow { color: var(--wp--preset--color--teal); }
body .truly-hero .wp-block-button.is-style-outline .wp-block-button__link {
	color: #fff; border-color: rgba(255, 255, 255, .55);
}
body .truly-hero .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: #fff; color: var(--wp--preset--color--navy); border-color: #fff;
}
body .truly-hero .truly-summary {
	border: 0;
	box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .06);
}
body .truly-hero .truly-summary__bar { background: #06182F; }
body .truly-hero .truly-summary__caption { color: #9FB0C4; }

/* Hero media (video, GIF or image in place of the sample summary) */
body .truly-hero-media { margin: 0; }
body .truly-hero-media video,
body .truly-hero-media img {
	display: block; width: 100%; height: auto; border-radius: 18px;
	box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .08);
}

/* Bolder numbered steps */
body .truly-card__num {
	display: inline-block; padding: 4px 10px; border-radius: 999px;
	background: var(--wp--preset--color--navy); color: #fff; letter-spacing: .06em;
}
body .truly-section--paper .truly-card { border-color: #D7E0EA; }
body .truly-card { transition: transform .15s ease, box-shadow .15s ease; }
body .truly-grid .truly-card:hover { transform: translateY(-2px); box-shadow: 0 12px 30px -16px rgba(10, 43, 84, .35); }

/* Final call to action: solid teal with navy text */
body .truly-section--tint {
	background:
		radial-gradient(600px 300px at 90% 0%, rgba(255, 255, 255, .22), transparent 60%),
		var(--wp--preset--color--teal);
}
body .truly-section--tint h2 { color: var(--wp--preset--color--navy); }
body .truly-section--tint .truly-lead { color: var(--wp--preset--color--navy); opacity: .85; }
body .truly-section--tint .wp-block-button.is-style-outline .wp-block-button__link { border-color: var(--wp--preset--color--navy); }
body .truly-summary { color: var(--wp--preset--color--ink); }
body .truly-header .wp-block-navigation,
body .truly-header .wp-block-navigation .wp-block-navigation-item__content { color: #fff !important; }
body .truly-header .wp-block-navigation .wp-block-navigation-item__content:hover { color: #6FD0C5 !important; }
body .truly-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { color: var(--wp--preset--color--navy) !important; }
body .truly-step { margin-left: auto !important; margin-right: auto !important; }
