/* Unified Cloud Server 2026 layout for infrastructure product pages.
 * Content remains owned by each page; this file only normalizes presentation.
 */
.hc26-product-page {
	--hc26-blue: #0969ff;
	--hc26-cyan: #00c2ff;
	--hc26-navy: #071832;
	--hc26-deep: #041020;
	--hc26-text: #22304a;
	--hc26-muted: #667895;
	--hc26-line: #d9e7f5;
	--hc26-soft: #f5f9ff;
	--hc26-white: #fff;
	--hc26-radius: 16px;
	--hc26-shadow: 0 18px 50px rgba(8, 47, 134, .08);
	display: flex;
	flex-direction: column;
	color: var(--hc26-text);
	font-family: inherit;
	font-size: 16px;
	line-height: 1.5;
	overflow: hidden;
}

.hc26-product-page,
.hc26-product-page * { box-sizing: border-box; }
.hc26-product-page :is(h1,h2,h3,h4,p,li,a,button,input,select,textarea,strong,span) { font-family: inherit; }
.hc26-product-page :is(.site-container,.mmc-container) { width: min(1260px, 100%); max-width: 1260px; margin-inline: auto; padding-inline: 24px; }

/* Keep the same information rhythm as Cloud Server 2026. */
.hc26-product-page > :is(.amd9005-hero,.dpc-hero,.vmw-hero,.vds-hero,.openclaw-hero,.hermes-hero,.as-hero,.vcolo-hero,.ds-hero,.vx-hero,.sg-hero,.bmg-hero,.tmc-hero,.mctl-hero,.mmc-hero,.htm-hero) { order: 1; }
.hc26-product-page > .hc26-tabs { order: 2; }
.hc26-product-page > .hc26-tab-panels { order: 3; }
.hc26-product-page > :is(.as-anchor-nav) { display: none !important; }
.hc26-product-page > :is(.amd9005-overview,.dpc-overview,.vmw-overview,.vds-overview,.openclaw-overview,.hermes-overview,.as-overview,.vcolo-intro,.ds-overview,.vx-overview,.sg-overview,.bmg-kpi,.bmg-overview,.tmc-overview,.mctl-overview,.mmc-overview,.htm-intro) { order: 3; }
.hc26-product-page > :is(.amd9005-pricing,.dpc-pricing,.vmw-pricing,.vds-pricing,.openclaw-pricing,.hermes-pricing,.as-pricing,.vcolo-pricing,.ds-pricing,.vx-pricing,.sg-pricing,.bmg-pricing,.tmc-pricing,.mctl-pricing,.mmc-pricing,.htm-pricing) { order: 4; }
.hc26-product-page > :is(.amd9005-features,.amd9005-advantages,.amd9005-capabilities,.dpc-features,.dpc-advantages,.dpc-capabilities,.vmw-features,.vmw-advantages,.vmw-capabilities,.vds-features,.vds-advantages,.vds-capabilities,.openclaw-features,.openclaw-advantages,.openclaw-capabilities,.openclaw-integrations,.hermes-features,.hermes-integrations,.hermes-sandbox,.as-features,.as-policies,.as-benefits,.vcolo-services,.vcolo-datacenters,.vcolo-benefits,.vcolo-infra,.vcolo-capabilities,.ds-features,.ds-advantages,.vx-features,.vx-advantages,.sg-features,.sg-advantages,.bmg-features,.bmg-advantages,.tmc-features,.tmc-advantages,.mctl-features,.mctl-advantages,.mmc-features,.mmc-benefits,.htm-workspace,.htm-mobile,.htm-desktop) { order: 5; }
.hc26-product-page > :is(.amd9005-why,.dpc-why,.vmw-why,.vds-why,.openclaw-why,.hermes-why,.as-process,.vcolo-customers,.ds-datacenter,.vx-datacenter,.sg-datacenter,.bmg-control,.bmg-regions,.tmc-control,.mctl-control) { order: 6; }
.hc26-product-page > :is(.amd9005-usecases,.dpc-usecases,.vmw-usecases,.vds-usecases,.openclaw-usecases,.hermes-usecases,.as-usecases,.ds-usecases,.vx-usecases,.sg-usecases,.bmg-usecases,.tmc-usecases,.mctl-usecases,.mmc-usecases) { order: 7; }
.hc26-product-page > :is(.amd9005-faq,.dpc-faq,.vmw-faq,.vds-faq,.openclaw-faq,.hermes-faq,.as-faq,.vcolo-faq,.ds-faq,.vx-faq,.sg-faq,.bmg-faq,.tmc-faq,.mctl-faq,.htm-faq) { order: 8; }
.hc26-product-page > :is(.amd9005-cta,.dpc-cta,.vmw-cta,.vds-cta,.openclaw-cta,.hermes-cta,.as-cta,.vcolo-cta,.ds-cta,.vx-cta,.sg-cta,.bmg-cta,.tmc-cta,.mctl-cta,.mmc-cta,.htm-cta) { order: 9; }

/* Hero: one image layer, one overlay and one content column. */
.hc26-product-page :is(.amd9005-hero,.dpc-hero,.vmw-hero,.vds-hero,.openclaw-hero,.hermes-hero,.as-hero,.vcolo-hero,.ds-hero,.vx-hero,.sg-hero,.bmg-hero,.tmc-hero,.mctl-hero,.mmc-hero,.htm-hero) {
	position: relative;
	min-height: 610px;
	padding: 92px 0 0 !important;
	background: var(--hc26-deep) !important;
	color: var(--hc26-white);
	overflow: hidden;
}
.hc26-product-page .hc26-hero-image {
	position: absolute;
	z-index: 0;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.hc26-product-page :is(.amd9005-hero,.dpc-hero,.vmw-hero,.vds-hero,.openclaw-hero,.hermes-hero,.as-hero,.vcolo-hero,.ds-hero,.vx-hero,.sg-hero,.bmg-hero,.tmc-hero,.mctl-hero,.mmc-hero,.htm-hero)::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	z-index: 1 !important;
	inset: 0 !important;
	width: auto !important;
	height: auto !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: linear-gradient(90deg, rgba(4,16,32,.98) 0%, rgba(7,24,50,.90) 42%, rgba(4,16,32,.24) 70%, rgba(4,16,32,.06) 100%) !important;
	pointer-events: none;
}
.hc26-product-page :is(.amd9005-hero,.dpc-hero,.vmw-hero,.vds-hero,.openclaw-hero,.hermes-hero,.as-hero,.vcolo-hero,.ds-hero,.vx-hero,.sg-hero,.bmg-hero,.tmc-hero,.mctl-hero,.mmc-hero,.htm-hero)::after { content: none !important; display: none !important; }
.hc26-product-page :is(.amd9005-hero__grid,.dpc-hero__grid,.vmw-hero__grid,.vds-hero__grid,.openclaw-hero__grid,.hermes-hero__grid,.as-hero__grid,.vcolo-hero__grid,.ds-hero__grid,.vx-hero__grid,.sg-hero__grid,.bmg-hero__grid,.tmc-hero__grid,.mctl-hero__grid,.mmc-hero__grid,.htm-hero__grid) {
	position: relative;
	z-index: 2;
	min-height: 518px;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	grid-template-columns: none !important;
}
.hc26-product-page :is(.amd9005-hero__content,.dpc-hero__content,.vmw-hero__content,.vds-hero__content,.openclaw-hero__content,.hermes-hero__content,.as-hero__content,.vcolo-hero__content,.ds-hero__content,.vx-hero__content,.sg-hero__content,.bmg-hero__content,.tmc-hero__content,.mctl-hero__content,.mmc-hero__content,.htm-hero__content) {
	width: min(680px, 55%) !important;
	max-width: 680px !important;
	padding: 0 0 58px !important;
	margin: 0 !important;
	text-align: left !important;
}
/* Secondary hero ornaments are the common cause of overlap and broken crops. */
.hc26-product-page :is(.amd9005-trust-row,.dpc-trust-row,.vmw-trust-row,.vds-trust-row,.openclaw-trust-row,.hermes-trust-row,.as-hero__badges,.as-hero-card,.vcolo-trust-row,.ds-trust-row,.vx-trust-row,.sg-trust-row,.bmg-trust-row,.tmc-trust-row,.mctl-trust-row,.mmc-trust-row,.mmc-hero-card,.htm-hero-card,.htm-hero__badges) { display: none !important; }
.hc26-product-page :is(.amd9005-hero,.dpc-hero,.vmw-hero,.vds-hero,.openclaw-hero,.hermes-hero,.as-hero,.vcolo-hero,.ds-hero,.vx-hero,.sg-hero,.bmg-hero,.tmc-hero,.mctl-hero,.mmc-hero,.htm-hero) h1 {
	max-width: 680px !important;
	margin: 0 0 20px !important;
	color: #fff !important;
	font-size: clamp(40px, 3.65vw, 52px) !important;
	font-weight: 400 !important;
	line-height: 1.08 !important;
	letter-spacing: -.015em !important;
	text-align: left !important;
}
.hc26-product-page :is(.amd9005-hero,.dpc-hero,.vmw-hero,.vds-hero,.openclaw-hero,.hermes-hero,.as-hero,.vcolo-hero,.ds-hero,.vx-hero,.sg-hero,.bmg-hero,.tmc-hero,.mctl-hero,.mmc-hero,.htm-hero) p {
	max-width: 570px !important;
	margin: 0 !important;
	color: rgba(255,255,255,.92) !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	text-align: left !important;
}
.hc26-product-page :is(.amd9005-eyebrow,.dpc-eyebrow,.vmw-eyebrow,.vds-eyebrow,.openclaw-eyebrow,.hermes-eyebrow,.as-eyebrow,.vcolo-eyebrow,.ds-eyebrow,.vx-eyebrow,.sg-eyebrow,.bmg-eyebrow,.tmc-eyebrow,.mctl-eyebrow,.mmc-eyebrow,.htm-eyebrow) {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
	color: var(--hc26-blue) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}
.hc26-product-page :is(.amd9005-hero,.dpc-hero,.vmw-hero,.vds-hero,.openclaw-hero,.hermes-hero,.as-hero,.vcolo-hero,.ds-hero,.vx-hero,.sg-hero,.bmg-hero,.tmc-hero,.mctl-hero,.mmc-hero,.htm-hero) :is(.amd9005-eyebrow,.dpc-eyebrow,.vmw-eyebrow,.vds-eyebrow,.openclaw-eyebrow,.hermes-eyebrow,.as-eyebrow,.vcolo-eyebrow,.ds-eyebrow,.vx-eyebrow,.sg-eyebrow,.bmg-eyebrow,.tmc-eyebrow,.mctl-eyebrow,.mmc-eyebrow,.htm-eyebrow) { color: var(--hc26-cyan) !important; }
.hc26-product-page :is(.amd9005-hero__actions,.dpc-hero__actions,.vmw-hero__actions,.vds-hero__actions,.openclaw-hero__actions,.hermes-hero__actions,.as-hero__actions,.vcolo-hero__actions,.ds-hero__actions,.vx-hero__actions,.sg-hero__actions,.bmg-hero__actions,.tmc-hero__actions,.mctl-hero__actions,.mmc-hero__actions,.htm-hero__actions) { display: flex !important; flex-wrap: wrap; gap: 12px !important; margin-top: 28px !important; }
.hc26-product-page :is(.amd9005-btn,.dpc-btn,.vmw-btn,.vds-btn,.openclaw-btn,.hermes-btn,.as-btn,.vcolo-btn,.ds-btn,.vx-btn,.sg-btn,.bmg-btn,.tmc-btn,.mctl-btn,.mmc-btn,.htm-btn) { display: inline-flex; align-items: center; justify-content: center; min-height: 66px !important; padding: 0 30px !important; border-radius: 999px !important; font-size: 17px !important; font-weight: 400 !important; text-decoration: none !important; box-shadow: none !important; transform: none !important; }
.hc26-product-page :is(.amd9005-btn--primary,.dpc-btn--primary,.vmw-btn--primary,.vds-btn--primary,.openclaw-btn--primary,.hermes-btn--primary,.as-btn--primary,.vcolo-btn--primary,.ds-btn--primary,.vx-btn--primary,.sg-btn--primary,.bmg-btn--primary,.tmc-btn--primary,.mctl-btn--primary,.mmc-btn--primary,.htm-btn--primary) { border: 1px solid #fff !important; background: #fff !important; color: var(--hc26-navy) !important; }
.hc26-product-page :is(.amd9005-btn--outline,.dpc-btn--outline,.vmw-btn--outline,.vds-btn--outline,.openclaw-btn--outline,.hermes-btn--outline,.as-btn--outline,.vcolo-btn--outline,.ds-btn--outline,.vx-btn--outline,.sg-btn--outline,.bmg-btn--outline,.tmc-btn--outline,.mctl-btn--outline,.mmc-btn--outline,.htm-btn--outline) { border: 1px solid rgba(255,255,255,.5) !important; background: transparent !important; color: #fff !important; }

/* Navigation directly below the banner, matching Cloud Server 2026. */
.hc26-tabs { position: relative; z-index: 5; border-bottom: 1px solid #e6edf5; background: #fff; }
.hc26-tabs .site-container { padding-top: 0; padding-bottom: 0; }
.hc26-tabs__inner { display: flex; justify-content: center; overflow-x: auto; scrollbar-width: none; }
.hc26-tabs__inner::-webkit-scrollbar { display: none; }
.hc26-tabs button { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-width: 220px; min-height: 74px; padding: 0 26px; border: 0; border-right: 1px solid #dce5ef; border-radius: 0; background: #fff; color: #13243b; font-size: 17px; font-weight: 400; line-height: 1.25; text-align: center; text-decoration: none !important; cursor: pointer; }
.hc26-tabs button:first-child { border-left: 1px solid #dce5ef; }
.hc26-tabs button.is-active { border-color: var(--hc26-blue); background: var(--hc26-blue); color: #fff; }
.hc26-tabs button[hidden] { display: none !important; }
.hc26-tab-panels { position: relative; z-index: 2; background: #fff; }
.hc26-tab-panel[hidden] { display: none !important; }
.hc26-tab-panel > section { width: 100%; }

/* Generic rollout for product/service templates from the 2026 generation. */
body.hc26-generic-layout .hc26-generic-page { display: block; font-family: inherit; }
body.hc26-generic-layout .hc26-generic-page :is(h1,h2,h3,h4,p,li,a,button,input,select,textarea,strong,span) { font-family: inherit; }
body.hc26-generic-layout .hc26-generic-hero {
	position: relative;
	min-height: 610px;
	padding: 92px 0 0 !important;
	background-color: var(--hc26-deep) !important;
	background-position: center !important;
	background-size: cover !important;
	color: #fff;
	overflow: hidden;
}
body.hc26-generic-layout .hc26-generic-hero::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	z-index: 2 !important;
	inset: 0 !important;
	width: auto !important;
	height: auto !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: linear-gradient(90deg, rgba(4,16,32,.98), rgba(7,24,50,.9) 44%, rgba(4,16,32,.12) 76%) !important;
	pointer-events: none;
}
body.hc26-generic-layout .hc26-generic-hero::after { content: none !important; display: none !important; }
body.hc26-generic-layout .hc26-generic-hero > img.hc26-generic-hero-image { display: block !important; position: absolute !important; z-index: 1 !important; inset: 0 !important; width: 100% !important; max-width: none !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center !important; opacity: 1 !important; visibility: visible !important; }
body.hc26-generic-layout .hc26-generic-hero > :is(.site-container,[class*="container"]) {
	position: relative;
	z-index: 3;
	width: min(1260px,100%) !important;
	min-height: 518px;
	margin-inline: auto !important;
	padding-inline: 24px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	grid-template-columns: none !important;
}
body.hc26-generic-layout .hc26-generic-hero > :is(.site-container,[class*="container"]) > :not(.hc26-generic-hero__content) { display: none !important; }
body.hc26-generic-layout .hc26-generic-hero__content { display: block !important; width: min(680px,55%) !important; max-width: 680px !important; margin: 0 !important; padding: 0 0 58px !important; text-align: left !important; }
body.hc26-generic-layout .hc26-generic-hero__content :is([class*="trust"],[class*="badge"],[class*="stat"]) { display: none !important; }
body.hc26-generic-layout .hc26-generic-hero h1 { max-width: 680px !important; margin: 0 0 20px !important; color: #fff !important; font-size: clamp(40px,3.65vw,52px) !important; font-weight: 400 !important; line-height: 1.08 !important; letter-spacing: -.015em !important; text-align: left !important; }
body.hc26-generic-layout .hc26-generic-hero__content > p { max-width: 570px !important; margin: 0 !important; color: rgba(255,255,255,.92) !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.5 !important; text-align: left !important; }
body.hc26-generic-layout .hc26-generic-hero__content > :is(span,[class*="eyebrow"]) { color: var(--hc26-cyan) !important; font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; }
body.hc26-generic-layout .hc26-generic-hero__content :is([class*="actions"],[class*="buttons"]) { display: flex !important; flex-wrap: wrap; gap: 12px !important; margin-top: 28px !important; }
body.hc26-generic-layout .hc26-generic-hero__content :is([class*="actions"],[class*="buttons"]) a { display: inline-flex; align-items: center; justify-content: center; min-height: 66px !important; padding: 0 30px !important; border: 1px solid rgba(255,255,255,.5) !important; border-radius: 999px !important; background: transparent !important; color: #fff !important; font-size: 17px !important; font-weight: 400 !important; text-decoration: none !important; box-shadow: none !important; transform: none !important; }
body.hc26-generic-layout .hc26-generic-hero__content :is([class*="actions"],[class*="buttons"]) a:first-child { border-color: #fff !important; background: #fff !important; color: var(--hc26-navy) !important; }
body.hc26-generic-layout .hc26-tab-panel > section { padding-top: 80px !important; padding-bottom: 80px !important; }
body.hc26-generic-layout .hc26-tab-panel h2,
body.hc26-generic-layout .hc26-generic-page > section:not(.hc26-generic-hero) h2 { font-weight: 400 !important; letter-spacing: -.01em !important; }

/* Keep legacy pricing components intact inside the 2026 rollout. */
body.hc26-generic-layout main .hc26-generic-page .hc26-fixed-pricing .backup-plan-slider {
	display: block !important;
	width: 100% !important;
	padding-inline: 58px !important;
}
body.hc26-generic-layout main .hc26-generic-page .hc26-fixed-pricing .backup-plan-viewport {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	overflow-x: auto !important;
}
body.hc26-generic-layout main .hc26-generic-page .hc26-fixed-pricing .backup-plan-track {
	display: flex !important;
	width: 100% !important;
	min-width: 0 !important;
	grid-template-columns: none !important;
}
body.hc26-generic-layout main .hc26-generic-page .hc26-fixed-pricing .backup-plan-card {
	display: flex !important;
	flex: 0 0 calc((100% - 72px) / 4) !important;
	min-width: 245px !important;
}

/* Large prices and their billing units must always share one line. */
body.hc26-generic-layout .hc26-fixed-pricing :is(
	.email-server-price,
	.h100-price,
	.backup-price,
	[class$="-price"],
	[class$="__price"]
) {
	display: flex !important;
	align-items: baseline !important;
	justify-content: center;
	flex-wrap: nowrap !important;
	gap: 5px !important;
	width: 100%;
	min-width: 0;
	white-space: nowrap !important;
	container-type: inline-size;
}
body.hc26-generic-layout .hc26-fixed-pricing :is(
	.email-server-price,
	.h100-price,
	.backup-price,
	[class$="-price"],
	[class$="__price"]
) > :first-child {
	display: block;
	flex: 0 1 auto;
	min-width: 0;
	font-size: clamp(17px, 12cqi, 32px) !important;
	line-height: 1.08 !important;
	letter-spacing: -.04em !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: nowrap !important;
}
body.hc26-generic-layout .hc26-fixed-pricing :is(
	.email-server-price,
	.h100-price,
	.backup-price,
	[class$="-price"],
	[class$="__price"]
) > :last-child {
	display: block;
	flex: 0 0 auto;
	margin-bottom: 0 !important;
	font-size: clamp(9px, 4cqi, 13px) !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
}
body.hc26-generic-layout .hc26-fixed-pricing .h100-plan-head h3 {
	font-size: clamp(18px, 8cqi, 25px) !important;
	line-height: 1.15 !important;
	overflow-wrap: anywhere;
}
body.hc26-generic-layout .hc26-fixed-pricing .vdb-mysql-price > span,
body.hc26-generic-layout .hc26-fixed-pricing .vdb-mysql-price > small {
	flex: 0 0 auto;
	margin: 0 !important;
	font-size: clamp(9px, 4cqi, 12px) !important;
	white-space: nowrap !important;
}
body.hc26-generic-layout .hc26-fixed-pricing .vdb-mysql-price > strong {
	display: block;
	flex: 0 1 auto;
	min-width: 0;
	margin: 0 !important;
	font-size: clamp(15px, 8cqi, 26px) !important;
	line-height: 1.08 !important;
	white-space: nowrap !important;
}

@media (max-width: 700px) {
	body.hc26-generic-layout .hc26-generic-hero { min-height: 680px; padding-top: 38px !important; }
	body.hc26-generic-layout .hc26-generic-hero::before { background: linear-gradient(180deg,rgba(4,16,32,.14),rgba(4,16,32,.42) 34%,rgba(4,16,32,.98) 62%) !important; }
	body.hc26-generic-layout .hc26-generic-hero > :is(.site-container,[class*="container"]) { min-height: 642px; padding-inline: 16px !important; align-items: flex-end !important; }
	body.hc26-generic-layout .hc26-generic-hero__content { width: 100% !important; max-width: none !important; padding-bottom: 42px !important; }
	body.hc26-generic-layout .hc26-generic-hero h1 { font-size: clamp(32px,9.5vw,42px) !important; }
	body.hc26-generic-layout .hc26-generic-hero__content > p { font-size: 16px !important; }
	body.hc26-generic-layout .hc26-generic-hero__content :is([class*="actions"],[class*="buttons"]) a { min-height: 52px !important; padding-inline: 22px !important; font-size: 15px !important; }
	body.hc26-generic-layout main .hc26-generic-page .hc26-fixed-pricing .backup-plan-slider { padding-inline: 0 !important; }
	body.hc26-generic-layout main .hc26-generic-page .hc26-fixed-pricing .backup-plan-card { flex-basis: min(86vw,320px) !important; min-width: min(86vw,320px) !important; }
}

/* Sections */
.hc26-product-page :is(.amd9005-section,.dpc-section,.vmw-section,.vds-section,.openclaw-section,.hermes-section,.as-section,.vcolo-section,.ds-section,.vx-section,.sg-section,.bmg-section,.tmc-section,.mctl-section,.mmc-section,.htm-section) { padding-top: 80px !important; padding-bottom: 80px !important; }
.hc26-product-page :is(.amd9005-overview__grid,.dpc-overview__grid,.vmw-overview__grid,.vds-overview__grid,.openclaw-overview__grid,.hermes-overview__grid,.as-overview__grid,.vcolo-intro__grid,.ds-overview__grid,.vx-overview__grid,.sg-overview__grid,.bmg-overview__grid,.tmc-overview__grid,.mctl-overview__grid,.mmc-overview__grid,.htm-intro__grid) { align-items: start; gap: 56px; }
.hc26-product-page :is(.amd9005-section-heading,.dpc-section-heading,.vmw-section-heading,.vds-section-heading,.openclaw-section-heading,.hermes-section-heading,.as-section-heading,.vcolo-section-heading,.ds-section-heading,.vx-section-heading,.sg-section-heading,.bmg-section-heading,.tmc-section-heading,.mctl-section-heading,.mmc-section-heading,.htm-section-heading) h2 { margin-top: 0 !important; color: var(--hc26-navy) !important; font-size: clamp(30px, 3vw, 44px) !important; font-weight: 400 !important; line-height: 1.14 !important; letter-spacing: -.01em !important; }
.hc26-product-page :is(.amd9005-center,.dpc-center,.vmw-center,.vds-center,.openclaw-center,.hermes-center,.as-center,.vcolo-center,.ds-center,.vx-center,.sg-center,.bmg-center,.tmc-center,.mctl-center,.mmc-center,.htm-center) { max-width: 940px !important; margin: 0 auto 44px !important; text-align: center !important; }
.hc26-product-page :is(.amd9005-center,.dpc-center,.vmw-center,.vds-center,.openclaw-center,.hermes-center,.as-center,.vcolo-center,.ds-center,.vx-center,.sg-center,.bmg-center,.tmc-center,.mctl-center,.mmc-center,.htm-center) :is(h2,p) { text-align: center !important; }

/* Pricing */
.hc26-product-page :is(.amd9005-pricing,.dpc-pricing,.vmw-pricing,.vds-pricing,.openclaw-pricing,.hermes-pricing,.as-pricing,.vcolo-pricing,.ds-pricing,.vx-pricing,.sg-pricing,.bmg-pricing,.tmc-pricing,.mctl-pricing,.mmc-pricing,.htm-pricing) { background: var(--hc26-soft) !important; }
.hc26-product-page :is(.amd9005-plan-card,.dpc-pricing-card,.vmw-pricing-card,.vds-pricing-card,.openclaw-pricing-card,.hermes-pricing-card,.as-pricing-card,.vcolo-pricing-card,.ds-pricing-card,.vx-pricing-card,.sg-pricing-card,.bmg-pricing-card,.tmc-pricing-card,.mctl-pricing-card,.mmc-card,.htm-pricing-card) { border: 1px solid var(--hc26-line) !important; border-radius: var(--hc26-radius) !important; background: #fff !important; box-shadow: var(--hc26-shadow) !important; overflow: hidden !important; }
.hc26-product-page :is(.amd9005-price,.dpc-price,.vmw-price,.vds-price,.openclaw-price,.hermes-price,.as-price,.vcolo-price,.ds-price,.vx-price,.sg-price,.bmg-price,.tmc-price,.mctl-price,.mmc-price,.htm-price) { display: flex !important; align-items: baseline !important; flex-wrap: nowrap !important; gap: 5px !important; white-space: nowrap !important; container-type: inline-size; }
.hc26-product-page :is(.amd9005-price,.dpc-price,.vmw-price,.vds-price,.openclaw-price,.hermes-price,.as-price,.vcolo-price,.ds-price,.vx-price,.sg-price,.bmg-price,.tmc-price,.mctl-price,.mmc-price,.htm-price) > :first-child { min-width: 0; flex: 0 1 auto; font-size: clamp(20px, 13cqi, 34px) !important; white-space: nowrap !important; }
.hc26-product-page :is(.amd9005-price,.dpc-price,.vmw-price,.vds-price,.openclaw-price,.hermes-price,.as-price,.vcolo-price,.ds-price,.vx-price,.sg-price,.bmg-price,.tmc-price,.mctl-price,.mmc-price,.htm-price) > :last-child { flex: 0 0 auto; font-size: clamp(10px, 4cqi, 14px) !important; white-space: nowrap !important; }

@media (max-width: 900px) {
	.hc26-product-page :is(.amd9005-hero__content,.dpc-hero__content,.vmw-hero__content,.vds-hero__content,.openclaw-hero__content,.hermes-hero__content,.as-hero__content,.vcolo-hero__content,.ds-hero__content,.vx-hero__content,.sg-hero__content,.bmg-hero__content,.tmc-hero__content,.mctl-hero__content,.mmc-hero__content,.htm-hero__content) { width: 62% !important; max-width: 680px !important; }
}

@media (max-width: 700px) {
	.hc26-product-page :is(.site-container,.mmc-container) { padding-inline: 16px; }
	.hc26-product-page :is(.amd9005-hero,.dpc-hero,.vmw-hero,.vds-hero,.openclaw-hero,.hermes-hero,.as-hero,.vcolo-hero,.ds-hero,.vx-hero,.sg-hero,.bmg-hero,.tmc-hero,.mctl-hero,.mmc-hero,.htm-hero) { min-height: 680px; padding-top: 38px !important; }
	.hc26-product-page .hc26-hero-image { object-position: 68% center; }
	.hc26-product-page :is(.amd9005-hero,.dpc-hero,.vmw-hero,.vds-hero,.openclaw-hero,.hermes-hero,.as-hero,.vcolo-hero,.ds-hero,.vx-hero,.sg-hero,.bmg-hero,.tmc-hero,.mctl-hero,.mmc-hero,.htm-hero)::before { background: linear-gradient(180deg, rgba(4,16,32,.08) 0%, rgba(4,16,32,.30) 34%, rgba(4,16,32,.97) 61%, rgba(4,16,32,1) 100%) !important; }
	.hc26-product-page :is(.amd9005-hero__grid,.dpc-hero__grid,.vmw-hero__grid,.vds-hero__grid,.openclaw-hero__grid,.hermes-hero__grid,.as-hero__grid,.vcolo-hero__grid,.ds-hero__grid,.vx-hero__grid,.sg-hero__grid,.bmg-hero__grid,.tmc-hero__grid,.mctl-hero__grid,.mmc-hero__grid,.htm-hero__grid) { min-height: 642px; align-items: flex-end !important; }
	.hc26-product-page :is(.amd9005-hero__content,.dpc-hero__content,.vmw-hero__content,.vds-hero__content,.openclaw-hero__content,.hermes-hero__content,.as-hero__content,.vcolo-hero__content,.ds-hero__content,.vx-hero__content,.sg-hero__content,.bmg-hero__content,.tmc-hero__content,.mctl-hero__content,.mmc-hero__content,.htm-hero__content) { width: 100% !important; max-width: none !important; padding-bottom: 42px !important; }
	.hc26-product-page :is(.amd9005-hero,.dpc-hero,.vmw-hero,.vds-hero,.openclaw-hero,.hermes-hero,.as-hero,.vcolo-hero,.ds-hero,.vx-hero,.sg-hero,.bmg-hero,.tmc-hero,.mctl-hero,.mmc-hero,.htm-hero) h1 { font-size: clamp(32px, 9.5vw, 42px) !important; }
	.hc26-product-page :is(.amd9005-hero,.dpc-hero,.vmw-hero,.vds-hero,.openclaw-hero,.hermes-hero,.as-hero,.vcolo-hero,.ds-hero,.vx-hero,.sg-hero,.bmg-hero,.tmc-hero,.mctl-hero,.mmc-hero,.htm-hero) p { font-size: 16px !important; }
	.hc26-product-page :is(.amd9005-btn,.dpc-btn,.vmw-btn,.vds-btn,.openclaw-btn,.hermes-btn,.as-btn,.vcolo-btn,.ds-btn,.vx-btn,.sg-btn,.bmg-btn,.tmc-btn,.mctl-btn,.mmc-btn,.htm-btn) { min-height: 52px !important; padding-inline: 22px !important; font-size: 15px !important; }
	.hc26-tabs__inner { justify-content: flex-start; }
	.hc26-tabs button { min-width: max-content; min-height: 58px; padding-inline: 20px; font-size: 14px; }
	.hc26-product-page :is(.amd9005-section,.dpc-section,.vmw-section,.vds-section,.openclaw-section,.hermes-section,.as-section,.vcolo-section,.ds-section,.vx-section,.sg-section,.bmg-section,.tmc-section,.mctl-section,.mmc-section,.htm-section) { padding-top: 60px !important; padding-bottom: 60px !important; }
	.hc26-product-page :is(.amd9005-section-heading,.dpc-section-heading,.vmw-section-heading,.vds-section-heading,.openclaw-section-heading,.hermes-section-heading,.as-section-heading,.vcolo-section-heading,.ds-section-heading,.vx-section-heading,.sg-section-heading,.bmg-section-heading,.tmc-section-heading,.mctl-section-heading,.mmc-section-heading,.htm-section-heading) h2 { font-size: clamp(28px, 8vw, 36px) !important; }
	.hc26-banner-mail .hc26-hero-image { object-position: 88% center; }
}