/**
 * Berke 0.21.6 — revenue page visual QA patch.
 * Late, tightly scoped rules for P-0007 and P-0008 only.
 */

/* --------------------------------------------------------------------------
   P-0008 — preserve approved image/content; improve composition and hierarchy.
   -------------------------------------------------------------------------- */
.berke-p8 .berke-p8-hero{
	padding-block:clamp(2.6rem,4.6vw,4.7rem);
	background:
		radial-gradient(circle at 15% 18%,rgba(75,184,221,.11),transparent 31rem),
		linear-gradient(180deg,#f7fbfe 0%,#fff 78%);
}
.berke-p8 .berke-p8-hero__layout{
	display:grid;
	grid-template-columns:minmax(0,1.04fr) minmax(21rem,.96fr);
	grid-template-areas:
		"copy visual"
		"principles principles";
	gap:clamp(1.5rem,3.4vw,3.6rem) clamp(2rem,5vw,5rem);
	align-items:stretch;
}
.berke-p8 .berke-p8-hero__copy{grid-area:copy;max-inline-size:46rem;padding-block:.7rem}
.berke-p8 .berke-p8-hero__visual{grid-area:visual;min-block-size:31rem;max-block-size:38rem;border:1px solid rgba(19,44,70,.12);border-radius:1.15rem;box-shadow:0 24px 64px rgba(15,36,57,.16)}
.berke-p8 .berke-p8-hero__image{object-position:50% 48%}
.berke-p8 .berke-p8-actions{margin-block:1.35rem 0;gap:.65rem}
.berke-p8 .berke-p8-button--primary{box-shadow:0 14px 34px rgba(34,61,101,.18)}
.berke-p8 .berke-p8-principles{
	grid-area:principles;
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:0;
	margin:0;
	padding:.15rem 0;
	border:1px solid var(--p8-line);
	border-radius:1rem;
	background:rgba(255,255,255,.96);
	box-shadow:0 13px 36px rgba(19,44,70,.06);
	overflow:hidden;
}
.berke-p8 .berke-p8-principles li{
	min-block-size:5.35rem;
	padding:1rem 1.2rem;
	border:0;
	border-inline-end:1px solid var(--p8-line);
	border-radius:0;
	background:transparent;
}
.berke-p8 .berke-p8-principles li:last-child{border-inline-end:0}
.berke-p8 .berke-p8-principles svg{inline-size:1.55rem;block-size:1.55rem}
.berke-p8 .berke-p8-principles b{font-size:.92rem}
.berke-p8 .berke-p8-principles small{font-size:.76rem}

.berke-p8 .berke-p8-factor-grid{gap:.75rem}
.berke-p8 .berke-p8-factor-grid article{
	position:relative;
	min-block-size:10.8rem;
	padding:1.15rem 1.15rem 1.2rem;
	border-color:#dbe8ef;
	box-shadow:0 8px 26px rgba(19,44,70,.025);
}
.berke-p8 .berke-p8-factor-grid article::after{
	position:absolute;inset-inline:1.15rem;inset-block-end:0;height:2px;content:"";
	background:linear-gradient(90deg,transparent,#77c8e2,transparent);opacity:.55;
}
.berke-p8 .berke-p8-process__steps{gap:.7rem}
.berke-p8 .berke-p8-process__steps li{min-block-size:11.5rem;padding:1.15rem;border-color:rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))}
.berke-p8 .berke-p8-route-grid a{min-block-size:8.4rem;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}
.berke-p8 .berke-p8-route-grid a:hover{transform:translateY(-2px);background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.30)}
.berke-p8 .berke-p8-inquiry__form{box-shadow:0 24px 60px rgba(0,0,0,.16)}

/* --------------------------------------------------------------------------
   P-0007 — hard light-island reset. Fixes white-on-light center decision card.
   -------------------------------------------------------------------------- */
.berke-p7 .berke-p7-decision__statement[data-berke-surface="light"]{
	--berke-color-heading:#102d47;
	--berke-color-text:#173f55;
	position:relative;
	isolation:isolate;
	color:#173f55!important;
	background:linear-gradient(180deg,#f8fdff 0%,#e7f7fc 100%)!important;
	border-inline:1px solid rgba(116,194,221,.55);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 18px 42px rgba(4,24,43,.08);
}
body.berke-design-system-v0191 main .berke-p7-decision[data-berke-surface="dark"] .berke-p7-decision__statement[data-berke-surface="light"] :where(small,strong,span),
body.berke-system-v0200 main .berke-p7-decision[data-berke-surface="dark"] .berke-p7-decision__statement[data-berke-surface="light"] :where(small,strong,span){
	color:#173f55!important;
	text-shadow:none!important;
}
body.berke-design-system-v0191 main .berke-p7-decision[data-berke-surface="dark"] .berke-p7-decision__statement[data-berke-surface="light"] small,
body.berke-system-v0200 main .berke-p7-decision[data-berke-surface="dark"] .berke-p7-decision__statement[data-berke-surface="light"] small{
	color:#176b8b!important;
}
body.berke-design-system-v0191 main .berke-p7-decision[data-berke-surface="dark"] .berke-p7-decision__statement[data-berke-surface="light"] > span,
body.berke-system-v0200 main .berke-p7-decision[data-berke-surface="dark"] .berke-p7-decision__statement[data-berke-surface="light"] > span{
	color:#2189ac!important;
}
.berke-p7 .berke-p7-decision__statement strong{font-size:clamp(1.12rem,1.7vw,1.42rem);line-height:1.85}

@media (max-width:56rem){
	.berke-p8 .berke-p8-hero__layout{grid-template-columns:1fr;grid-template-areas:"visual" "copy" "principles";gap:1.45rem}
	.berke-p8 .berke-p8-hero__visual{min-block-size:0;max-block-size:none;aspect-ratio:16/11}
	.berke-p8 .berke-p8-principles{grid-template-columns:1fr;gap:0}
	.berke-p8 .berke-p8-principles li{min-block-size:auto;border-inline-end:0;border-block-end:1px solid var(--p8-line)}
	.berke-p8 .berke-p8-principles li:last-child{border-block-end:0}
}
@media (max-width:48rem){
	.berke-p8 .berke-p8-hero{padding-block:2rem 2.7rem}
	.berke-p8 .berke-p8-hero__visual{aspect-ratio:4/5}
	.berke-p8 .berke-p8-hero__copy{padding-block:0}
	.berke-p8 .berke-p8-factor-grid article{min-block-size:0}
}