@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:#046846;
	--brand-accent:#1b976a;
	--ink:#0b1220;
	--muted:#5c677a;
	--bg-soft:#f5f7fb;
	--card:#ffffff;
	--border:#e6eaf2;
}

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

/* Header */
.brandbar{
	background:#fff;
	border-bottom:1px solid var(--border);
}

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

/* Hero */
.hero{
	background:
		linear-gradient(135deg, rgba(11,59,143,.96), rgba(10,47,115,.92)),
		radial-gradient(1000px 500px at 15% 20%, rgba(255,255,255,.12), transparent 60%),
		radial-gradient(900px 500px at 85% 60%, rgba(24,169,87,.10), transparent 60%);
	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:#006846;
	border-color:#006846;
	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:rgba(24,169,87,.12);
	color:var(--brand-accent);
	border:1px solid rgba(24,169,87,.18);
}

/* 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;
}

/* 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;
	}
}