@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

:root{
	/* Adjust these to match the current site more tightly */
	--brand-primary:#0D1B4D;
	--brand-accent:#f37324;
	--ink:#0b1220;
	--muted:#5c677a;
	--bg-soft:#f5f7fb;
	--card:#ffffff;
	--border:#e6eaf2;
}

body{ color:var(--ink); }
.bg-soft{ background:var(--bg-soft); }
.bg-brand-primary { background: var(--brand-primary); }
.text-muted-2{ color:var(--muted); }

/* Header */
.brandbar{
	background: #19339A;
	border-bottom: 1px solid #102767;
	color: #fff;
}

.container {
	width: 1130px;
}

.container,
.container-fluid {
	max-width: 90%;
}

/* Hero */
.hero{
	background:
		linear-gradient(180deg, #102767 0%, #19339A 100%);
	color:#fff;
}
.hero .badge-soft{
	background:rgba(255,255,255,.12);
	border:1px solid rgba(255,255,255,.18);
	color:#fff;
}

/* Buttons */
.btn-brand{
	background:var(--brand-accent);
	border-color:var(--brand-accent);
	color:#fff;
	font-weight:700;
}
.btn-brand:hover{
	background:#f9891a;
	border-color:#f9891a;
	color:#fff;
}
.btn-outline-light-2{
	border:1px solid rgba(255,255,255,.35);
	color:#fff;
}
.btn-outline-light-2:hover{
	background:rgba(255,255,255,.10);
	color:#fff;
}
.btn-xl {
	padding: 15px 40px;
	font-size: 22px;
	min-height: 65px;
}

/* Cards */
.card-clean{
	background:var(--card);
	border:1px solid var(--border);
	border-radius:16px;
	box-shadow:0 8px 24px rgba(11,18,32,.06);
}

.icon-pill{
	width:44px; height:44px;
	border-radius:12px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:#FFF1E8;
	color:var(--brand-accent);
	border:1px solid #FFD6BB;
}

/* Sticky CTA (mobile) */
.sticky-cta{
	position:sticky;
	bottom:0;
	z-index:1020;
	background:#fff;
	border-top:1px solid var(--border);
}

footer {
	background:var(--brand-primary);
	color: #fff;
	font-size: 0.8rem;
}

/* Small details */
.hr-soft{ border-top:1px solid var(--border); opacity:1; }
.small-disclaimer{ font-size:.86rem; color:#6b7486; }
.footer-links a{ color:#ffffff; text-decoration:none; opacity:.75; line-height: 2rem; }
.footer-links a:hover{ text-decoration:underline; opacity: 1; }

@media (min-width: 1400px) {
	.container {
		max-width: 1320px;
	}
}