/* BPAS Hero: dark rounded hero with a side panel. */
.bpas-b .bpas-hero {
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: 50px;
	align-items: center;
	padding: 80px 60px;
	border-radius: var(--bpas-radius);
	background: linear-gradient(135deg, #0a3b3b 0%, #0e4a4a 100%);
	color: #c3d6d6;
}

.bpas-b .bpas-hero .sub-title {
	color: var(--theme-color2);
}

.bpas-b .bpas-hero__title {
	margin: 0 0 15px;
	color: var(--white-color);
	font-size: clamp(34px, 4.6vw, 56px);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -0.02em;
}

.bpas-b .bpas-hero__hook {
	margin: 0 0 15px;
	color: var(--theme-color2);
	font-size: clamp(20px, 2.2vw, 26px);
	font-weight: 600;
	line-height: 1.3;
}

.bpas-b .bpas-hero__text {
	font-size: 17px;
	line-height: 1.7;
}

.bpas-b .bpas-hero__text p {
	margin: 0;
}

.bpas-b .bpas-hero__text p + p {
	margin-top: 10px;
}

.bpas-b .bpas-ticks {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 30px;
	margin: 20px 0 0;
}

.bpas-b .bpas-ticks li {
	position: relative;
	padding-left: 30px;
	font-weight: 500;
	color: var(--white-color);
}

.bpas-b .bpas-ticks li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--theme-color2);
	box-shadow: inset 0 0 0 4px var(--dark-color);
}

.bpas-b .bpas-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 30px;
}

.bpas-b .bpas-hero__badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 20px;
	padding: 10px 15px;
	border-radius: 40px;
	background: var(--bpas-card-dark);
	border: 1px solid var(--bpas-line-dark);
	color: var(--white-color);
	font-size: 14px;
	font-weight: 600;
}

.bpas-b .bpas-hero__badge::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--theme-color);
}

.bpas-b .bpas-hero__panel {
	padding: 30px;
	border-radius: var(--bpas-radius);
	background: var(--bpas-card-dark);
	border: 1px solid var(--bpas-line-dark);
}

.bpas-b .bpas-hero__panel-title {
	margin: 0 0 15px;
	color: var(--white-color);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

/* Panel: facts */
.bpas-b .bpas-facts {
	margin: 0;
}

.bpas-b .bpas-facts div {
	display: grid;
	grid-template-columns: 130px 1fr;
	gap: 10px;
	padding: 10px 0;
	border-top: 1px solid var(--bpas-line-dark);
	font-size: 15px;
	line-height: 1.6;
}

.bpas-b .bpas-facts div:first-child {
	border-top: 0;
	padding-top: 0;
}

.bpas-b .bpas-facts dt {
	padding-top: 2px;
	color: #9fbcbc;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.bpas-b .bpas-facts dd {
	margin: 0;
	color: var(--white-color);
}

.bpas-b .bpas-facts dd p {
	margin: 0;
}

.bpas-b .bpas-facts a:not(.bpas-vlink) {
	color: var(--theme-color2);
	font-weight: 600;
}

.bpas-b .bpas-facts a:not(.bpas-vlink):hover {
	color: var(--white-color);
}

/* Panel: numbered questions */
.bpas-b .bpas-qlist li {
	display: grid;
	grid-template-columns: 36px 1fr;
	gap: 15px;
	align-items: start;
	padding: 10px 0;
	border-top: 1px solid var(--bpas-line-dark);
}

.bpas-b .bpas-qlist li:first-child {
	border-top: 0;
	padding-top: 0;
}

.bpas-b .bpas-qlist span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: var(--bpas-radius);
	background: var(--theme-color2);
	color: var(--dark-color);
	font-size: 14px;
	font-weight: 700;
}

.bpas-b .bpas-qlist strong {
	display: block;
	color: var(--white-color);
	font-weight: 600;
}

.bpas-b .bpas-qlist small {
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: #9fbcbc;
}

.bpas-b .bpas-qlist small p {
	margin: 0;
}

/* Panel: priority list */
.bpas-b .bpas-bplist {
	counter-reset: bp;
}

.bpas-b .bpas-bplist li {
	counter-increment: bp;
	display: grid;
	grid-template-columns: 30px 12px 1fr;
	align-items: center;
	gap: 10px;
	padding: 10px 0;
	border-top: 1px solid var(--bpas-line-dark);
	font-size: 14px;
	line-height: 1.4;
}

.bpas-b .bpas-bplist li:first-child {
	border-top: 0;
	padding-top: 0;
}

.bpas-b .bpas-bplist li::before {
	content: counter(bp, decimal-leading-zero);
	font-weight: 700;
	color: var(--theme-color2);
}

.bpas-b .bpas-bplist a {
	color: var(--white-color);
}

.bpas-b .bpas-bplist a:hover {
	color: var(--theme-color2);
}

.bpas-b .bpas-sev {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}

.bpas-b .bpas-sev--high {
	background: var(--theme-color);
}

.bpas-b .bpas-sev--medium {
	background: var(--orange-color2);
}

/* Panel: numbered links */
.bpas-b .bpas-oneline {
	counter-reset: one;
}

.bpas-b .bpas-oneline li {
	counter-increment: one;
	display: grid;
	grid-template-columns: 34px 1fr;
	gap: 10px;
	padding: 10px 0;
	border-top: 1px solid var(--bpas-line-dark);
	font-size: 15px;
	line-height: 1.5;
	color: var(--white-color);
}

.bpas-b .bpas-oneline li:first-child {
	border-top: 0;
	padding-top: 0;
}

.bpas-b .bpas-oneline li::before {
	content: counter(one, decimal-leading-zero);
	font-weight: 700;
	color: var(--theme-color2);
}

.bpas-b .bpas-oneline a {
	color: var(--white-color);
}

.bpas-b .bpas-oneline a:hover {
	color: var(--theme-color2);
}

/* Panel: chips */
.bpas-b .bpas-jump {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
}

.bpas-b .bpas-jump a {
	display: inline-block;
	padding: 5px 15px;
	border-radius: 40px;
	border: 1px solid var(--bpas-line-dark);
	background: var(--bpas-card-dark);
	color: var(--white-color);
	font-size: 13px;
	font-weight: 600;
}

.bpas-b .bpas-jump a:hover {
	border-color: var(--theme-color2);
	background: var(--theme-color2);
	color: var(--dark-color);
}

@media (max-width: 991px) {
	.bpas-b .bpas-hero {
		grid-template-columns: 1fr;
		padding: 50px 30px;
	}
}

@media (max-width: 767px) {
	.bpas-b .bpas-hero {
		padding: 35px 20px;
		border-radius: var(--bpas-radius);
	}

	.bpas-b .bpas-facts div {
		grid-template-columns: 1fr;
		gap: 2px;
	}

	.bpas-b .bpas-hero__actions .theme-btn {
		width: 100%;
	}
}