.s14-load-balancing-cn {
	--s14-bg: #03050a;
	--s14-bg-soft: #060a14;
	--s14-panel: #0a1322;
	--s14-panel-hi: #0d1828;
	--s14-text: #e9eff7;
	--s14-muted: #a3b6ca;
	--s14-accent: #5fd3e6;
	--s14-accent-soft: rgba(95, 211, 230, .11);
	--s14-line: rgba(140, 190, 204, .24);
	--s14-line-strong: rgba(140, 190, 204, .42);
	width: 100%;
	margin: 0;
	color: var(--s14-text);
	background: var(--s14-bg);
	overflow: clip;
}

.s14-load-balancing-cn *,
.s14-load-balancing-cn *::before,
.s14-load-balancing-cn *::after {
	box-sizing: border-box;
}

.s14-load-balancing-cn h1,
.s14-load-balancing-cn h2,
.s14-load-balancing-cn h3,
.s14-load-balancing-cn p,
.s14-load-balancing-cn ul,
.s14-load-balancing-cn ol,
.s14-load-balancing-cn figure {
	margin: 0;
}

.s14-load-balancing-cn ul,
.s14-load-balancing-cn ol {
	padding: 0;
}

.s14-load-balancing-cn a {
	color: inherit;
}

.s14-load-balancing-cn [id] {
	scroll-margin-top: 88px;
}

.s14-load-balancing-cn a:focus-visible,
.s14-load-balancing-cn button:focus-visible,
.s14-load-balancing-cn summary:focus-visible {
	outline: 2px solid var(--s14-accent);
	outline-offset: 4px;
}

.s14-shell,
.s14-content {
	margin-inline: auto;
}

.s14-shell {
	width: min(1360px, calc(100% - 80px));
}

.s14-content {
	width: min(1240px, calc(100% - 80px));
}

/* Hero: full available viewport on desktop, naturally sized on mobile. */
.s14-hero {
	position: relative;
	min-height: calc(100svh - var(--f-header-height, 72px));
	isolation: isolate;
	overflow: hidden;
}

.s14-hero-media,
.s14-hero-scrim {
	position: absolute;
	inset: 0;
}

.s14-hero-media {
	z-index: -2;
}

.s14-hero-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	filter: brightness(.42) saturate(.72);
}

.s14-hero-scrim {
	z-index: -1;
	background: linear-gradient(90deg, rgba(3, 5, 10, .97), rgba(3, 5, 10, .84) 42%, rgba(3, 5, 10, .27)), linear-gradient(0deg, rgba(3, 5, 10, .96), transparent 68%);
}

.s14-hero-inner {
	min-height: inherit;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 60px;
	padding: 140px 0 58px;
}

.s14-hero-copy {
	max-width: 800px;
}

.s14-eyebrow {
	color: var(--s14-accent);
	font: 11px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.s14-hero .s14-eyebrow {
	display: flex;
	align-items: center;
	gap: 10px;
}

.s14-hero .s14-eyebrow > span:first-child {
	width: 8px;
	height: 8px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: var(--s14-accent);
	box-shadow: 0 0 0 5px rgba(95, 211, 230, .13);
}

.s14-eyebrow-no {
	display: inline-block;
	margin-right: 11px;
	color: #8fa7ba;
}

.s14-hero h1 {
	display: grid;
	gap: 2px;
	margin-top: 28px;
	color: #f5f8fc;
	font-size: clamp(58px, 6.6vw, 92px);
	font-weight: 700;
	letter-spacing: -.055em;
	line-height: 1.02;
}

.s14-hero h1 span {
	display: block;
}

.s14-hero-lead {
	max-width: 720px;
	margin-top: 28px !important;
	color: #c4d2df;
	font-size: 20px;
	line-height: 1.82;
}

.s14-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 27px;
}

.s14-button {
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 21px;
	border: 1px solid transparent;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;
	transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}

.s14-button:hover {
	transform: translateY(-2px);
}

.s14-button--primary {
	background: #69c2cf;
	color: #09232d !important;
	box-shadow: 0 8px 28px rgba(105, 194, 207, .18);
}

.s14-button--primary:hover {
	background: #a5e1e7;
	color: #09232d !important;
}

.s14-button--quiet {
	border-color: rgba(233, 239, 247, .46);
	background: rgba(3, 5, 10, .18);
	color: var(--s14-text);
}

.s14-button--quiet:hover {
	border-color: var(--s14-accent);
	background: var(--s14-accent-soft);
}

.s14-hero-meta {
	margin-top: 20px !important;
	color: #91a7bb;
	font: 11px/1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	letter-spacing: .12em;
}

.s14-hero-note {
	width: min(320px, 100%);
	padding-top: 14px;
	border-top: 1px solid var(--s14-line-strong);
	color: #9aafc2;
	font: 12px/1.8 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	text-align: right;
}

/* Shared section rhythm and reading hierarchy. */
.s14-section {
	padding: 80px 0;
}

.s14-section-head {
	max-width: 700px;
}

.s14-section-head--wide {
	max-width: 780px;
}

.s14-section-head--split {
	max-width: none;
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(290px, .9fr);
	gap: 70px;
	align-items: end;
}

.s14-section-head h2,
.s14-delivery h2,
.s14-contact h2 {
	margin-top: 28px;
	color: var(--s14-text);
	font-size: clamp(32px, 3.1vw, 42px);
	font-weight: 600;
	letter-spacing: -.03em;
	line-height: 1.24;
}

.s14-section-head > p:last-child,
.s14-section-head--split > p,
.s14-delivery-copy > p:nth-of-type(2),
.s14-operations .s14-section-head > p:last-child,
.s14-contact-inner > div > p:last-child {
	margin-top: 22px;
	color: var(--s14-muted);
	font-size: 17px;
	line-height: 1.82;
}

.s14-why,
.s14-working,
.s14-faq {
	background: var(--s14-bg-soft);
}

.s14-architecture,
.s14-services,
.s14-delivery {
	background: var(--s14-bg);
}

.s14-two-column {
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr);
	gap: 80px;
	align-items: end;
}

.s14-boundary {
	padding: 30px 28px;
	border-left: 2px solid var(--s14-accent);
	background: linear-gradient(135deg, rgba(13, 24, 40, .86), rgba(10, 19, 34, .35));
}

.s14-boundary strong {
	display: block;
	color: var(--s14-accent);
	font-size: 23px;
	font-weight: 600;
	line-height: 1.35;
}

.s14-boundary p {
	margin-top: 15px;
	color: var(--s14-muted);
	font-size: 15px;
	line-height: 1.8;
}

.s14-reason-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	margin-top: 54px;
	background: var(--s14-line);
}

.s14-reason-card {
	min-height: 228px;
	padding: 29px 28px;
	background: var(--s14-panel);
}

.s14-reason-card > span,
.s14-work-grid article > span,
.s14-service-card > span {
	color: var(--s14-accent);
	font: 12px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	letter-spacing: .08em;
}

.s14-reason-card h3,
.s14-work-grid h3,
.s14-service-card h3 {
	margin-top: 28px;
	color: var(--s14-text);
	font-size: 21px;
	font-weight: 600;
	line-height: 1.38;
}

.s14-reason-card p,
.s14-work-grid p,
.s14-service-card p {
	margin-top: 14px;
	color: var(--s14-muted);
	font-size: 15px;
	line-height: 1.82;
}

/* Signature diagram: traffic is solid, health checks are an independent dashed path. */
.s14-diagram {
	margin-top: 44px;
	padding: 20px;
	border: 1px solid var(--s14-line);
	background: #07101d;
}

.s14-diagram-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--s14-line);
}

.s14-diagram-bar p {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--s14-muted);
	font-size: 13px;
	line-height: 1.5;
}

.s14-diagram-bar p span {
	width: 8px;
	height: 8px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: var(--s14-accent);
	box-shadow: 0 0 0 5px rgba(95, 211, 230, .12);
}

.s14-diagram-bar button {
	min-height: 38px;
	padding: 8px 12px;
	border: 1px solid rgba(95, 211, 230, .5);
	border-radius: 5px;
	background: transparent;
	color: var(--s14-text);
	font: inherit;
	font-size: 13px;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease;
}

.s14-diagram-bar button:hover {
	border-color: var(--s14-accent);
	background: var(--s14-accent-soft);
}

.s14-flow-canvas {
	position: relative;
	min-height: 456px;
	margin-top: 24px;
	padding: 24px 18px 28px;
	overflow: hidden;
}

.s14-flow-lines {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
	pointer-events: none;
}

.s14-flow-lines path {
	fill: none;
	stroke: var(--s14-accent);
	stroke-width: 1.5;
	stroke-dasharray: 100;
	stroke-dashoffset: 100;
	marker-end: url(#s14-arrow);
}

.s14-flow-lines path[data-s14-path="health"] {
	stroke: #9aabba;
	stroke-dasharray: 4 6;
	marker-end: none;
}

.s14-flow-layout {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(190px, .82fr) minmax(250px, 1.08fr) minmax(370px, 1.5fr);
	grid-template-rows: auto 92px auto;
	align-items: center;
	gap: 28px 58px;
	min-height: 404px;
}

.s14-flow-node,
.s14-pool,
.s14-health {
	position: relative;
	border: 1px solid var(--s14-line-strong);
	background: rgba(10, 19, 34, .96);
	box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

.s14-flow-node {
	min-height: 124px;
	padding: 22px;
}

.s14-client {
	grid-column: 1;
	grid-row: 1;
}

.s14-lb {
	grid-column: 2;
	grid-row: 1;
	border-color: rgba(95, 211, 230, .58);
	background: linear-gradient(135deg, rgba(15, 42, 55, .96), rgba(10, 19, 34, .96));
}

.s14-node-index,
.s14-backend-no {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border: 1px solid rgba(95, 211, 230, .42);
	color: var(--s14-accent);
	font: 11px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.s14-flow-node strong {
	display: block;
	margin-top: 18px;
	color: var(--s14-text);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
}

.s14-flow-node small,
.s14-pool header small {
	display: block;
	margin-top: 7px;
	color: var(--s14-muted);
	font-size: 13px;
	line-height: 1.55;
}

.s14-pool {
	grid-column: 3;
	grid-row: 1 / 4;
	padding: 20px;
}

.s14-pool > header {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding-bottom: 17px;
	border-bottom: 1px solid var(--s14-line);
}

.s14-pool > header > div {
	min-width: 0;
}

.s14-pool > header strong {
	display: block;
	color: var(--s14-text);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.35;
}

.s14-pool ol {
	display: grid;
	gap: 12px;
	margin-top: 17px;
	list-style: none;
}

.s14-backend {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	min-height: 74px;
	padding: 13px 14px;
	border: 1px solid rgba(140, 190, 204, .22);
	background: rgba(3, 5, 10, .28);
}

.s14-backend > div {
	min-width: 0;
}

.s14-backend strong {
	display: block;
	color: var(--s14-text);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
}

.s14-backend small {
	display: block;
	margin-top: 4px;
	color: var(--s14-muted);
	font-size: 12px;
	line-height: 1.45;
}

.s14-backend b {
	color: var(--s14-accent);
	font: 11px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-weight: 500;
}

.s14-backend b.is-muted {
	color: #a6aeb8;
}

.s14-health {
	grid-column: 1 / 3;
	grid-row: 3;
	display: flex;
	align-items: flex-start;
	gap: 13px;
	width: min(100%, 470px);
	justify-self: center;
	padding: 18px 20px;
	border-style: dashed;
	border-color: rgba(163, 182, 202, .48);
	background: rgba(7, 16, 29, .86);
}

.s14-health-dot {
	width: 9px;
	height: 9px;
	flex: 0 0 auto;
	margin-top: 5px;
	border-radius: 50%;
	background: #acd26a;
	box-shadow: 0 0 0 5px rgba(172, 210, 106, .1);
}

.s14-health strong {
	display: block;
	color: var(--s14-text);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
}

.s14-health p {
	margin-top: 6px;
	color: var(--s14-muted);
	font-size: 13px;
	line-height: 1.65;
}

.s14-diagram-note {
	margin-top: 18px !important;
	color: var(--s14-muted);
	font-size: 14px;
	line-height: 1.75;
}

.s14-diagram-note strong {
	color: var(--s14-accent);
}

/* Work and service cards keep the amount of text deliberate. */
.s14-work-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	margin-top: 44px;
	background: var(--s14-line);
}

.s14-work-grid article {
	min-height: 278px;
	padding: 29px 26px;
	background: var(--s14-panel);
}

.s14-service-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	margin-top: 44px;
	background: var(--s14-line);
}

.s14-service-card {
	min-height: 250px;
	padding: 29px 27px;
	background: var(--s14-panel);
}

.s14-service-card h3 {
	font-size: 20px;
}

/* Delivery and operations retain a physical infrastructure reference without claiming a project site. */
.s14-delivery-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(380px, .86fr);
	gap: 80px;
	align-items: start;
}

.s14-delivery-copy > p:nth-of-type(2) {
	max-width: 620px;
}

.s14-delivery-copy ul {
	margin-top: 31px;
	list-style: none;
	border-top: 1px solid var(--s14-line);
}

.s14-delivery-copy li {
	position: relative;
	padding: 17px 0 17px 28px;
	border-bottom: 1px solid var(--s14-line);
	color: var(--s14-muted);
	font-size: 16px;
	line-height: 1.62;
}

.s14-delivery-copy li::before {
	content: '+';
	position: absolute;
	left: 0;
	color: var(--s14-accent);
	font-size: 20px;
	line-height: 1.2;
}

.s14-delivery-media {
	padding: 12px;
	border: 1px solid var(--s14-line);
	background: #07101d;
}

.s14-delivery-media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	filter: saturate(.78) contrast(1.04);
}

.s14-delivery-media figcaption {
	padding: 14px 4px 2px;
	color: #8fa5b9;
	font: 11px/1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.s14-operations {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background: var(--s14-panel-hi);
}

.s14-operations-backdrop,
.s14-operations-scrim {
	position: absolute;
	inset: 0;
}

.s14-operations-backdrop {
	z-index: -2;
	background-image: url('../images/s14-load-balancing/load-balancing-background.webp');
	background-position: center;
	background-size: cover;
	filter: grayscale(.45) saturate(.6) brightness(.55);
}

.s14-operations-scrim {
	z-index: -1;
	background: linear-gradient(90deg, rgba(3, 5, 10, .97), rgba(6, 10, 20, .9) 58%, rgba(6, 10, 20, .66));
}

.s14-operations-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(300px, .75fr);
	gap: 80px;
	align-items: end;
}

.s14-operations-callout {
	padding: 25px 26px;
	border: 1px solid rgba(95, 211, 230, .34);
	background: rgba(3, 5, 10, .46);
}

.s14-operations-callout strong {
	color: var(--s14-accent);
	font-size: 21px;
	font-weight: 600;
	line-height: 1.35;
}

.s14-operations-callout p {
	margin-top: 12px;
	color: #b5c5d3;
	font-size: 15px;
	line-height: 1.78;
}

.s14-related {
	padding: 42px 0;
	background: #07101d;
}

.s14-related nav {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 16px;
}

.s14-related nav a {
	padding: 11px 14px;
	border: 1px solid var(--s14-line);
	font-size: 14px;
	text-decoration: none;
	transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}

.s14-related nav a:hover {
	border-color: var(--s14-accent);
	background: var(--s14-accent-soft);
	color: var(--s14-accent);
}

.s14-faq-list {
	max-width: 900px;
	margin-top: 42px;
}

.s14-faq details {
	border-top: 1px solid var(--s14-line);
}

.s14-faq details:last-child {
	border-bottom: 1px solid var(--s14-line);
}

.s14-faq summary {
	position: relative;
	padding: 21px 44px 21px 0;
	color: var(--s14-text);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
	cursor: pointer;
	list-style: none;
}

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

.s14-faq summary::after {
	content: '+';
	position: absolute;
	right: 3px;
	color: var(--s14-accent);
	font-size: 25px;
	font-weight: 400;
}

.s14-faq details[open] summary::after {
	content: '−';
}

.s14-faq details p {
	padding: 0 35px 22px 0;
	color: var(--s14-muted);
	font-size: 16px;
	line-height: 1.8;
}

.s14-contact {
	padding: 64px 0;
	background: linear-gradient(120deg, #0d1828, #07101d);
}

.s14-contact-inner {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 42px;
}

.s14-contact h2 {
	font-size: clamp(32px, 3.3vw, 46px);
}

.s14-contact-inner > div {
	max-width: 760px;
}

.s14-contact-inner > .s14-button {
	flex: 0 0 auto;
}

.s14-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* JS progressively hides only the content it controls; no-JS keeps the full page readable. */
.s14-load-balancing-cn [data-s14-reveal] {
	opacity: 1;
	transform: none;
}

.s14-load-balancing-cn.s14-motion-ready [data-s14-reveal] {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity .65s ease, transform .65s ease;
}

.s14-load-balancing-cn.s14-motion-ready [data-s14-reveal].is-visible,
.s14-load-balancing-cn.s14-motion-ready.s14-hero-visible .s14-hero [data-s14-reveal] {
	opacity: 1;
	transform: none;
}

.s14-load-balancing-cn.s14-motion-ready .s14-diagram.is-looping .s14-flow-lines path {
	animation: s14-path-loop 8.4s ease-in-out infinite;
	animation-play-state: paused;
}

.s14-load-balancing-cn.s14-motion-ready .s14-diagram.is-looping.is-flow-running .s14-flow-lines path {
	animation-play-state: running;
}

.s14-load-balancing-cn.s14-motion-ready .s14-diagram.is-looping .s14-flow-lines path[data-s14-path="traffic"] {
	animation-delay: .12s;
}

.s14-load-balancing-cn.s14-motion-ready .s14-diagram.is-looping .s14-flow-lines path[data-s14-path="health"] {
	animation-delay: .24s;
}

@keyframes s14-path-loop {
	0%, 8% {
		stroke-dashoffset: 100;
		opacity: .35;
	}
	34%, 68% {
		stroke-dashoffset: 0;
		opacity: 1;
	}
	88%, 100% {
		stroke-dashoffset: 100;
		opacity: .35;
	}
}

@media (max-width: 1040px) {
	.s14-flow-layout {
		grid-template-columns: minmax(160px, .78fr) minmax(220px, 1fr) minmax(320px, 1.35fr);
		gap: 22px 28px;
	}

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

	.s14-work-grid article {
		min-height: 235px;
	}

	.s14-delivery-grid,
	.s14-operations-inner {
		gap: 48px;
	}
}

@media (max-width: 800px) {
	.s14-shell,
	.s14-content {
		width: calc(100% - 40px);
	}

	.s14-hero {
		min-height: auto;
	}

	.s14-hero-inner {
		min-height: auto;
		display: block;
		padding: 108px 0 44px;
	}

	.s14-hero h1 {
		margin-top: 25px;
		font-size: clamp(48px, 13vw, 62px);
		line-height: 1.06;
	}

	.s14-hero-lead {
		margin-top: 23px !important;
		font-size: 17px;
		line-height: 1.78;
	}

	.s14-actions {
		margin-top: 25px;
	}

	.s14-actions .s14-button {
		flex: 1 1 100%;
	}

	.s14-hero-meta {
		margin-top: 20px !important;
	}

	.s14-hero-note {
		width: 100%;
		margin-top: 34px;
		text-align: left;
	}

	.s14-section {
		padding: 52px 0;
	}

	.s14-section-head h2,
	.s14-delivery h2,
	.s14-contact h2 {
		font-size: 32px;
	}

	.s14-section-head--split,
	.s14-two-column,
	.s14-delivery-grid,
	.s14-operations-inner {
		display: grid;
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.s14-section-head--split > p {
		margin-top: 0;
	}

	.s14-reason-grid,
	.s14-work-grid,
	.s14-service-grid {
		grid-template-columns: 1fr;
		margin-top: 36px;
	}

	.s14-reason-card,
	.s14-work-grid article,
	.s14-service-card {
		min-height: 0;
		padding: 25px 23px;
	}

	.s14-reason-card h3,
	.s14-work-grid h3,
	.s14-service-card h3 {
		margin-top: 22px;
	}

	.s14-diagram {
		margin-top: 35px;
		padding: 16px;
	}

	.s14-diagram-bar {
		align-items: stretch;
		flex-direction: column;
		gap: 14px;
	}

	.s14-diagram-bar button {
		width: 100%;
	}

	.s14-flow-canvas {
		min-height: 0;
		padding: 23px 5px 25px;
	}

	.s14-flow-layout {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		min-height: 0;
	}

	.s14-flow-node,
	.s14-pool,
	.s14-health {
		width: 100%;
	}

	.s14-flow-node {
		min-height: 0;
		padding: 19px;
	}

	.s14-flow-node strong {
		margin-top: 14px;
		font-size: 17px;
	}

	.s14-client,
	.s14-lb {
		margin-bottom: 26px;
	}

	.s14-client::after,
	.s14-lb::after {
		content: '↓';
		position: absolute;
		bottom: -30px;
		left: 50%;
		z-index: 2;
		color: var(--s14-accent);
		font: 20px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
		transform: translateX(-50%);
	}

	.s14-lb::after {
		content: '按策略分发  ↓';
		bottom: -34px;
		font-size: 10px;
		letter-spacing: .04em;
		white-space: nowrap;
	}

	.s14-pool {
		padding: 17px;
	}

	.s14-backend {
		grid-template-columns: auto minmax(0, 1fr) auto;
		gap: 10px;
		min-height: 68px;
		padding: 12px;
	}

	.s14-health {
		margin-top: 12px;
		padding: 17px;
	}

	.s14-flow-lines {
		z-index: 0;
	}

	.s14-diagram-note {
		margin-top: 17px !important;
	}

	.s14-delivery-copy ul {
		margin-top: 25px;
	}

	.s14-delivery-media {
		padding: 9px;
	}

	.s14-operations-callout {
		padding: 22px;
	}

	.s14-related {
		padding: 34px 0;
	}

	.s14-faq-list {
		margin-top: 32px;
	}

	.s14-faq summary {
		padding-top: 18px;
		padding-bottom: 18px;
		font-size: 17px;
	}

	.s14-contact {
		padding: 52px 0;
	}

	.s14-contact-inner {
		align-items: flex-start;
		flex-direction: column;
		gap: 27px;
	}

	.s14-contact-inner > .s14-button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.s14-load-balancing-cn *,
	.s14-load-balancing-cn *::before,
	.s14-load-balancing-cn *::after {
		animation: none !important;
		transition: none !important;
	}

	.s14-load-balancing-cn.s14-motion-ready [data-s14-reveal] {
		opacity: 1;
		transform: none;
	}

	.s14-flow-lines path {
		stroke-dashoffset: 0;
	}
}
.flow-batch-diagram[data-flow-diagram] {
	width: 100%;
	margin: 32px 0 0;
	border-radius: 16px;
	overflow: hidden;
}

.flow-batch-diagram__link {
	display: block;
	border-radius: inherit;
}

.flow-batch-diagram img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	border-radius: inherit;
}