/**
 * P-0008 — Tank-cleaning revenue page, v0.21.0.
 * Scoped presentation only. No URL/content-record mutation.
 */

.berke-p8 {
	--p8-navy: #132c46;
	--p8-deep: #0f2439;
	--p8-blue: #223d65;
	--p8-aqua: #4bb8dd;
	--p8-paper: #ffffff;
	--p8-mist: #f4f8fb;
	--p8-line: #d8e5ee;
	--p8-ink: #172839;
	--p8-muted: #566b7d;
	direction: rtl;
	color: var(--p8-ink);
	background: var(--p8-paper);
	overflow-x: clip;
}

.berke-p8 *,
.berke-p8 *::before,
.berke-p8 *::after { box-sizing: border-box; }

.berke-p8 :where(h1,h2,h3,p,ul,ol,figure) { margin-block-start: 0; }
.berke-p8 :where(h1,h2,h3) { color: var(--p8-deep); text-wrap: balance; }
.berke-p8 h1 { font-size: clamp(2rem, 4vw, 3.8rem); line-height: 1.24; font-weight: 800; letter-spacing: -.035em; margin-block-end: 1.1rem; }
.berke-p8 h2 { font-size: clamp(1.65rem, 2.7vw, 2.55rem); line-height: 1.35; font-weight: 800; margin-block-end: .9rem; }
.berke-p8 h3 { font-size: clamp(1.05rem, 1.5vw, 1.25rem); line-height: 1.55; font-weight: 700; margin-block-end: .45rem; }
.berke-p8 p { color: var(--p8-muted); font-size: clamp(1rem, 1.25vw, 1.08rem); line-height: 2; margin-block-end: .9rem; }
.berke-p8 a { text-underline-offset: .2em; }
.berke-p8 svg { inline-size: 1.35rem; block-size: 1.35rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }

.berke-p8-kicker { color: #1d7ea2 !important; font-size: .85rem !important; font-weight: 800; letter-spacing: .02em; margin-block-end: .55rem !important; }
.berke-p8-section { padding-block: clamp(3.25rem, 6vw, 6.25rem); }
.berke-p8-heading { max-inline-size: 52rem; margin-block-end: 2rem; }
.berke-p8-heading--light :where(h2,p) { color: #fff; }
.berke-p8-heading--light .berke-p8-kicker { color: #8adbf5 !important; }

.berke-p8-breadcrumb { border-block-end: 1px solid var(--p8-line); background: #fff; }
.berke-p8-breadcrumb .berke-core-container { min-block-size: 3.25rem; display: flex; align-items: center; gap: .55rem; font-size: .82rem; color: var(--p8-muted); }
.berke-p8-breadcrumb a { color: var(--p8-blue); text-decoration: none; font-weight: 600; }

.berke-p8-hero { padding-block: clamp(2.4rem, 5vw, 5rem); background: linear-gradient(180deg, #f8fbfd 0%, #fff 100%); }
.berke-p8-hero__layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(19rem, .78fr); gap: clamp(2rem, 5vw, 5.5rem); align-items: stretch; }
.berke-p8-hero__copy { display: flex; flex-direction: column; justify-content: center; min-inline-size: 0; }
.berke-p8-lead { color: var(--p8-ink) !important; font-size: clamp(1.08rem, 1.5vw, 1.22rem) !important; font-weight: 600; }
.berke-p8-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-block: 1.2rem 1.55rem; }
.berke-p8-button { min-block-size: 44px; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border: 1px solid transparent; border-radius: .8rem; padding: .72rem 1.1rem; text-decoration: none; font-weight: 700; line-height: 1.45; transition: transform .18s ease, border-color .18s ease, background-color .18s ease; }
.berke-p8-button:hover { transform: translateY(-1px); }
.berke-p8-button:focus-visible { outline: 3px solid #8adbf5; outline-offset: 2px; }
.berke-p8-button--primary { background: var(--p8-blue); color: #fff; box-shadow: 0 12px 28px rgb(19 44 70 / .12); }
.berke-p8-button--secondary { color: var(--p8-blue); border-color: #b9cfdf; background: #fff; }

.berke-p8-principles { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; }
.berke-p8-principles li { display: flex; align-items: center; gap: .65rem; min-inline-size: 0; padding: .85rem; border: 1px solid var(--p8-line); border-radius: .8rem; background: #fff; }
.berke-p8-principles svg { color: #1684aa; }
.berke-p8-principles span { display: grid; gap: .15rem; min-inline-size: 0; }
.berke-p8-principles b { color: var(--p8-deep); font-size: .86rem; }
.berke-p8-principles small { color: var(--p8-muted); line-height: 1.6; font-size: .73rem; }

.berke-p8-hero__visual {
	margin: 0;
	min-block-size: 0;
	aspect-ratio: 4 / 5;
	border-radius: 1.4rem;
	background: var(--p8-deep);
	color: #fff;
	overflow: hidden;
	position: relative;
	isolation: isolate;
	box-shadow: 0 22px 52px rgb(11 35 58 / .18);
}
.berke-p8-hero__picture { display: block; inline-size: 100%; block-size: 100%; }
.berke-p8-hero__image { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 50% 50%; }
.berke-p8-hero__visual::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 50%, rgb(9 34 56 / .18) 67%, rgb(9 34 56 / .94) 100%);
	pointer-events: none;
	z-index: 1;
}
.berke-p8-hero__visual figcaption {
	display: grid;
	gap: .28rem;
	position: absolute;
	inset-inline: 0;
	inset-block-end: 0;
	z-index: 2;
	padding: clamp(1rem, 2.4vw, 1.6rem);
	text-shadow: 0 1px 14px rgb(0 0 0 / .22);
}
.berke-p8-hero__visual figcaption span { color: #8adbf5; font-size: .76rem; font-weight: 800; }
.berke-p8-hero__visual figcaption strong { color: #fff; font-size: 1.05rem; line-height: 1.65; }
.berke-p8-hero__visual figcaption small { color: #e7f2f7; font-size: .72rem; line-height: 1.75; max-inline-size: 34rem; }

.berke-p8-anchorbar { position: sticky; inset-block-start: 0; z-index: 20; background: rgb(255 255 255 / .96); border-block: 1px solid var(--p8-line); backdrop-filter: blur(10px); }
.berke-p8-anchorbar .berke-core-container { display: flex; gap: .2rem; overflow-x: auto; padding-block: .4rem; scrollbar-width: none; }
.berke-p8-anchorbar a { min-block-size: 44px; display: inline-flex; align-items: center; flex: 0 0 auto; padding-inline: .8rem; border-radius: .7rem; text-decoration: none; color: var(--p8-muted); font-size: .82rem; font-weight: 700; }
.berke-p8-anchorbar a:hover { background: var(--p8-mist); color: var(--p8-blue); }
.berke-p8-anchorbar .is-cta { margin-inline-start: auto; background: var(--p8-blue); color: #fff; }

.berke-p8-cost { background: #fff; }
.berke-p8-factor-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; }
.berke-p8-factor-grid article { border: 1px solid var(--p8-line); border-radius: 1rem; padding: 1.2rem; background: #fff; }
.berke-p8-factor-grid article > span { display: inline-grid; place-items: center; inline-size: 2.3rem; block-size: 2.3rem; margin-block-end: .9rem; border-radius: .65rem; background: #eaf6fb; color: #167fa4; font-size: .78rem; font-weight: 800; }
.berke-p8-factor-grid p { font-size: .92rem; margin: 0; }
.berke-p8-inline-cta { margin-block-start: 1rem; border: 1px solid #a8d4e5; background: #eef9fd; border-radius: 1rem; padding: 1rem 1.15rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.berke-p8-inline-cta b { color: var(--p8-deep); }
.berke-p8-inline-cta p { margin: .2rem 0 0; font-size: .9rem; }

.berke-p8-signals { background: var(--p8-mist); }
.berke-p8-split { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: stretch; }
.berke-p8-split__intro { display: flex; flex-direction: column; justify-content: center; }
.berke-p8-note { border-inline-start: 3px solid var(--p8-aqua); padding-inline-start: 1rem; margin-block-start: .7rem; font-size: .9rem !important; }
.berke-p8-checklist { list-style: none; padding: 1rem; margin: 0; display: grid; gap: .65rem; border: 1px solid var(--p8-line); background: #fff; border-radius: 1.1rem; }
.berke-p8-checklist li { display: flex; gap: .7rem; align-items: flex-start; padding: .8rem; border-block-end: 1px solid #edf2f5; color: var(--p8-ink); line-height: 1.8; }
.berke-p8-checklist li:last-child { border-block-end: 0; }
.berke-p8-checklist svg { color: #1684aa; margin-block-start: .15rem; }

.berke-p8-process { background: var(--p8-deep); }
.berke-p8-process .berke-p8-heading :where(h2,p) { color: #fff; }
.berke-p8-process .berke-p8-kicker { color: #8adbf5 !important; }
.berke-p8-process__steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .55rem; }
.berke-p8-process__steps li { border: 1px solid rgb(255 255 255 / .16); border-radius: 1rem; padding: 1rem; background: rgb(255 255 255 / .05); }
.berke-p8-process__steps > li > span { color: #8adbf5; font-size: .78rem; font-weight: 800; }
.berke-p8-process__steps small { color: #a8c4d2; }
.berke-p8-process__steps h3 { color: #fff; margin-block-start: .65rem; }
.berke-p8-process__steps p { color: #d3e2e9; font-size: .88rem; margin: 0; line-height: 1.85; }

.berke-p8-building { background: #fff; }
.berke-p8-building__layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: stretch; }
.berke-p8-building__layout > div:first-child { display: flex; flex-direction: column; justify-content: center; }
.berke-p8-building__cards { display: grid; gap: .7rem; }
.berke-p8-building__cards article { border: 1px solid var(--p8-line); border-radius: .9rem; padding: 1rem; background: var(--p8-mist); }
.berke-p8-building__cards p { margin: 0; font-size: .9rem; }

.berke-p8-boundary { background: var(--p8-blue); }
.berke-p8-route-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.berke-p8-route-grid a { display: grid; grid-template-columns: 1fr auto; gap: .35rem .7rem; align-items: center; min-block-size: 9rem; border: 1px solid rgb(255 255 255 / .18); border-radius: 1rem; padding: 1rem; color: #fff; text-decoration: none; background: rgb(255 255 255 / .06); }
.berke-p8-route-grid a span { grid-column: 1 / -1; color: #a9d8ea; font-size: .78rem; }
.berke-p8-route-grid a strong { line-height: 1.7; }
.berke-p8-route-grid a svg { color: #8adbf5; }

.berke-p8-tehran { background: #eef9fd; }
.berke-p8-tehran__layout { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 1rem; align-items: center; }
.berke-p8-tehran__layout > div:first-child { inline-size: 3.25rem; block-size: 3.25rem; display: grid; place-items: center; border-radius: 1rem; background: #d9f1f9; color: #167fa4; }
.berke-p8-tehran h2 { font-size: clamp(1.45rem, 2.3vw, 2rem); }
.berke-p8-tehran p { margin-block-end: 0; }

.berke-p8-safety { background: #fff; }
.berke-p8-safety__rule { border-radius: 1rem; padding: 1.25rem; background: var(--p8-deep); color: #fff; display: flex; flex-direction: column; justify-content: center; }
.berke-p8-safety__rule span { color: #8adbf5; font-size: .78rem; font-weight: 800; }
.berke-p8-safety__rule strong { margin-block: .7rem; font-size: clamp(1.15rem, 1.8vw, 1.45rem); line-height: 1.75; }
.berke-p8-safety__rule p { color: #d5e5ec; font-size: .9rem; margin: 0; }

.berke-p8-faq { background: var(--p8-mist); }
.berke-p8-faq__layout { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1.1fr); gap: clamp(2rem, 5vw, 5rem); align-items: stretch; }
.berke-p8-faq__layout > header { display: flex; flex-direction: column; justify-content: center; }
.berke-p8-faq__items { display: grid; align-content: start; gap: .55rem; }
.berke-p8-faq details { border: 1px solid var(--p8-line); border-radius: .85rem; background: #fff; overflow: clip; }
.berke-p8-faq summary { min-block-size: 52px; display: flex; align-items: center; cursor: pointer; padding: .85rem 1rem; color: var(--p8-deep); font-weight: 700; line-height: 1.7; }
.berke-p8-faq details p { padding: 0 1rem 1rem; margin: 0; font-size: .92rem; }

.berke-p8-prep { padding-block: clamp(2rem, 4vw, 3.4rem); background: #fff; border-block: 1px solid var(--p8-line); }
.berke-p8-prep__layout { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1fr); gap: 2rem; align-items: center; }
.berke-p8-prep__layout h2 { font-size: clamp(1.45rem, 2.2vw, 2rem); margin: 0; }
.berke-p8-prep ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.berke-p8-prep li { padding: .75rem .85rem; border-radius: .7rem; background: var(--p8-mist); color: var(--p8-ink); font-size: .88rem; }

.berke-p8-inquiry { padding-block: clamp(3.3rem, 6vw, 6rem); background: var(--p8-deep); color: #fff; }
.berke-p8-inquiry__layout { display: grid; grid-template-columns: minmax(0, .75fr) minmax(20rem, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: stretch; }
.berke-p8-inquiry__copy { display: flex; flex-direction: column; justify-content: center; }
.berke-p8-inquiry__copy :where(h2,p) { color: #fff; }
.berke-p8-inquiry__copy .berke-p8-kicker { color: #8adbf5 !important; }
.berke-p8-inquiry__copy ul { list-style: none; padding: 0; display: grid; gap: .55rem; }
.berke-p8-inquiry__copy li { display: flex; gap: .55rem; align-items: flex-start; color: #d8e7ed; line-height: 1.8; font-size: .9rem; }
.berke-p8-inquiry__copy li svg { color: #8adbf5; margin-block-start: .2rem; }
.berke-p8-inquiry__call { display: grid; gap: .2rem; margin-block-start: .8rem; }
.berke-p8-inquiry__call small { color: #a8c3d0; }
.berke-p8-inquiry__call a { color: #fff; font-size: 1.35rem; font-weight: 800; text-decoration: none; direction: ltr; unicode-bidi: isolate; inline-size: fit-content; }
.berke-p8-inquiry__form { align-self: stretch; border-radius: 1.15rem; background: #fff; color: var(--p8-ink); padding: clamp(1rem, 2vw, 1.5rem); }
.berke-p8-inquiry__form :where(p,label,legend,small) { color: var(--p8-ink); }
.berke-p8-inquiry__form .berke-intake-submit { min-block-size: 44px; }

@media (max-width: 64rem) {
	.berke-p8-principles { grid-template-columns: 1fr; }
	.berke-p8-factor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.berke-p8-process__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.berke-p8-process__steps li:last-child { grid-column: 1 / -1; }
}

@media (max-width: 56rem) {
	.berke-p8-hero__layout,
	.berke-p8-split,
	.berke-p8-building__layout,
	.berke-p8-faq__layout,
	.berke-p8-inquiry__layout { grid-template-columns: minmax(0, 1fr); align-items: start; }
	.berke-p8-hero__visual { aspect-ratio: 16 / 11; }
	.berke-p8-route-grid { grid-template-columns: 1fr; }
	.berke-p8-tehran__layout { grid-template-columns: auto 1fr; }
	.berke-p8-tehran__layout .berke-p8-button { grid-column: 1 / -1; inline-size: 100%; }
	.berke-p8-prep__layout { grid-template-columns: 1fr; }
}

@media (max-width: 48rem) {
	.berke-p8-section { padding-block: 3rem; }
	.berke-p8-anchorbar { position: static; }
	.berke-p8-anchorbar .berke-core-container { padding-inline: .75rem; }
	.berke-p8-anchorbar .is-cta { margin-inline-start: 0; }
	.berke-p8-actions { display: grid; }
	.berke-p8-button { inline-size: 100%; }
	.berke-p8-factor-grid,
	.berke-p8-process__steps,
	.berke-p8-prep ul { grid-template-columns: 1fr; }
	.berke-p8-process__steps li:last-child { grid-column: auto; }
	.berke-p8-inline-cta { align-items: stretch; flex-direction: column; }
	.berke-p8-hero__visual { aspect-ratio: 4 / 5; }
	.berke-p8-hero__image { object-position: 48% 50%; }
}

@media (max-width: 24rem) {
	.berke-p8 h1 { font-size: 1.9rem; }
	.berke-p8-hero__visual figcaption { padding: .9rem; }
	.berke-p8-principles li { padding: .72rem; }
}

@media (prefers-reduced-motion: reduce) {
	.berke-p8 *,
	.berke-p8 *::before,
	.berke-p8 *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}