.elementor-31 .elementor-element.elementor-element-ba7a380{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Helvetica;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-61719b5{color:#18324A;}.elementor-31 .elementor-element.elementor-element-801e915{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-61719b5 */:root {
--navy:#082f57;
--blue:#116cb5;
--bright:#2a91d2;
--sky:#eaf6ff;
--ink:#18324a;
--muted:#5d7184;
--line:#d8e4ee;
--white:#fff;
--max:1180px
}
* {
	box-sizing: border-box
}
body {
	margin: 0;
	font-family: Inter, Arial, sans-serif;
	color: var(--ink);
	background: #fff;
	line-height: 1.68
}
.cl-page h1, .cl-page h2, .cl-page h3, .cl-page h4, .cl-page h5{ font-weight:800 !important;}
.cl-wrap {
	max-width: var(--max);
	margin: auto;
	padding: 0 28px
}
.cl-hero {
	position: relative;
	padding:70px 0;
	display: flex;
	align-items: center;
	color: #fff;
	overflow: hidden;
	background: linear-gradient(135deg, #0a365f, #0f6aa9)
}
.cl-hero-media {
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, rgba(4,42,76,.42), rgba(13,105,169,.18));
	display: flex;
	align-items: center;
	justify-content: center
}
.cl-hero-media img{ width:100%; height:100%; object-fit:cover;}
.cl-photo-note {
	max-width: 760px;
	margin: 0 24px;
	padding: 28px;
	border: 2px dashed rgba(255,255,255,.55);
	background: rgba(4,31,58,.48);
	backdrop-filter: blur(3px);
	text-align: center;
	border-radius: 18px
}
.cl-photo-note span {
font-size:.82rem;
	opacity: .9
}
.cl-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(4,35,64,.94) 0%, rgba(5,48,84,.76) 46%, rgba(5,48,84,.25) 76%, rgba(5,48,84,.05) 100%)
}
.cl-hero-content {
	position: relative;
	z-index: 2;
	width: 100%
}
.cl-hero-content>* {
	max-width: 780px
}
.cl-eyebrow, .cl-kicker {
font-size:.78rem;
	letter-spacing: .12em;
	font-weight: 800;
	text-transform: uppercase
}
.cl-hero h1 {
	font-size: clamp(2.6rem, 5vw, 4.7rem);
	line-height: 1.02;
margin:.5rem 0 1.2rem;
	letter-spacing: -.035em
}
.cl-lead {
	font-size: 1.24rem;
	line-height: 1.55
}
.cl-actions {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin: 28px 0 12px
}
.cl-btn {
	display: inline-block;
	padding: 14px 20px;
	border-radius: 10px;
	text-decoration: none !important;
	font-weight: 800
}
.cl-btn-primary {
	background: #fff;
	color: var(--navy) !important
}
.cl-btn-ghost {
	border: 1px solid rgba(255,255,255,.65);
	color: #fff !important
}
.cl-btn-white {
	background: #fff;
	color: var(--navy) !important
}
.cl-toll a {
	color: #fff;
	font-weight: 800
}
.cl-trustbar {
	background: #fff;
	border-bottom: 1px solid var(--line);
	box-shadow: 0 7px 24px rgba(13,52,83,.06)
}
.cl-trustgrid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding-top: 22px;
	padding-bottom: 22px
}
.cl-trustgrid div {
	padding: 8px 24px;
	border-right: 1px solid var(--line)
}
.cl-trustgrid div:last-child {
	border-right: 0
}
.cl-trustgrid strong, .cl-trustgrid span {
	display: block
}
.cl-trustgrid strong {
	color: var(--navy);
	font-size: 1.05rem
}
.cl-trustgrid span {
font-size:.88rem;
	color: var(--muted)
}
.cl-section {
	padding: 92px 0
}
.cl-section h2, .cl-final h2 {
	font-size: clamp(2rem, 3.6vw, 3.25rem);
	line-height: 1.08;
	letter-spacing: -.025em;
	color: var(--navy);
margin:.35rem 0 1.2rem
}
.cl-intro {
	max-width: 850px;
	font-size: 1.08rem
}
.cl-kicker {
	color: var(--blue);
	margin: 0
}
.cl-split {
	display: grid;
grid-template-columns:1.35fr .85fr;
	gap: 58px;
	align-items: center
}
.cl-topalign {
	align-items: start
}
.cl-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 16px;
	padding: 28px;
	box-shadow: 0 12px 34px rgba(17,65,102,.07)
}
.cl-checkcard ul {
	padding-left: 20px;
	margin-bottom: 0
}
.cl-checkcard li {
	margin: 9px 0
}
.cl-textlink {
	font-weight: 800;
	color: var(--blue);
	text-decoration: none
}
.cl-blue {
	background: linear-gradient(135deg, #e7f5ff, #f7fbff)
}
.cl-grid3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
	margin-top: 34px
}
.cl-grid3 .cl-card h3, .cl-grid4 h3 {
	color: var(--navy);
	margin-top: 0
}
.cl-metricbox {
	background: var(--navy);
	color: #fff;
	padding: 32px;
	border-radius: 18px
}
.cl-metricbox h3 {
	margin-top: 0;
	font-size: 1.5rem
}
.cl-mini {
	padding: 16px 0;
	border-top: 1px solid rgba(255,255,255,.15)
}
.cl-mini strong, .cl-mini span {
	display: block
}
.cl-mini span {
	opacity: .82;
font-size:.92rem
}
.cl-source-note {
font-size:.9rem;
	color: var(--muted);
	margin-top: 24px
}
.cl-source-note a, .cl-out {
	color: var(--blue)
}
.cl-soft {
	background: #f5f9fc
}
.cl-photo-placeholder {

	border-radius: 18px;
	background: linear-gradient(135deg, #d4ebfa, #a8d3ef);

	display: flex;
	flex-direction: column;
	justify-content: center;
	color: var(--navy);
	border: 2px dashed #6ca7ce
}
.cl-photo-placeholder img{ border-radius: 18px; width:100%; height:100%; object-fit:cover;}
.cl-photo-placeholder strong {
	font-size: 1.4rem
}
.cl-photo-placeholder small {
	margin-top: 18px
}
.cl-navy {
	background: linear-gradient(135deg, #082f57, #0c4d7f);
	color: #fff
}
.cl-navy h2, .cl-navy .cl-kicker {
	color: #fff
}
.cl-grid4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	margin-top: 32px
}
.cl-grid4 article {
	padding: 22px;
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 14px;
	background: rgba(255,255,255,.07)
}
.cl-navy .cl-grid4 h3 {
	color: #fff
}
.cl-rebate .cl-badge {
	display: inline-block;
	background: var(--sky);
	color: var(--navy);
	font-weight: 800;
font-size:.75rem;
	padding: 7px 10px;
	border-radius: 999px
}
.cl-rebate .cl-btn {
	background: var(--blue);
	color: #fff !important;
	margin: 10px 0;
	display: block;
	text-align: center
}
.cl-out {
	display: block;
	margin-top: 12px;
font-size:.9rem
}
.cl-process {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 34px
}
.cl-process>div {
	border-top: 4px solid var(--bright);
	padding: 22px 16px 8px
}
.cl-process span {
	font-weight: 900;
	color: var(--bright);
	font-size: 1.5rem
}
.cl-process h3 {
	color: var(--navy)
}
.cl-cta-inline {
	margin-top: 42px;
	background: var(--navy);
	color: #fff;
	border-radius: 16px;
	padding: 24px 30px;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center
}
.cl-cta-inline strong, .cl-cta-inline span {
	display: block
}
.cl-cta-inline a {
	color: #fff;
	font-weight: 800;
	text-decoration: none;
	margin-left: 16px
}
.cl-linkstack {
	display: grid;
	gap: 14px
}
.cl-linkstack a {
	padding: 22px;
	border: 1px solid var(--line);
	border-radius: 14px;
	text-decoration: none;
	background: #fff
}
.cl-linkstack strong, .cl-linkstack span {
	display: block
}
.cl-linkstack strong {
	color: var(--navy);
	font-size: 1.1rem
}
.cl-linkstack span {
	color: var(--muted)
}
.cl-related {
	background: #eef7fd
}
.cl-related-grid article {
	background: #fff;
	color: var(--ink);
	border: 1px solid var(--line)
}
.cl-related-grid h3 {
	color: var(--navy)
}
.cl-related-photo {
	height: 200px;
	border-radius: 10px;
	background: linear-gradient(135deg, #d9effc, #b7dcf3);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
font-size:.72rem;
	font-weight: 900;
	color: var(--navy);
	letter-spacing: .08em;
	margin-bottom:15px;
}
.cl-related-photo img{ width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;}
.cl-related-card a {
	color: var(--blue);
	font-weight: 800;
	text-decoration: none
}
.cl-coming {
font-size:.83rem;
	color: var(--muted);
	font-weight: 700
}
.cl-proofgrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px
}
.cl-proofgrid div {
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 14px;
	padding: 24px
}
.cl-proofgrid strong, .cl-proofgrid span {
	display: block
}
.cl-proofgrid strong {
	font-size: 1.6rem
}
.cl-proofgrid span {
	opacity: .8
}
.cl-faq {
	margin-top: 34px;
	border-top: 1px solid var(--line)
}
.cl-faq details {
	border-bottom: 1px solid var(--line);
	padding: 18px 0
}
.cl-faq summary {
	cursor: pointer;
	font-weight: 800;
	color: var(--navy);
	font-size: 1.05rem
}
.cl-final {
	padding: 76px 0;
	background: linear-gradient(120deg, #126cb5, #2b95d3);
	color: #fff
}
.cl-final h2, .cl-final .cl-kicker {
	color: #fff
}
.cl-final-inner {
	display: grid;
grid-template-columns:1.4fr .6fr;
	gap: 40px;
	align-items: center
}
.cl-final-actions {
	display: grid;
	gap: 11px
}
.cl-final-actions a {
	color: #fff;
	text-decoration: none;
	font-weight: 800
}
.cl-final-actions .cl-btn-white {
	color: var(--navy);
	text-align: center
}
@media(max-width:900px) {
.cl-split, .cl-final-inner {
	grid-template-columns: 1fr
}
.cl-grid3, .cl-grid4, .cl-process {
	grid-template-columns: 1fr 1fr
}
.cl-trustgrid {
	grid-template-columns: 1fr 1fr
}
.cl-hero {
	min-height: 640px
}
.cl-hero-overlay {
	background: rgba(4,40,72,.86)
}
.cl-hero-media {
	opacity: .45
}
.cl-cta-inline {
	display: block
}
.cl-cta-inline div:last-child {
	margin-top: 14px
}
.cl-cta-inline a {
	display: block;
	margin: 6px 0
}
}
@media(max-width:600px) {
.cl-wrap {
	padding: 0 20px
}
.cl-section {
	padding: 68px 0
}
.cl-grid3, .cl-grid4, .cl-process, .cl-trustgrid {
	grid-template-columns: 1fr
}
.cl-trustgrid div {
	border-right: 0;
	border-bottom: 1px solid var(--line);
}
.cl-hero {

	padding:40px 0;
}
.cl-hero h1 {
	font-size: 2.65rem
}
.cl-photo-note {
font-size:.8rem
}
.cl-related-grid {
	grid-template-columns: 1fr
}
.cl-proofgrid {
	grid-template-columns: 1fr 1fr
}
}/* End custom CSS */