.s36-vmware {
	--s36-bg:#050c12;
	--s36-alt:#091824;
	--s36-surface:#102431;
	--s36-text:#edf4f6;
	--s36-muted:#b9c8d0;
	--s36-cyan:#69c2cf;
	background:var(--s36-bg);
	color:var(--s36-text);
	font-size:16px;
	line-height:1.7;
	overflow:clip
}

.s36-vmware *,.s36-vmware *::before,.s36-vmware *::after {
	box-sizing:border-box
}

.s36-vmware h1,.s36-vmware h2,.s36-vmware h3,.s36-vmware p,.s36-vmware figure {
	margin:0
}

.s36-vmware h1,.s36-vmware h2,.s36-vmware h3 {
	font-weight:600;
	line-height:1.08;
	letter-spacing:-.04em
}

.s36-vmware h1 {
	max-width:820px;
	margin-top:18px;
	font-size:clamp(52px,6vw,82px)
}

.s36-vmware h2 {
	font-size:clamp(36px,4vw,48px)
}

.s36-vmware h3 {
	font-size:clamp(24px,2.5vw,32px)
}

.s36-vmware img {
	display:block;
	max-width:100%
}

.s36-vmware__shell {
	width:min(1280px,calc(100% - 96px));
	margin:auto
}

.s36-vmware__hero {
	position:relative;
	min-height:calc(100svh - 72px);
	isolation:isolate;
	overflow:hidden
}

.s36-vmware__hero-image,.s36-vmware__hero-shade {
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:0
}

.s36-vmware__hero-shade {
	z-index:1;
	background:linear-gradient(90deg,rgba(5,12,18,.66),rgba(5,12,18,.18) 70%),linear-gradient(0deg,rgba(5,12,18,.8),transparent 70%)
}

.s36-vmware__hero-inner {
	position:relative;
	z-index:2;
	display:flex;
	min-height:inherit;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-end;
	padding-bottom:112px
}

.s36-vmware__eyebrow {
	color:var(--s36-cyan);
	font-size:14px;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase
}

.s36-vmware__hero-summary,.s36-vmware__section-head>p,.s36-vmware__timeline p {
	max-width:720px;
	margin-top:22px;
	color:var(--s36-muted);
	font-size:18px
}

.s36-vmware__actions {
	display:flex;
	gap:12px;
	margin-top:32px
}

.s36-vmware__button {
	display:inline-flex;
	min-height:44px;
	align-items:center;
	justify-content:center;
	padding:10px 18px;
	border-radius:8px;
	font-size:14px;
	font-weight:700;
	text-decoration:none
}

.s36-vmware__button--primary {
	color:#09232d;
	background:var(--s36-cyan)
}

.s36-vmware__button--secondary {
	color:var(--s36-text);
	border:1px solid rgba(237,244,246,.5)
}

.s36-vmware__section {
	padding:72px 0
}

.s36-vmware__architecture,.s36-vmware__operations {
	background:var(--s36-alt)
}

.s36-vmware__section-head {
	margin-bottom:30px
}

.s36-vmware__section-head h2,.s36-vmware__faq h2 {
	margin-top:14px
}

/* Grid nodes stay in document flow;
	 SVG paths join their measured edges. */
.s36-vmware__cluster {
	position:relative;
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:14px;
	padding:24px;
	border:1px solid rgba(105,194,207,.45);
	background:#07131b
}

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

.s36-vmware__cluster-lines path {
	fill:none;
	stroke:rgba(105,194,207,.62);
	stroke-width:2;
	vector-effect:non-scaling-stroke
}

.s36-vmware__cluster-lines .s36-vmware__migration-line {
	stroke:var(--s36-cyan);
	stroke-width:2
}

.s36-vmware__cluster-lines circle {
	fill:#b4f1f5;
}

.s36-vmware__vcenter,.s36-vmware__host,.s36-vmware__foundation,.s36-vmware__backup {
	position:relative;
	z-index:1
}

.s36-vmware__vcenter {
	grid-column:1 / -1;
	padding:16px 20px;
	border-top:3px solid var(--s36-cyan);
	background:var(--s36-surface)
}

.s36-vmware__vcenter span,.s36-vmware__host>span,.s36-vmware__backup span {
	color:var(--s36-cyan);
	font-size:14px
}

.s36-vmware__vcenter strong,.s36-vmware__host strong,.s36-vmware__backup strong {
	display:block;
	margin-top:6px;
	font-size:18px
}

.s36-vmware__host {
	min-height:160px;
	padding:18px;
	border:1px solid rgba(105,194,207,.5);
	background:#0a1922
}

.s36-vmware__host div {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
	margin-top:22px
}

.s36-vmware__host b {
	padding:14px 10px;
	border:1px solid rgba(185,200,208,.25);
	font-size:14px
}

.s36-vmware__foundation {
	grid-column:1 / -1;
	padding:16px;
	border:1px dashed rgba(105,194,207,.55);
	color:var(--s36-muted);
	text-align:center
}

.s36-vmware__backup {
	grid-column:1 / -1;
	justify-self:end;
	width:min(100%,310px);
	padding:14px 16px;
	border:1px solid rgba(185,200,208,.35);
	background:var(--s36-bg)
}

.s36-vmware__motion-toggle {
	min-height:44px;
	margin-top:18px;
	padding:7px 13px;
	border:1px solid rgba(185,200,208,.4);
	border-radius:8px;
	color:var(--s36-muted);
	background:transparent;
	cursor:pointer
}

.s36-vmware__facts {
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:18px;
	margin:26px 0 0;
	padding:0;
	list-style:none
}

.s36-vmware__facts li {
	min-width:0;
	padding-top:14px;
	border-top:1px solid rgba(185,200,208,.3)
}

.s36-vmware__facts span {
	display:block;
	margin-top:7px;
	color:var(--s36-muted)
}

.s36-vmware__advantages {
	margin-top:32px;
	padding-top:28px;
	border-top:1px solid rgba(105,194,207,.45)
}

.s36-vmware__advantages .s36-vmware__section-head {
	margin-bottom:0
}

.s36-vmware__migration-grid {
	display:grid;
	grid-template-columns:1fr;
	gap:48px;
	align-items:start
}

.s36-vmware__migration-grid .s36-vmware__facts {
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:32px 64px;
	margin-top:0
}

.s36-vmware__scenarios > .s36-vmware__shell > .s36-vmware__facts,
.s36-vmware__operations .s36-vmware__facts {
	grid-template-columns:repeat(2,minmax(0,1fr));
}

.s36-vmware__migration > .s36-vmware__shell > .s36-vmware__section-head {
	max-width:780px;
}

.s36-vmware__architecture-visual { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:32px; align-items:stretch; }
.s36-vmware__architecture-stage { min-width:0; }

.s36-vmware__support-photo {
	position:relative;
	overflow:hidden;
	background:var(--s36-surface)
}

.s36-vmware__support-photo img {
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover
}

.s36-vmware__delivery-grid {
	display:grid;
	grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);
	gap:48px;
	align-items:start
}

.s36-vmware__timeline {
	margin:0;
	padding:0;
	border-top:2px solid var(--s36-cyan);
	list-style:none
}

.s36-vmware__timeline li {
	display:grid;
	grid-template-columns:56px 1fr;
	gap:18px;
	padding:20px 0;
	border-bottom:1px solid rgba(185,200,208,.25)
}

.s36-vmware__timeline li>span {
	color:var(--s36-cyan)
}

.s36-vmware__delivery-results {
	padding:24px;
	border:1px solid rgba(105,194,207,.4);
	background:var(--s36-surface)
}

.s36-vmware__delivery-results .s36-vmware__section-head {
	margin-bottom:0
}

.s36-vmware__delivery-results .s36-vmware__facts {
	grid-template-columns:1fr
}

.s36-vmware__delivery-results .s36-vmware__facts {
	gap:10px;
	margin-top:20px
}

.s36-vmware__delivery-results .s36-vmware__facts li {
	padding-top:10px
}

.s36-vmware__delivery-results .s36-vmware__facts span {
	margin-top:4px
}

.s36-vmware__proof {
	display:grid;
	grid-template-columns:180px 1fr 1fr;
	gap:18px;
	margin-top:40px;
	padding-top:20px;
	border-top:1px solid rgba(105,194,207,.5)
}

.s36-vmware__proof>p {
	grid-row:span 2
}

.s36-vmware__proof span {
	display:block;
	margin-top:8px;
	color:var(--s36-muted);
	font-size:14px
}

.s36-vmware__faq {
	padding:72px 0 88px;
	background:var(--s36-surface)
}

.s36-vmware__faq-list {
	margin-top:30px;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:28px 60px;
}

.s36-vmware__faq-list article {
	padding:0;
}

.s36-vmware__faq-list article:first-child { grid-column:1 / -1; max-width:900px; padding-bottom:24px; border-bottom:1px solid #b9c8d044; }
.s36-vmware h1,.s36-vmware h2,.s36-vmware h3 { text-wrap:balance; }

.s36-vmware__faq-list h3 {
	font-size:21px
}

.s36-vmware__faq-list p {
	margin-top:10px;
	color:var(--s36-muted)
}

.s36-vmware__faq nav {
	display:flex;
	flex-wrap:wrap;
	gap:12px 20px;
	margin-top:28px
}

.s36-vmware__faq nav a {
	color:var(--s36-text);
	border-bottom:1px solid var(--s36-cyan);
	text-decoration:none
}

.s36-vmware a:focus-visible,.s36-vmware button:focus-visible {
	outline:2px solid #b4f1f5;
	outline-offset:4px
}

@media(max-width:720px) {
	.s36-vmware__shell {
	width:calc(100% - 40px)
}

.s36-vmware__hero {
	min-height:0
}

.s36-vmware__hero-inner {
	padding-top:48px;
	padding-bottom:56px
}

.s36-vmware h1 {
	font-size:clamp(38px,11vw,48px)
}

.s36-vmware h2 {
	font-size:32px
}

.s36-vmware__hero-summary,.s36-vmware__section-head>p,.s36-vmware__timeline p {
	font-size:16px
}

.s36-vmware__actions,.s36-vmware__button {
	width:100%;
	flex-direction:column
}

.s36-vmware__section {
	padding:48px 0
}

	.s36-vmware__section-head {
		margin-bottom:24px
}

.s36-vmware__cluster {
	grid-template-columns:1fr;
	padding:16px;
	gap:14px
}

.s36-vmware__vcenter,.s36-vmware__foundation,.s36-vmware__backup {
	grid-column:auto
}

.s36-vmware__backup {
	justify-self:stretch;
	width:auto
}

.s36-vmware__facts,.s36-vmware__migration-grid .s36-vmware__facts {
	grid-template-columns:1fr
}

.s36-vmware__scenarios > .s36-vmware__shell > .s36-vmware__facts,
.s36-vmware__operations .s36-vmware__facts {
	grid-template-columns:1fr;
}

.s36-vmware__migration > .s36-vmware__shell > .s36-vmware__section-head {
	padding:0;
}

.s36-vmware__architecture-visual,.s36-vmware__faq-list { grid-template-columns:1fr; gap:24px; }
.s36-vmware__support-photo { height:200px; }

.s36-vmware__timeline li {
	grid-template-columns:28px 1fr;
	gap:12px;
}

.s36-vmware__timeline p {
	margin-top:10px;
}

.s36-vmware__migration-grid,.s36-vmware__delivery-grid {
	grid-template-columns:1fr;
	gap:30px
}

.s36-vmware__support-photo img {
	min-height:0
}

.s36-vmware__proof {
	grid-template-columns:1fr
}

.s36-vmware__proof>p {
	grid-row:auto
}

.s36-vmware__faq {
	padding:48px 0 56px
}

}

.s36-vmware .flow-batch-diagram[data-flow-diagram] { width: 100%; margin: 32px 0 0; border-radius: 16px; overflow: hidden; }
.s36-vmware .flow-batch-diagram__link { display: block; border-radius: inherit; }
.s36-vmware .flow-batch-diagram img { display: block; width: 100%; height: auto; max-width: 100%; }
