:root {
}

.bzk {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	color: #0b0b0b;
	font-size: 17px;
	line-height: 1.65;
	margin: 0 auto;
	max-width: none;
}

.bzk * {
	box-sizing: border-box;
}

.bzk p {
	margin: 0 0 1.15em;
}

.bzk a {
	color: #1f66bd;
	text-decoration: none;
}

.bzk a:hover {
	text-decoration: underline;
}

.bzk h1,.bzk h2,.bzk h3 {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	line-height: 1.2;
	margin: 0 0 .5em;
	font-weight: 700;
	letter-spacing: -.02em;
	color: #0b0b0b;
	text-transform: none;
}

.bzk h2 {
	font-size: clamp(1.55rem,3vw,2.3rem);
}

.bzk h3 {
	font-size: 1.22rem;
}

.bzk :focus-visible {
	outline: 3px solid #1f66bd;
	outline-offset: 2px;
	border-radius: 4px;
}

.bzk-sec {
	padding: 64px 0;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: 100vw;
}

.bzk-in {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 24px;
}

.bzk-narrow {
	max-width: 820px;
	margin: 0 auto;
}

.bzk-alt {
	background: #fff;
}

.bzk-panel {
	background: #eef1f5;
}

.bzk-deep {
	background: #0b2545;
	color: #fff;
}

.bzk-deep h2,.bzk-deep h3 {
	color: #fff;
}

.bzk-deep p {
	color: #c9d6e6;
}

.bzk-deep a {
	color: #ffd9c7;
}

.bzk-hero {
	background: linear-gradient(160deg,#0b2545 0%,#071a31 100%);
	color: #fff;
	padding: 88px 0 78px;
	position: relative;
	overflow: hidden;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: 100vw;
}

.bzk-hero:before {
	content: "";
	position: absolute;
	background-image: url('https://bzkneesfactoring.com/wp-content/uploads/2026/08/bzk-honeycomb-field.png');
	background-size: cover;
	background-position: center;
	opacity: .55;
	-webkit-mask-image: radial-gradient(ellipse 70% 105% at 78% 50%,#000 0%,rgba(0,0,0,.6) 45%,transparent 88%);
	mask-image: radial-gradient(ellipse 70% 105% at 78% 50%,#000 0%,rgba(0,0,0,.6) 45%,transparent 88%);
}

.bzk-hero:after {
	content: "";
	position: absolute;
	right: -60px;
	top: 50%;
	transform: translateY(-50%);
	width: 430px;
	height: 382px;
	background: url('https://bzkneesfactoring.com/wp-content/uploads/2026/08/bzk-hex-cluster.png') center/contain no-repeat;
	opacity: .55;
}

.bzk-hero .bzk-in {
	position: relative;
	z-index: 2;
}

.bzk-hero h1 {
	color: #fff;
	font-size: clamp(2rem,4.4vw,3.3rem);
	max-width: 17ch;
	letter-spacing: -.025em;
	line-height: 1.08;
	margin: 0 0 .4em;
}

.bzk-hero .bzk-lede {
	font-size: 1.2rem;
	color: #c9d6e6;
	max-width: 58ch;
	margin-bottom: 1.8em;
}

.bzk-hero.bzk-sub {
	padding: 64px 0 56px;
}

.bzk-hero.bzk-sub h1 {
	font-size: clamp(1.85rem,3.6vw,2.8rem);
	max-width: 22ch;
}

@media(max-width:1100px) {
	.bzk-hero:after {
		right: -170px;
		opacity: .3;
	}
}

@media(max-width:700px) {
	.bzk-hero:after {
		display: none;
	}
}

.bzk-eyebrow {
	display: inline-block;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .19em;
	text-transform: uppercase;
	color: #eb6834;
	margin-bottom: 14px;
}

.bzk-eyebrow.d {
	color: #1f66bd;
}

.bzk-btn {
	display: inline-block;
	background: #c9501f;
	color: #fff !important;
	font-weight: 700;
	padding: 13px 24px;
	border-radius: 8px;
	font-size: .95rem;
	text-decoration: none !important;
	transition: background .15s;
	border: 0;
}

.bzk-btn:hover {
	background: #a2400f;
	color: #fff !important;
}

.bzk-btn.ghost {
	background: transparent;
	border: 1.5px solid rgba(255,255,255,.45);
}

.bzk-btn.ghost:hover {
	background: rgba(255,255,255,.14);
}

.bzk-btn.dark {
	background: #0b2545;
}

.bzk-btn.dark:hover {
	background: #071a31;
}

.bzk-ctas {
	display: flex;
	gap: 13px;
	flex-wrap: wrap;
}

.bzk-ctas.mid {
	justify-content: center;
}

.bzk-grid {
	display: grid;
	gap: 24px;
}

.bzk-g2 {
	grid-template-columns: repeat(2,1fr);
}

.bzk-g3 {
	grid-template-columns: repeat(3,1fr);
}

.bzk-g4 {
	grid-template-columns: repeat(4,1fr);
}

.bzk-card {
	background: #fff;
	border: 1px solid rgba(11,11,11,.10);
	border-radius: 13px;
	padding: 26px;
}

.bzk-deep .bzk-card {
	background: rgba(255,255,255,.055);
	border-color: rgba(255,255,255,.13);
}

.bzk-card h3 {
	margin-bottom: .4em;
}

.bzk-card p {
	color: #52514e;
	margin-bottom: 0;
}

.bzk-deep .bzk-card p {
	color: #c9d6e6;
}

.bzk-stat .v {
	font-size: 2.4rem;
	font-weight: 800;
	letter-spacing: -.03em;
	color: #0b2545;
	line-height: 1;
	display: block;
}

.bzk-stat .k {
	font-size: .83rem;
	color: #52514e;
	margin-top: 9px;
	font-weight: 600;
	display: block;
}

.bzk-step {
	display: flex;
	gap: 18px;
	margin-bottom: 26px;
	align-items: flex-start;
}

.bzk-step .n {
	flex: 0 0 40px;
	height: 40px;
	border-radius: 50%;
	background: #0b2545;
	color: #fff;
	display: grid;
	font-weight: 800;
	font-size: .98rem;
}

.bzk-step.acc .n {
	background: #c9501f;
}

.bzk-step h3 {
	margin-bottom: .3em;
}

.bzk-step p {
	color: #52514e;
}

.bzk-step p:last-child {
	margin-bottom: 0;
}

.bzk-note {
	border-left: 3px solid #c9501f;
	background: #fff7f3;
	padding: 18px 22px;
	border-radius: 0 9px 9px 0;
	margin: 24px 0;
}

.bzk-note.blue {
	border-color: #2a78d6;
	background: #f2f7fd;
}

.bzk-note p:last-child {
	margin-bottom: 0;
}

.bzk-pill {
	display: inline-block;
	background: #eef1f5;
	border: 1px solid rgba(11,11,11,.10);
	border-radius: 999px;
	padding: 5px 13px;
	font-size: .8rem;
	font-weight: 700;
	color: #0b2545;
	margin: 0 6px 8px 0;
}

.bzk-label {
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .09em;
	color: #6b6963;
	font-weight: 800;
	margin: 0 0 .4em;
}

.bzk table {
	width: 100%;
	border-collapse: collapse;
	font-size: .93rem;
	margin: 20px 0;
	background: none;
}

.bzk table th {
	text-align: left;
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .09em;
	color: #6b6963;
	border-bottom: 2px solid #c3c2b7;
	padding: 11px 12px;
	font-weight: 800;
}

.bzk table td {
	padding: 11px 12px;
	border-bottom: 1px solid #e1e0d9;
	vertical-align: top;
	color: #0b0b0b;
}

.bzk table td.num,.bzk table th.num {
	text-align: right;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.bzk table tr.tot td {
	font-weight: 800;
	background: #eef1f5;
	border-bottom: 0;
}

.bzk table caption {
	caption-side: top;
	text-align: left;
	font-size: .85rem;
	color: #6b6963;
	padding-bottom: 8px;
}

.bzk-faq {
	border-bottom: 1px solid #e1e0d9;
}

.bzk-faq summary {
	cursor: pointer;
	padding: 20px 40px 20px 0;
	font-size: 1.06rem;
	font-weight: 700;
	color: #0b2545;
	position: relative;
	list-style: none;
	line-height: 1.4;
}

.bzk-faq summary::-webkit-details-marker {
	display: none;
}

.bzk-faq summary:after {
	content: "+";
	position: absolute;
	right: 6px;
	top: 16px;
	font-size: 1.5rem;
	font-weight: 400;
	color: #c9501f;
	transition: transform .2s;
}

.bzk-faq[open] summary:after {
	transform: rotate(45deg);
}

.bzk-faq .a {
	padding: 0 42px 22px 0;
	color: #52514e;
}

.bzk-faq .a p:last-child {
	margin-bottom: 0;
}

.bzk-fig {
	background: #fff;
	border: 1px solid rgba(11,11,11,.10);
	border-radius: 13px;
	padding: 26px;
	margin: 28px 0;
}

.bzk-fig h3 {
	margin-bottom: .2em;
}

.bzk-fig .sub {
	font-size: .92rem;
	color: #52514e;
	margin-bottom: 18px;
}

.bzk-fig .src {
	font-size: .78rem;
	color: #6b6963;
	margin-top: 14px;
	padding-top: 13px;
	border-top: 1px solid #e1e0d9;
}

.bzk-legend {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
	margin-bottom: 16px;
	font-size: .86rem;
	font-weight: 600;
	color: #0b0b0b;
}

.bzk-legend i {
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 3px;
	margin-right: 6px;
	vertical-align: -1px;
}

.bzk-sw1 {
	background: #2a78d6;
}

.bzk-sw2 {
	background: #eb6834;
}

.bzk-sw3 {
	background: #6b6963;
}

.bzk-sw4 {
	background: #d03b3b;
}

.bzk-tl {
	margin: 6px 0 4px;
}

.bzk-tl-row {
	margin-bottom: 22px;
}

.bzk-tl-name {
	font-size: .85rem;
	font-weight: 800;
	margin-bottom: 8px;
	color: #0b0b0b;
}

.bzk-tl-track {
	position: relative;
	height: 46px;
	background: #eef1f5;
	border-radius: 8px;
	overflow: hidden;
}

.bzk-tl-fill {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	padding-left: 14px;
	color: #fff;
	font-weight: 800;
	font-size: .9rem;
	white-space: nowrap;
	border-radius: 8px 0 0 8px;
}

.bzk-tl-fill.a {
	background: #2a78d6;
}

.bzk-tl-fill.b {
	background: #eb6834;
}

.bzk-tl-fill.zero {
	background: repeating-linear-gradient(45deg,#e6e3dc,#e6e3dc 8px,#efedE7 8px,#efede7 16px);
	color: #52514e;
}

.bzk-tl-axis {
	display: flex;
	justify-content: space-between;
	font-size: .76rem;
	color: #6b6963;
	margin-top: 6px;
	font-variant-numeric: tabular-nums;
}

.bzk-cols {
	display: flex;
	align-items: flex-end;
	gap: 5px;
	height: 230px;
	padding: 10px 0 0;
	border-bottom: 2px solid #c3c2b7;
	position: relative;
}

.bzk-col {
	flex: 1;
	position: relative;
	height: 100%;
}

.bzk-col .pair {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 3px;
	z-index: 2;
}

.bzk-bar {
	display: block;
	width: 44%;
	border-radius: 4px 4px 0 0;
	min-height: 2px;
	align-self: flex-end;
}

.bzk-bar.s1 {
	background: #2a78d6;
}

.bzk-bar.s2 {
	background: #eb6834;
}

.bzk-bar.ghost {
	background: #b9b7b0;
	position: absolute;
	left: 8%;
	width: 84%;
	bottom: 0;
	z-index: 1;
	border-radius: 4px 4px 0 0;
}

.bzk-xaxis {
	display: flex;
	gap: 5px;
	margin-top: 7px;
}

.bzk-xaxis span {
	flex: 1;
	text-align: center;
	font-size: .72rem;
	color: #6b6963;
	font-variant-numeric: tabular-nums;
}

.bzk-axlabel {
	text-align: center;
	font-size: .76rem;
	color: #52514e;
	font-weight: 600;
	margin-top: 6px;
}

.bzk-floor {
	position: absolute;
	left: 0;
	right: 0;
	border-top: 2px dashed #d03b3b;
	z-index: 5;
	pointer-events: none;
}

.bzk-floor span {
	position: absolute;
	left: 0;
	top: -20px;
	z-index: 6;
	font-size: .72rem;
	color: #d03b3b;
	font-weight: 800;
	background: #fff;
	padding: 0 5px;
}

.bzk-hbars {
	margin: 4px 0;
}

.bzk-hbar {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 11px;
}

.bzk-hbar .lab {
	display: block;
	flex: 0 0 108px;
	font-size: .85rem;
	font-weight: 700;
	text-align: right;
	color: #0b0b0b;
}

.bzk-hbar .track {
	display: block;
	flex: 1;
	background: #eef1f5;
	border-radius: 5px;
	height: 26px;
	position: relative;
	overflow: hidden;
}

.bzk-hbar .fill {
	display: block;
	height: 100%;
	border-radius: 5px;
}

.bzk-hbar .fill.ok {
	background: #2a78d6;
}

.bzk-hbar .fill.hard {
	background: #eb6834;
}

.bzk-hbar .val {
	display: block;
	flex: 0 0 52px;
	font-size: .85rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	color: #0b0b0b;
}

.bzk-form label {
	display: block;
	font-size: .78rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .07em;
	color: #52514e;
	margin-bottom: 6px;
}

.bzk-form input,.bzk-form select,.bzk-form textarea {
	width: 100%;
	padding: 11px 13px;
	border: 1.5px solid #9a988f;
	border-radius: 8px;
	font-family: inherit;
	font-size: .97rem;
	background: #fff;
	color: #0b0b0b;
}

.bzk-form input:focus,.bzk-form select:focus,.bzk-form textarea:focus {
	border-color: #1f66bd;
}

.bzk-field {
	margin-bottom: 17px;
}

@media(max-width:900px) {
	.bzk-g4 {
		grid-template-columns: repeat(2,1fr);
	}
	
	.bzk-g3 {
		grid-template-columns: 1fr;
	}
}

@media(max-width:760px) {
	.bzk {
		font-size: 16px;
	}
	
	.bzk-sec {
		padding: 44px 0;
	}
	
	.bzk-hero {
		padding: 56px 0 50px;
	}
	
	.bzk-g2,.bzk-g4 {
		grid-template-columns: 1fr;
	}
	
	.bzk-fig {
		padding: 16px;
	}
	
	.bzk-cols {
		height: 180px;
	}
	
	.bzk-hbar .lab {
		flex: 0 0 84px;
		font-size: .78rem;
	}
	
	.bzk table {
		font-size: .85rem;
	}
	
	.bzk table th,.bzk table td {
		padding: 8px 7px;
	}
	
	.bzk-xaxis span {
		font-size: .62rem;
	}
}

.page .entry-header .entry-title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.page .entry-content {
	margin-top: 0;
}

.bzk-vh {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.page .entry-header {
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
}

.page .entry-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.page .site-content,.page .content-area {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.page article.page {
	margin-top: 0 !important;
}

.bzk-hero:first-child {
	margin-top: 0;
}

.home .site-header,.home .site-branding,.home .main-navigation,.home nav,.home .custom-logo-link {
	display: block !important;
	visibility: visible !important;
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
	opacity: 1 !important;
}

.home .site-header {
	padding: 18px 0 !important;
}

.bzk-nav {
	background: #fff;
	border-bottom: 1px solid rgba(11,11,11,.10);
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: 100vw;
}

.bzk-nav .in {
	max-width: 1140px;
	margin: 0 auto;
	padding: 16px 24px;
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.bzk-nav .brand {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-right: auto;
	text-decoration: none;
}

.bzk-nav .brand b {
	color: #0b2545;
	font-size: 1.15rem;
	font-weight: 800;
	letter-spacing: -.01em;
	display: block;
	line-height: 1;
}

.bzk-nav .brand i {
	color: #c9501f;
	font-size: .6rem;
	font-weight: 800;
	letter-spacing: .22em;
	text-transform: uppercase;
	font-style: normal;
	display: block;
	margin-top: 3px;
}

.bzk-nav .brand img {
	width: 40px;
	height: 36px;
	display: block;
}

.bzk-nav a.l {
	color: #0b2545;
	font-weight: 700;
	font-size: .92rem;
	text-decoration: none;
	padding: 6px 2px;
}

.bzk-nav a.l:hover {
	color: #c9501f;
}

.bzk-nav .links {
	display: flex;
	gap: 20px;
	align-items: center;
	flex-wrap: wrap;
}

@media(max-width:760px) {
	.bzk-nav .in {
		padding: 12px 16px;
		gap: 12px;
	}
	
	.bzk-nav .links {
		gap: 12px;
	}
	
	.bzk-nav a.l {
		font-size: .82rem;
	}
}

.contact-form,.wp-block-jetpack-contact-form,.wp-block-jetpack-contact-form-container {
	max-width: 820px;
	margin: 0 auto;
	padding: 0 24px;
}

.contact-form label,.wp-block-jetpack-contact-form label {
	display: block;
	font-size: .78rem !important;
	font-weight: 800 !important;
	text-transform: uppercase;
	letter-spacing: .07em;
	color: #52514e !important;
	margin-bottom: 6px !important;
	font-family: system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form select,.contact-form textarea,.wp-block-jetpack-contact-form input,.wp-block-jetpack-contact-form select,.wp-block-jetpack-contact-form textarea {
	width: 100% !important;
	max-width: 100% !important;
	padding: 11px 13px !important;
	border: 1.5px solid #9a988f !important;
	border-radius: 8px !important;
	font-family: system-ui, -apple-system, "Segoe UI", sans-serif !important;
	font-size: .97rem !important;
	background: #fff !important;
	color: #0b0b0b !important;
	box-shadow: none !important;
}

.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus {
	border-color: #1f66bd !important;
	outline: 0;
}

.contact-form .grunion-field-wrap,.contact-form div {
	margin-bottom: 14px;
}

.contact-form input[type=submit],.wp-block-jetpack-button button,.contact-form button[type=submit] {
	background: #c9501f !important;
	color: #fff !important;
	font-weight: 700 !important;
	padding: 13px 26px !important;
	border-radius: 8px !important;
	border: 0 !important;
	font-size: .95rem !important;
	font-family: system-ui, -apple-system, "Segoe UI", sans-serif !important;
	cursor: pointer;
}

.contact-form input[type=submit]:hover {
	background: #a2400f !important;
}

/* === one header and one footer on every page === */
/* The theme header is replaced site wide by the .bzk-nav built into each page,
   so navigation is identical everywhere instead of switching between two designs. */
.site-header,
.site-branding,
.site-header .main-navigation,
.custom-logo-link {
	display: none !important;
}

.site-footer nav,
.site-footer .main-navigation,
.site-footer .footer-navigation {
	display: none !important;
}

.bzk-nav .links {
	flex-wrap: wrap;
}

/* === theme credit bar === */
/* The in-content footer carries the brand, links and disclosure, so the theme's
   leftover credit strip is hidden rather than sitting under it unstyled. */
#colophon.site-footer {
	display: none !important;
}

/* === logo sizing, including small screens === */
/* The brand image carries an inline height so it renders correctly even before
   this stylesheet loads. On a phone that height is too tall for the nav bar. */
.bzk-nav .brand img {
	width: auto;
	max-width: 100%;
	display: block;
}

@media (max-width: 760px) {
	.bzk-nav .brand img {
		height: 52px !important;
	}
	
	.bzk-nav .in {
	}
}