.s10-server-storage-cn {
	--s10-bg: #03050a;
	--s10-bg-soft: #060a14;
	--s10-panel: #0a1322;
	--s10-panel-hi: #0d1828;
	--s10-text: #e9eff7;
	--s10-muted: #a3b6ca;
	--s10-faint: #647a90;
	--s10-accent: #5fd3e6;
	--s10-accent-soft: rgba(95, 211, 230, .12);
	--s10-line: rgba(140, 190, 204, .2);
	--s10-line-strong: rgba(140, 190, 204, .38);
	width: 100%;
	margin: 0;
	color: var(--s10-text);
	background: var(--s10-bg);
	overflow: clip;
}
.s10-server-storage-cn *,
.s10-server-storage-cn *::before,
.s10-server-storage-cn *::after { box-sizing: border-box; }
.s10-server-storage-cn h1,
.s10-server-storage-cn h2,
.s10-server-storage-cn h3,
.s10-server-storage-cn p,
.s10-server-storage-cn figure,
.s10-server-storage-cn ol,
.s10-server-storage-cn ul,
.s10-server-storage-cn dl { margin: 0; }
.s10-server-storage-cn ol,
.s10-server-storage-cn ul { padding: 0; }
.s10-server-storage-cn img { display: block; max-width: 100%; }
.s10-server-storage-cn a { color: inherit; }
.s10-server-storage-cn [id] { scroll-margin-top: 88px; }
.s10-server-storage-cn a:focus-visible,
.s10-server-storage-cn button:focus-visible,
.s10-server-storage-cn summary:focus-visible { outline: 2px solid var(--s10-accent); outline-offset: 4px; }

.s10-shell,
.s10-content { margin-inline: auto; }
.s10-shell { width: min(1360px, calc(100% - 80px)); }
.s10-content { width: min(1240px, calc(100% - 80px)); }
.s10-readable { max-width: 640px; }

/* Hero: the equipment detail establishes the page without creating an inner brand bar. */
.s10-hero {
	position: relative;
	min-height: calc(100svh - var(--f-header-height, 72px));
	background: var(--s10-bg);
	isolation: isolate;
}
.s10-hero-media,
.s10-hero-scrim { position: absolute; inset: 0; }
.s10-hero-media { z-index: -2; }
.s10-hero-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 68% center;
	filter: brightness(.52) saturate(.72) contrast(1.05);
}
.s10-hero-scrim {
	z-index: -1;
	background: linear-gradient(90deg, rgba(3, 5, 10, .96) 0%, rgba(3, 5, 10, .8) 43%, rgba(3, 5, 10, .34) 100%), linear-gradient(0deg, rgba(3, 5, 10, .9), rgba(3, 5, 10, .12) 72%);
}
.s10-hero-inner {
	min-height: inherit;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 64px;
	padding: 152px 0 58px;
}
.s10-hero-copy { max-width: 780px; }
.s10-eyebrow {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--s10-accent);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
	letter-spacing: .14em;
	line-height: 1.6;
	text-transform: uppercase;
}
.s10-eyebrow > span:first-child:not(.s10-eyebrow-no) {
	width: 8px;
	height: 8px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: var(--s10-accent);
	box-shadow: 0 0 0 5px rgba(95, 211, 230, .12);
}
.s10-eyebrow-no { color: var(--s10-accent); }
.s10-hero h1 {
	max-width: 780px;
	color: #f4f8fc;
	font-size: clamp(58px, 6.4vw, 92px);
	font-weight: 700;
	font-style: normal !important;
	letter-spacing: -.04em;
	line-height: 1.05;
	text-shadow: 0 2px 40px rgba(0, 0, 0, .54);
}
.s10-server-storage-cn .s10-hero .s10-eyebrow + h1 { margin-top: 11px; }
.s10-hero h1 .s10-h1-line { display: inline; }
.s10-hero h1 .s10-h1-line + .s10-h1-line::before { content: none; }
.s10-hero-lead {
	max-width: 670px;
	margin-top: 28px;
	color: #c4d2df;
	font-size: 20px;
	line-height: 1.86;
}
.s10-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}
.s10-server-storage-cn .s10-actions { margin-top: 20px; }
.s10-button {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	padding: 13px 21px;
	border: 1px solid transparent;
	border-radius: 7px;
	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, color .2s ease;
}
.s10-button:hover { transform: translateY(-2px); }
.s10-button--primary {
	background: #69c2cf;
	color: #09232d !important;
	box-shadow: 0 8px 28px rgba(105, 194, 207, .18);
}
.s10-button--primary:hover { background: #a5e1e7; color: #09232d !important; }
.s10-button--quiet {
	border-color: rgba(233, 239, 247, .44);
	background: rgba(3, 5, 10, .16);
	color: var(--s10-text);
}
.s10-button--quiet:hover { border-color: var(--s10-accent); background: var(--s10-accent-soft); }
.s10-server-storage-cn .s10-hero-meta {
	margin-top: 20px;
	color: #91a7bb;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
	letter-spacing: .12em;
	line-height: 1.7;
}
.s10-hero-caption {
	width: min(320px, 100%);
	padding-top: 14px;
	border-top: 1px solid var(--s10-line-strong);
	text-align: right;
}
.s10-hero-caption figcaption {
	color: #9aafc2;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 12px;
	line-height: 1.8;
}

/* Shared reading rhythm and headings. */
.s10-section { padding: 80px 0; }
.s10-section-head { max-width: 640px; }
.s10-section-head--wide { max-width: 760px; }
.s10-section-head--split {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
	gap: 60px;
	max-width: none;
	align-items: end;
}
.s10-section-head h2,
.s10-delivery-intro h2,
.s10-contact h2 {
	margin-top: 29px;
	color: var(--s10-text);
	font-size: clamp(32px, 3.1vw, 42px);
	font-weight: 600;
	letter-spacing: -.025em;
	line-height: 1.24;
}
.s10-section-head > p:last-child,
.s10-section-head--split > p,
.s10-delivery-intro > p:last-child,
.s10-contact-inner > div:first-child > p:last-child {
	margin-top: 22px;
	color: var(--s10-muted);
	font-size: 17px;
	line-height: 1.82;
}

/* Why the relationship must be designed before the shopping list. */
.s10-context { background: var(--s10-bg-soft); }
.s10-context-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
	gap: 80px;
	align-items: end;
}
.s10-context-aside {
	padding: 30px 28px;
	border-left: 2px solid var(--s10-accent);
	background: linear-gradient(135deg, rgba(13, 24, 40, .8), rgba(10, 19, 34, .35));
}
.s10-context-aside strong { display: block; color: var(--s10-accent); font-size: 24px; font-weight: 600; line-height: 1.35; }
.s10-context-aside p { margin-top: 15px; color: var(--s10-muted); font-size: 15px; line-height: 1.8; }

/* Signature relationship diagram: four explicit resource layers, from hardware to VMs. */
.s10-model { background: var(--s10-bg); }
.s10-model-box {
	margin-top: 44px;
	padding: 20px;
	border: 1px solid var(--s10-line);
	background: #07101d;
}
.s10-model-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--s10-line);
}
.s10-model-toolbar p {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--s10-muted);
	font-size: 13px;
	line-height: 1.5;
}
.s10-model-toolbar p span {
	width: 8px;
	height: 8px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: var(--s10-accent);
	box-shadow: 0 0 0 5px rgba(95, 211, 230, .12);
}
.s10-model-toolbar button {
	min-height: 38px;
	padding: 8px 12px;
	border: 1px solid rgba(95, 211, 230, .5);
	border-radius: 5px;
	background: transparent;
	color: var(--s10-text);
	font: inherit;
	font-size: 13px;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease;
}
.s10-model-toolbar button:hover { border-color: var(--s10-accent); background: var(--s10-accent-soft); }
.s10-model-controls { display: flex; flex-wrap: wrap; gap: 8px; }
.s10-model-graphic { position: relative; min-height: 700px; padding: 18px 20px 20px; }
.s10-model-lines {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: visible;
	pointer-events: none;
}
.s10-model-lines path { fill: none; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.s10-model-lines .s10-model__base-path { stroke: rgba(95, 211, 230, .42); stroke-width: 1.35; }
.s10-model-lines .s10-model__motion-path { stroke: var(--s10-accent); stroke-width: 3; opacity: .18; }
.s10-model-lines marker path { fill: var(--s10-accent); stroke: none; }
.s10-model-nodes {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: 145px 170px 116px 120px;
	gap: 32px 18px;
	min-height: 650px;
	list-style: none;
}
.s10-model-node {
	position: relative;
	min-height: 0;
	padding: 18px 16px;
	border: 1px solid rgba(140, 190, 204, .34);
	border-top: 2px solid rgba(95, 211, 230, .5);
	background: rgba(7, 19, 32, .96);
	box-shadow: 0 14px 30px rgba(0, 0, 0, .14);
}
.s10-model-node--physical { grid-column: 1 / -1; grid-row: 4; display: flex; flex-direction: column; justify-content: center; }
.s10-model-node--abstraction { grid-column: 1 / -1; grid-row: 3; display: flex; flex-direction: column; justify-content: center; border-color: rgba(95, 211, 230, .72); background: #0d1d30; }
.s10-model-node[data-s10-node="cpu"] { grid-column: 1; grid-row: 2; }
.s10-model-node[data-s10-node="memory"] { grid-column: 2; grid-row: 2; }
.s10-model-node[data-s10-node="storage"] { grid-column: 3; grid-row: 2; }
.s10-model-node[data-s10-node="vm-a"] { grid-column: 1; grid-row: 1; border-color: rgba(95, 211, 230, .56); }
.s10-model-node[data-s10-node="vm-b"] { grid-column: 2; grid-row: 1; border-color: rgba(95, 211, 230, .56); }
.s10-model-node[data-s10-node="vm-c"] { grid-column: 3; grid-row: 1; border-color: rgba(95, 211, 230, .56); }
.s10-model-node--pool { border-color: rgba(95, 211, 230, .68); background: rgba(13, 29, 48, .96); }
.s10-model-node--vm { background: linear-gradient(145deg, rgba(13, 26, 43, .94), rgba(7, 19, 32, .96)); }
.s10-model-node__index { color: var(--s10-accent); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; letter-spacing: .12em; }
.s10-model-node strong { display: block; margin-top: 14px; color: var(--s10-text); font-size: 18px; font-weight: 600; line-height: 1.4; }
.s10-model-node small { display: block; margin-top: 9px; color: var(--s10-muted); font-size: 14px; line-height: 1.55; }
.s10-resource-bar,
.s10-vm-quota { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 3px; margin-top: 10px; height: 5px; }
.s10-resource-bar i,
.s10-vm-quota i { display: block; min-width: 0; height: 4px; border-radius: 1px; background: rgba(95, 211, 230, .16); transition: background-color .45s ease, box-shadow .45s ease, opacity .45s ease; }
.s10-resource-bar i.is-filled,
.s10-vm-quota i.is-filled { background: var(--s10-accent); box-shadow: 0 0 8px rgba(95, 211, 230, .36); opacity: .96; }
.s10-vm-quota i.is-filled { background: #b7eef3; }
.s10-model-note {
	margin-top: 18px;
	padding-top: 14px;
	padding-right: 16px;
	padding-bottom: 0;
	padding-left: 16px;
	border-left: 2px solid rgba(95, 211, 230, .64);
	color: var(--s10-muted);
	font-size: 14px;
	line-height: 1.75;
}
.s10-model-note strong { color: var(--s10-accent); font-weight: 600; }
.s10-model-note__caption { display: block; margin-top: 6px; color: var(--s10-text); }

/* Service capabilities remain a commercial list, not a technology glossary. */
.s10-services { background: var(--s10-panel); }
.s10-service-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	margin-top: 48px;
	border: 1px solid var(--s10-line);
	background: var(--s10-line);
}
.s10-service-card {
	min-height: 224px;
	padding: 25px 24px 28px;
	background: linear-gradient(145deg, rgba(13, 26, 43, .84), rgba(3, 5, 10, .96) 72%);
}
.s10-item-no { color: var(--s10-accent); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; letter-spacing: .12em; }
.s10-service-card h3 { margin-top: 44px; color: var(--s10-text); font-size: 20px; font-weight: 600; line-height: 1.4; }
.s10-service-card p { margin-top: 11px; color: var(--s10-muted); font-size: 15px; line-height: 1.72; }

/* Selection checks and customer outcomes stay inside the service story. */
.s10-service-extension {
	display: grid;
	grid-template-columns: minmax(0, 1.16fr) minmax(300px, .84fr);
	gap: 24px;
	margin-top: 24px;
}
.s10-service-checks,
.s10-benefit-strip {
	padding: 26px 24px 24px;
	border: 1px solid var(--s10-line-strong);
	background: linear-gradient(145deg, rgba(13, 26, 43, .78), rgba(3, 5, 10, .78));
}
.s10-service-checks h3,
.s10-benefit-strip h3 { color: var(--s10-text); font-size: 21px; font-weight: 600; line-height: 1.4; }
.s10-service-checks h3 { margin-top: 15px; }
.s10-service-checks__intro { margin-top: 9px; color: var(--s10-muted); font-size: 14px; line-height: 1.7; }
.s10-service-checks .s10-fit-list { margin-top: 21px; }
.s10-fit-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	border: 1px solid var(--s10-line);
	background: var(--s10-line);
	list-style: none;
}
.s10-fit-list li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; min-height: 112px; padding: 16px 15px; background: rgba(10, 19, 34, .82); }
.s10-fit-list strong { display: block; color: var(--s10-text); font-size: 17px; font-weight: 600; line-height: 1.4; }
.s10-fit-list p { margin-top: 6px; color: var(--s10-muted); font-size: 13px; line-height: 1.62; }
.s10-benefit-list { margin-top: 18px; border-top: 1px solid var(--s10-line); }
.s10-benefit {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 12px;
	padding: 17px 0;
	border-bottom: 1px solid var(--s10-line);
}
.s10-benefit h3 { margin: 0; font-size: 19px; }
.s10-benefit p { margin-top: 7px; color: var(--s10-muted); font-size: 14px; line-height: 1.68; }

/* Delivery panel intentionally has no extra hero-like image or stripe. */
.s10-delivery { background: var(--s10-bg); }
.s10-delivery-layout { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 80px; align-items: start; }
.s10-delivery-media { margin-top: 26px; }
.s10-delivery-media img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center; border: 1px solid var(--s10-line); filter: brightness(.86) saturate(.78); }
.s10-delivery-media figcaption { margin-top: 9px; color: var(--s10-faint); font-size: 12px; line-height: 1.65; }
.s10-delivery-panel { padding: 29px 30px 31px; border: 1px solid var(--s10-line-strong); background: linear-gradient(135deg, #0d1828, #07111e); }
.s10-panel-label { color: var(--s10-accent); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.s10-delivery-panel ul { margin-top: 20px; list-style: none; }
.s10-delivery-panel li { position: relative; padding: 13px 0 13px 23px; border-top: 1px solid var(--s10-line); color: var(--s10-muted); font-size: 15px; line-height: 1.6; }
.s10-delivery-panel li::before { content: ""; position: absolute; top: 22px; left: 0; width: 8px; height: 1px; background: var(--s10-accent); }

.s10-faq { background: var(--s10-bg-soft); }
.s10-faq-layout { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); gap: 80px; align-items: start; }
.s10-faq-list { border-top: 1px solid var(--s10-line); }
.s10-faq-list details { border-bottom: 1px solid var(--s10-line); }
.s10-faq-list summary { display: grid; grid-template-columns: 38px minmax(0, 1fr) 18px; gap: 12px; align-items: center; padding: 19px 0; color: var(--s10-text); font-size: 16px; font-weight: 600; line-height: 1.5; list-style: none; cursor: pointer; }
.s10-faq-list summary::-webkit-details-marker { display: none; }
.s10-faq-list summary > span { color: var(--s10-accent); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; }
.s10-faq-list summary b { color: var(--s10-accent); font-size: 20px; font-weight: 400; text-align: right; }
.s10-faq-list details[open] summary b { transform: rotate(45deg); }
.s10-faq-list details p { padding: 0 30px 20px 50px; color: var(--s10-muted); font-size: 15px; line-height: 1.78; }

.s10-contact { padding: 88px 0; background: linear-gradient(135deg, #0d1828, #07111e 62%, #03050a); }
.s10-contact-inner { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(290px, .88fr); gap: 72px; align-items: end; }
.s10-contact h2 { max-width: 760px; }
.s10-contact-inner > div:first-child > p:last-child { max-width: 640px; }
.s10-contact-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; }

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

@media (min-width: 801px) {
	.s10-server-storage-cn #s10-delivery .s10-delivery-panel { margin-top: 46.6px; }
}

/* Progressive enhancement: static markup stays visible when JS is absent. */
.s10-motion-ready [data-s10-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
.s10-motion-ready [data-s10-reveal].is-visible { opacity: 1; transform: none; }
.s10-motion-ready .s10-model-lines .s10-model__motion-path { stroke-dasharray: 10 90; stroke-dashoffset: 100; opacity: 0; animation: none; }
.s10-motion-ready .s10-model-box.is-playing .s10-model__motion-path[data-s10-active="true"] { opacity: .96; animation: s10-resource-packet 1.25s linear infinite; animation-delay: 0s; }
.s10-motion-ready .s10-model-box.is-paused .s10-model__motion-path[data-s10-active="true"] { animation-play-state: paused; opacity: .34; }
.s10-model-node[data-s10-state="active"] { border-color: var(--s10-accent); box-shadow: 0 0 0 1px rgba(95, 211, 230, .2), 0 0 26px rgba(95, 211, 230, .1); }
@keyframes s10-resource-packet { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } }

@media (max-width: 800px) {
	.s10-shell,
	.s10-content { width: min(100% - 40px, 1360px); }
	.s10-hero { min-height: 0; }
	.s10-hero-media img { object-position: 68% center; }
	.s10-hero-scrim { background: linear-gradient(0deg, rgba(3, 5, 10, .99), rgba(3, 5, 10, .56) 82%), linear-gradient(90deg, rgba(3, 5, 10, .72), transparent); }
	.s10-hero-inner { display: block; padding: 118px 0 56px; }
	.s10-hero h1 { max-width: 100%; font-size: clamp(48px, 13vw, 64px); line-height: 1.08; }
	.s10-hero h1 .s10-h1-line { display: block; }
	.s10-hero h1 .s10-h1-line + .s10-h1-line::before { content: none; }
	.s10-hero-lead { max-width: 100%; font-size: 18px; line-height: 1.8; }
	.s10-server-storage-cn .s10-actions { flex-direction: column; gap: 10px; margin-top: 20px; }
	.s10-button { width: 100%; min-height: 50px; }
	.s10-server-storage-cn .s10-hero-meta { margin-top: 20px; font-size: 10px; line-height: 1.8; }
	.s10-hero-caption { width: 100%; margin-top: 50px; text-align: left; }
	.s10-section { padding: 48px 0; }
	.s10-section-head--split,
	.s10-context-layout,
	.s10-delivery-layout,
	.s10-faq-layout,
	.s10-contact-inner { grid-template-columns: 1fr; gap: 34px; }
	.s10-section-head h2,
	.s10-delivery-intro h2,
	.s10-contact h2 { font-size: 32px; line-height: 1.25; }
	.s10-section-head > p:last-child,
	.s10-section-head--split > p,
	.s10-delivery-intro > p:last-child,
	.s10-contact-inner > div:first-child > p:last-child { font-size: 16px; line-height: 1.78; }
	.s10-context-aside { padding: 24px 20px; }
	.s10-model-box { margin-top: 32px; padding: 14px; }
	.s10-model-toolbar { align-items: flex-start; }
	.s10-model-toolbar p { max-width: 215px; font-size: 12px; line-height: 1.65; }
	.s10-model-toolbar button { flex: 0 0 auto; }
	.s10-model-graphic { min-height: 700px; padding: 20px 4px 26px; }
	.s10-model-nodes { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: 140px 160px 112px 112px; gap: 28px 8px; min-height: 630px; padding: 0; }
	.s10-model-node { min-height: 0; padding: 14px 9px; }
	.s10-model-node__index { font-size: 9px; letter-spacing: .05em; }
	.s10-model-node strong { margin-top: 10px; font-size: 15px; }
	.s10-model-node small { max-width: 140px; font-size: 11px; line-height: 1.45; }
	.s10-model-note { margin-top: 14px; padding: 12px 13px 0; }
	.s10-service-grid { grid-template-columns: 1fr; margin-top: 34px; }
	.s10-service-card { min-height: 0; padding: 22px 20px 24px; }
	.s10-service-card h3 { margin-top: 26px; font-size: 20px; }
	.s10-service-extension { grid-template-columns: 1fr; gap: 14px; margin-top: 14px; }
	.s10-service-checks,
	.s10-benefit-strip { padding: 22px 18px 20px; }
	.s10-service-checks h3 { margin-top: 13px; font-size: 20px; }
	.s10-service-checks .s10-fit-list { margin-top: 17px; }
	.s10-fit-list { grid-template-columns: 1fr; }
	.s10-fit-list li { min-height: 0; padding: 16px 14px; }
	.s10-delivery-panel { padding: 24px 20px; }
	.s10-delivery-media { margin-top: 22px; }
	.s10-benefit { padding: 15px 0; }
	.s10-benefit h3 { font-size: 19px; }
	.s10-faq-list summary { grid-template-columns: 34px minmax(0, 1fr) 18px; gap: 10px; font-size: 15px; }
	.s10-faq-list details p { padding-left: 44px; }
	.s10-contact { padding: 64px 0; }
	.s10-contact-actions { justify-content: stretch; }
}

@media (prefers-reduced-motion: reduce) {
	.s10-server-storage-cn *,
	.s10-server-storage-cn *::before,
	.s10-server-storage-cn *::after { animation: none !important; transition: none !important; }
	.s10-motion-ready [data-s10-reveal] { opacity: 1; transform: none; }
	.s10-motion-ready .s10-model-lines .s10-model__motion-path { stroke-dasharray: none; stroke-dashoffset: 0; opacity: 0; }
	.s10-motion-ready .s10-model-lines .s10-model__motion-path[data-s10-active="true"] { opacity: .96; }
}
.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;
}