/* VisionX offering-page QA corrections — plugin 2.1.22. */

/* Operational Intelligence: left-aligned "One source" intro. */
.page-id-22644 .vx-gcs-proof__head {
  max-width: 976px;
  margin-inline: auto;
  text-align: left;
}
.page-id-22644 .vx-gcs-proof__head h2 {
  max-width: none;
  margin-inline: 0;
}
.page-id-22644 .vx-gcs-proof__head .vx-gcs-kicker--center::after,
.page-id-22644 .vx-command-process__head .vx-gcs-kicker--center::after,
.page-id-22708 .vx-custom-benefits-instance .vx-gcs-kicker--center::after {
  display: none !important;
}

/* Figma carousels are drag/swipe driven and show no controls. */
.page-id-22644 .vx-command-risk__arrows,
.page-id-22644 .vx-command-risk__dots,
.page-id-22707 .vx-command-risk__arrows,
.page-id-22707 .vx-command-risk__dots {
  display: none !important;
}

@media (min-width: 1025px) {
  .page-id-22644 .vx-command-process__cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 42px 24px;
  }
  .page-id-22644 .vx-command-process__cards article:nth-child(5) { grid-column: 2; }
  .page-id-22644 .vx-command-process__cards article:nth-child(6) { grid-column: 3; }
}

/* Exact grouped Figma dashboard export; inner HTML remains hidden for possible later reuse. */
.page-id-22644 .vx-command-live__map {
  height: 100% !important;
  object-fit: contain;
  opacity: 1;
}
.page-id-22644 .vx-command-live__dashboard {
  aspect-ratio: 1330 / 700;
  min-height: 0 !important;
  background: transparent;
}
.page-id-22644 .vx-command-live__map-title,
.page-id-22644 .vx-command-live__alerts,
.page-id-22644 .vx-command-live__index {
  display: none !important;
}

.page-id-22707 .vx-offer-hero__description { max-width: 590px; }

.page-id-22708 .vx-custom-benefits-instance .vx-command-process__head { text-align: left; }
.page-id-22708 .vx-custom-benefits-instance .vx-gcs-kicker--center { justify-content: flex-start; }
.page-id-22708 .vx-custom-benefits-instance .vx-command-process__cards h3 { max-width: 380px; }
.page-id-22708 .vx-custom-benefits-instance .vx-command-process__cards article > p:last-child { max-width: 550px; }
.page-id-22708 .vx-custom-deploy-instance .vx-gcs-kicker--center::after { display: block !important; }

@media (min-width: 1025px) {
  .page-id-22644 .vx-gcs-offerings--cta-only .vx-gcs-offerings__cta h3,
  .page-id-22707 .vx-gcs-offerings--cta-only .vx-gcs-offerings__cta h3,
  .page-id-22708 .vx-gcs-offerings--cta-only .vx-gcs-offerings__cta h3,
  .page-id-22707 .vx-offer-roadmap-instance .vx-command-process__head h2,
  .page-id-22708 .vx-offer-roadmap-instance .vx-command-process__head h2 {
    max-width: none;
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  .page-id-22644 .vx-gcs-proof__head,
  .page-id-22708 .vx-custom-benefits-instance .vx-command-process__head { text-align: left; }
  .page-id-22707 .vx-offer-hero__description { max-width: 100%; }
}

:root {
	--vx-gcs-content: 1280px;
	--vx-gcs-banner: 1440px;
	--vx-gcs-narrow: 998px;
}

.vx-gcs-page-root,
.vx-gcs-page-root > .e-con-inner {
	gap: 0 !important;
	--gap: 0px !important;
	--row-gap: 0px !important;
	--column-gap: 0px !important;
}

.vx-gcs-page-root {
	overflow-x: clip;
}

[class*="elementor-widget-visionx_gcs_"] {
	width: 100%;
	margin: 0 !important;
}

.vx-gcs-section-widget,
.vx-gcs-section-widget * {
	box-sizing: border-box;
}

.vx-gcs-section-widget {
	--vx-gcs-ink: #030209;
	--vx-gcs-accent: #d60048;
	/* Only the hero, outcomes and footer widgets emit an inline
	   --vx-gcs-atmosphere, so any rule using the art outside those three
	   resolves to `none`. Fallback only -- the inline values still win. */
	--vx-gcs-atmosphere: url("../images/bg-atmosphere.png");
	position: relative;
	width: 100%;
	margin: 0;
	color: var(--vx-gcs-ink);
	font-family: Montserrat, Arial, sans-serif;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.vx-gcs-section-widget h1,
.vx-gcs-section-widget h2,
.vx-gcs-section-widget h3,
.vx-gcs-section-widget p {
	margin: 0;
	font-family: inherit;
}

.vx-gcs-section-widget img {
	display: block;
	max-width: 100%;
}

.vx-gcs-section-widget a {
	color: inherit;
}

.vx-gcs-inner {
	width: min(calc(100% - 48px), var(--vx-gcs-content));
	margin-inline: auto;
}

.vx-gcs-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 12px 18px;
	border-radius: 999px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none !important;
	transition: transform .2s ease, box-shadow .2s ease;
}

.vx-gcs-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 36px rgb(0 0 0 / 18%);
}

.vx-gcs-button--light {
	background: #fff;
	color: var(--vx-gcs-ink) !important;
}

.vx-gcs-button--brand {
	background: var(--vx-gcs-accent);
	color: #fff !important;
}

.vx-gcs-kicker {
	display: flex;
	align-items: center;
	gap: 11px;
	color: var(--vx-gcs-accent);
	font-size: 14px;
	font-weight: 500;
}

.vx-gcs-kicker::before {
	content: "";
	width: 27px;
	height: 2px;
	background: currentColor;
}

.vx-gcs-kicker--center {
	justify-content: center;
}

.vx-gcs-kicker--center::after {
	content: "";
	width: 27px;
	height: 2px;
	background: currentColor;
}

.vx-gcs-kicker--light {
	color: #fff;
}

/* Hero */
.vx-gcs-hero {
	width: 100%;
	min-height: 810px;
	margin-inline: 0;
	/* Figma draws the glass box 1344 wide inside its 1440 frame, leaving a 48px
	   background gutter. The brief overrides that: the banner box itself is the
	   1440 container and the nav/copy column inside it is the 1280 one, so the
	   box runs edge to edge at 1440 and only the section background extends
	   past it on wider screens. */
	padding: 48px calc((100% - min(100%, 1440px)) / 2);
	overflow: hidden;
	/* Figma keeps the banner flush with the top of the page; only the bottom
	   corners are rounded, matching the offerings block below. */
	border-radius: 0 0 72px 72px;
	/* The atmosphere art already carries the orange/blue wash, so Figma adds no
	   radial glows -- only a fade to #030209 across the bottom 22%. The art is
	   drawn at 106.09% x 125.74% offset -2.448% / -15.648%. */
	background:
		linear-gradient(180deg, rgb(3 2 9 / 0%) 78.264%, rgb(3 2 9 / 87.6%) 93.141%, rgb(3 2 9 / 92.2%) 95.231%, rgb(3 2 9 / 96.6%) 97.422%, #030209 100%),
		var(--vx-gcs-atmosphere) 40.17% 60.79% / 106.094% 125.741% no-repeat,
		#05040d;
	color: #fff;
}

.vx-gcs-hero__shell {
	position: relative;
	width: 100%;
	max-width: none;
	margin: 0;
	height: 714px;
	min-height: 0;
	/* 1440 box - 2x80 = the 1280 inner column. .vx-gcs-hero__content is the
	   offset parent for the absolutely-placed art, so keeping the column at
	   x80 keeps the art at Figma's x525.75 without touching its own offsets. */
	padding: 42px 80px 0 80px;
	border: 0;
	box-shadow: none;
	/* Chromium clips backdrop-filter to the element's own border box and
	   border-radius ONLY -- a mask-image or clip-path on the same element is
	   ignored. The blur therefore has to live on the shell itself; hosting it on
	   a masked ::before painted a hard 1440x714 square straight over Figma's
	   rounded, notched panel. The radius here just re-rounds the blur; the real
	   silhouette still comes from the SVG below. */
	border-radius: 36px;
	-webkit-backdrop-filter: blur(82.5px);
	backdrop-filter: blur(82.5px);
	/* Figma's glass panel is not a plain rounded rect -- the bottom-right is
	   notched away so the hero art overhangs the card. Both the 10% white fill
	   and the top-left-to-bottom-right fading stroke come from that one path. */
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 714'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='1032.375' y1='618.375' x2='-637.5' y2='-895.125' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M36 0.75H1404C1423.47 0.750012 1439.25 16.532 1439.25 36V487.5C1439.25 506.968 1423.47 522.75 1404 522.75H734.625C714.329 522.75 697.875 539.204 697.875 559.5V678C697.875 697.468 682.093 713.25 662.625 713.25H36C16.532 713.25 0.75 697.468 0.75 678V36C0.75 16.532 16.532 0.75 36 0.75Z' fill='%23fff' fill-opacity='0.1' stroke='url(%23g)' stroke-width='1.5'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
}

.vx-gcs-nav {
	/* Sits above the shell's backdrop-blur layer. */
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 32px;
}

.vx-gcs-nav__logo {
	width: 144px;
	height: auto;
}

.vx-gcs-nav__links {
	display: flex;
	align-items: center;
	gap: 30px;
}

.vx-gcs-nav__links a,
.vx-gcs-nav__demo {
	color: #fff !important;
	font-size: 18px;
	text-decoration: none !important;
}

.vx-gcs-nav__demo {
	display: inline-flex;
	align-items: center;
	justify-self: end;
	gap: 12px;
	font-size: 15px;
}

.vx-gcs-nav__demo span {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.vx-gcs-nav__demo i {
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 50%;
	background: var(--vx-gcs-accent);
	font-size: 20px;
	font-style: normal;
}

.vx-gcs-hero__content {
	position: absolute;
	/* Matches the shell's 80px inset so the copy column and the absolutely
	   placed art both sit on Figma's 1280 grid inside the 1440 banner. */
	left: 80px;
	right: 80px;
	top: 42px;
	min-height: 0;
}

.vx-gcs-hero__copy {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 123px;
	width: 490px;
	padding: 0;
}

.vx-gcs-hero__eyebrow {
	margin-bottom: 24px !important;
	font-size: 18px;
	font-weight: 600;
}

.vx-gcs-hero__copy h1 {
	max-width: 490px;
	font-size: 72px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -.03em;
	color: #fff;
}

.vx-gcs-hero__description {
	max-width: 381px;
	margin: 24px 0 36px !important;
	font-size: 18px;
	line-height: 1.4;
}

.vx-gcs-hero__art {
	position: absolute;
	z-index: 1;
	left: 446px;
	top: 121px;
	width: 866px;
	height: 551px;
	margin: 0;
}

.vx-gcs-hero__art::before,
.vx-gcs-hero__art::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 53px;
	left: 218px;
	width: 624px;
	height: 384px;
	opacity: .5;
	border: 1.5px solid transparent;
	border-radius: 36px;
	background: linear-gradient(206.23deg, rgb(255 255 255 / 10%) 11.171%, rgb(255 255 255 / 0%) 46.519%);
	backdrop-filter: blur(82.5px);
}

.vx-gcs-hero__art::before {
	top: 29px;
	width: 648px;
	background: linear-gradient(205.38deg, rgb(255 255 255 / 10%) 11.171%, rgb(255 255 255 / 0%) 46.519%);
}

.vx-gcs-hero__art img {
	position: absolute;
	left: 203px;
	top: 101px;
	width: 591px;
	height: 450px;
	max-width: none;
	border: 1.5px solid transparent;
	border-radius: 36px;
	background: #05030e;
	object-fit: cover;
}

/* Use cases */
.vx-gcs-use-cases {
	height: auto;
	padding: 120px 0;
	background-color: #fff;
	background-image:
		linear-gradient(to right, rgb(212 212 220 / 25%) 1px, transparent 1px),
		linear-gradient(to bottom, rgb(212 212 220 / 25%) 1px, transparent 1px);
	background-size: 109px 109px;
}

/* Legacy page CSS ships un-scoped `#use-cases` / `#contact` rules marked
   !important, and these two section wrappers reuse those ids. The legacy grid
   also references an undefined --vx-grid, which invalidates the whole
   background-image and wipes the grid lines out. The id has to appear here too:
   between two !important declarations specificity still decides, and an id beats
   any number of classes. Pairing it with the class keeps the rule inert unless
   our widget is the element carrying that id, so anchor links still work. */
#use-cases.vx-gcs-use-cases {
	padding: 80px 0 !important;
	background-color: #fff !important;
	background-image:
		linear-gradient(to right, rgb(212 212 220 / 25%) 1px, transparent 1px),
		linear-gradient(to bottom, rgb(212 212 220 / 25%) 1px, transparent 1px) !important;
	background-size: 109px 109px !important;
}

.vx-gcs-use-cases .vx-gcs-inner {
	max-width: var(--vx-gcs-narrow);
}

.vx-gcs-use-cases:has(.vx-gcs-use-cases__preface) {
	height: auto;
}

.vx-gcs-use-cases__preface {
	max-width: var(--vx-gcs-narrow);
	margin: 0 auto 112px;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	color: #2b303a;
}

.vx-gcs-use-cases__head {
	display: grid;
	grid-template-columns: 183px 1fr;
	align-items: start;
	gap: 14px;
	margin-bottom: 66px;
}

.vx-gcs-use-cases__head .vx-gcs-kicker {
	margin-top: 36px;
}

.vx-gcs-use-cases__head h2 {
	max-width: 800px;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -.035em;
}

/* Figma stacks four 36px-radius cards that OVERLAP: rows sit 85.5px apart but
   are 195px tall, so each row's rounded bottom is hidden under the next one.
   Only the first row's top corners and the last row's bottom corners are
   exposed, which is why the radius lives on the items, not the container. */
.vx-gcs-accordion {
	border-radius: 0;
}

.vx-gcs-accordion__item,
.vx-gcs-accordion__item h3 {
	margin: 0;
}

.vx-gcs-accordion__item {
	position: relative;
	overflow: hidden;
	border-radius: 36px 36px 0 0;
}

.vx-gcs-accordion__item:last-child {
	border-radius: 36px;
}

.vx-gcs-accordion__trigger {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 86px;
	padding: 21px 60px;
	border: 0;
	background: #fff;
	color: var(--vx-gcs-ink);
	text-align: left;
	cursor: pointer;
}

.vx-gcs-accordion__trigger:hover,
.vx-gcs-accordion__trigger:focus,
.vx-gcs-accordion__trigger:active {
	background: #fff;
	color: var(--vx-gcs-ink) !important;
	outline: 2px solid transparent;
}

.vx-gcs-accordion__trigger:focus-visible {
	outline-color: var(--vx-gcs-accent);
	outline-offset: -3px;
}

.vx-gcs-accordion__item:nth-child(odd):not(.is-open) .vx-gcs-accordion__trigger {
	background: #f5f5f5;
}

.vx-gcs-accordion__trigger span {
	flex: 0 0 45px;
	color: #929292;
	font-size: 21px;
	font-weight: 600;
}

.vx-gcs-accordion__trigger strong {
	min-width: 0;
	font-size: 21px;
	font-weight: 500;
	line-height: 1.3;
	white-space: normal;
}

/* The open row is not a hand-built gradient -- Figma drops the atmosphere photo
   in at 1570.5x1047, rotated 163.54deg, inside a 1802.8x1449 wrapper pinned at
   (-497.4, -536.86). Centring the image in that wrapper puts its own box at
   (-381.26, -335.84); the rotation then has to happen about that centre, which
   is why this is a pseudo-element and not a background-position. */
.vx-gcs-accordion__item.is-open {
	background: #030209;
}

.vx-gcs-accordion__item.is-open::before {
	content: "";
	position: absolute;
	z-index: 0;
	left: -381.26px;
	top: -335.84px;
	width: 1570.5px;
	height: 1047px;
	transform: rotate(163.54deg);
	background: var(--vx-gcs-atmosphere) center / cover no-repeat;
	pointer-events: none;
}

.vx-gcs-accordion__item.is-open::after {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 0;
	background: linear-gradient(180deg, rgb(3 2 9 / 0%) 78.264%, rgb(3 2 9 / 87.6%) 93.141%, rgb(3 2 9 / 92.2%) 95.231%, rgb(3 2 9 / 96.6%) 97.422%, #030209 100%);
	pointer-events: none;
}

.vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger {
	min-height: 82px;
	padding-block: 36px 16px;
	background: transparent;
	color: #fff;
}

.vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger:hover,
.vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger:focus,
.vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger:active {
	background: transparent;
	color: #fff !important;
}

.vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger span {
	position: relative;
	flex-basis: 81px;
	padding-left: 36px;
	color: #d60048;
}

.vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger strong { font-size: 24px; }

.vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger span::before {
	/* Figma puts the dash flush with the row's 60px gutter, then an 18px gap
	   before "04" -- so it sits at the very start of the span, not inset. */
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 18px;
	height: 2.25px;
	background: currentColor;
}

.vx-gcs-accordion__panel {
	position: relative;
	z-index: 2;
	min-height: 260px;
	color: #fff;
}

.vx-gcs-accordion__panel[hidden] {
	display: none;
}

.vx-gcs-accordion__copy {
	position: relative;
	z-index: 2;
	width: 677px;
	padding: 21px 0 35px 96px;
}

.vx-gcs-accordion__item:nth-child(4) .vx-gcs-accordion__copy { width: 741px; }

.vx-gcs-accordion__copy p {
	margin-top: 18px;
	font-size: 18px;
	line-height: 1.3;
}

.vx-gcs-accordion__copy .vx-gcs-accordion__lead {
	max-width: none;
	margin-top: 0;
	font-size: 24px;
	line-height: 1.3;
	letter-spacing: -.025em;
}

.vx-gcs-accordion__impact {
	width: 631.5px;
	max-width: 100%;
	color: rgb(255 255 255 / 52%);
	font-weight: 500;
	letter-spacing: -.02em;
}

.vx-gcs-accordion__panel > img {
	position: absolute;
	max-width: none;
	object-fit: contain;
	object-position: center;
	filter: drop-shadow(0 22px 26px rgb(0 0 0 / 20%));
}

/* Figma geometry, 0.75 scale of the 1330 open-state frames. Panel starts 83px
   below the item top, so each `top` is the Figma value minus 83. */
.vx-gcs-accordion__item:nth-child(1) .vx-gcs-accordion__panel > img { left: 614.7px;  top: 12.1px;   width: 384.75px; height: 256.5px;  transform: rotate(9.44deg); }
.vx-gcs-accordion__item:nth-child(2) .vx-gcs-accordion__panel > img { left: 639.7px;  top: -56.6px;  width: 541.45px; height: 360.97px; transform: rotate(15deg); }
.vx-gcs-accordion__item:nth-child(3) .vx-gcs-accordion__panel > img { left: 648.1px;  top: -14.7px;  width: 483.3px;  height: 322.2px;  transform: rotate(15.68deg); }
.vx-gcs-accordion__item:nth-child(4) .vx-gcs-accordion__panel > img { left: 639.75px; top: -33.5px;  width: 525.38px; height: 350.25px;  }

/* Proof */
.vx-gcs-loop-carousel {
	--vx-carousel-gap: 15px;
	--vx-carousel-start: 0px;
	width: 100%;
	overflow: hidden;
}

.vx-gcs-loop-carousel__track {
	display: flex;
	width: max-content;
	gap: var(--vx-carousel-gap);
	animation: vx-gcs-loop-carousel var(--vx-carousel-speed, 26s) linear infinite;
	will-change: transform;
}

.vx-gcs-loop-carousel__group {
	display: flex;
	gap: var(--vx-carousel-gap);
}

.vx-gcs-loop-carousel:hover .vx-gcs-loop-carousel__track,
.vx-gcs-loop-carousel:focus-within .vx-gcs-loop-carousel__track {
	animation-play-state: paused;
}

.vx-gcs-proof {
	padding: 0 0 80px;
	overflow: hidden;
	background: #fff;
}

.vx-gcs-proof__head {
	text-align: center;
}

.vx-gcs-proof__head h2 {
	max-width: var(--vx-gcs-narrow);
	margin: 9px auto;
	font-size: 48px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -.035em;
}

.vx-gcs-proof__head > p:last-child {
	font-size: 21px;
	line-height: 1.25;
	color: #030209;
}

.vx-gcs-proof__viewport {
	width: 100%;
	margin-top: 60px;
}

.vx-gcs-proof__track {
	--vx-carousel-gap: 15px;
}

.vx-gcs-proof__group {
	display: flex;
	gap: 15px;
}

.vx-gcs-proof-card {
	position: relative;
	flex: 0 0 507px;
	height: 300px;
	overflow: hidden;
	border: 1px solid rgb(43 48 58 / 0%);
	border-radius: 36px 0 36px 0;
	background: linear-gradient(139deg, #f1f1f1 27.8%, #fff 31.8%);
}

.vx-gcs-proof-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgb(255 255 255 / 42%), transparent 47%);
}

.vx-gcs-proof-card__copy {
	position: absolute;
	z-index: 2;
	left: 48px;
	top: 48px;
	width: 233px;
	padding: 0;
}

.vx-gcs-proof-card h3 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.025em;
}

.vx-gcs-proof-card p {
	margin-top: 6px;
	font-size: 21px;
	line-height: 1.4;
	color: #030209;
}

.vx-gcs-proof-card > img {
	position: absolute;
	z-index: 1;
	height: auto;
	max-width: none;
	object-fit: contain;
	object-position: center;
}

.vx-gcs-proof-card--coins > img { right: -117px; top: 71px; width: 371px; }
.vx-gcs-proof-card--registry > img { right: -75px; top: 90px; width: 312px; }
.vx-gcs-proof-card--websites > img { right: -88px; top: 53px; width: 360px; }

@keyframes vx-gcs-loop-carousel {
	from { transform: translateX(var(--vx-carousel-start)); }
	to { transform: translateX(calc(-50% - (var(--vx-carousel-gap) / 2) + var(--vx-carousel-start))); }
}

/* Outcomes */
.vx-gcs-outcomes {
	padding: 0 0 120px;
	background: #fff;
}

.vx-gcs-outcomes__panel {
	position: relative;
	display: block;
	height: 807px;
	min-height: 0;
	overflow: hidden;
	padding: 0;
	border-radius: 42px;
	/* Figma builds this panel from four art layers over a flat plate, not one
	   `cover` fill -- see the three rules below. */
	background: #030209;
	color: #fff;
}

/* Layer 1 (lowest): a 40% copy of the atmosphere art, mirrored vertically and
   faded back to #030209 at both ends. */
.vx-gcs-outcomes__panel::after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 387px;
	top: -12.75px;
	width: 1103.25px;
	height: 620.25px;
	opacity: .4;
	transform: scaleY(-1);
	background:
		linear-gradient(0deg, rgb(3 2 9 / 0%) 68.876%, #030209 100%),
		linear-gradient(180deg, rgb(3 2 9 / 0%) 78.264%, rgb(3 2 9 / 87.6%) 93.141%, rgb(3 2 9 / 92.2%) 95.231%, rgb(3 2 9 / 96.6%) 97.422%, #030209 100%),
		var(--vx-gcs-atmosphere) -686.8px -588.7px / 1814.7px 1209px no-repeat;
	pointer-events: none;
}

/* Layer 3: the same art again at 50%, drawn OVER the globe -- that overlap is
   what tints and softens the dots. Hosted on the head so it lands between the
   globe and the metric tiles without needing a third pseudo on the panel. */
.vx-gcs-outcomes__head::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: -204px;
	top: -116px;
	width: 1280px;
	height: 890.25px;
	opacity: .5;
	background: var(--vx-gcs-atmosphere) -335.7px -96px / 1732.7px 1082.3px no-repeat;
	pointer-events: none;
}

/* 144px fade into #10020d along the bottom edge. */
.vx-gcs-outcomes__panel::before {
	content: "";
	position: absolute;
	z-index: 4;
	right: 0;
	bottom: 0;
	left: 0;
	height: 144px;
	background: linear-gradient(180deg, rgb(16 2 13 / 0%), #10020d);
	pointer-events: none;
}

/* Layer 2: Figma draws the globe at 1708.6px wide, offset well outside the
   panel on the left and bottom so only the upper-right arc shows. It carries
   its own alpha, so no blend mode or opacity is needed. */
.vx-gcs-outcomes__world {
	position: absolute;
	z-index: 2;
	left: -214px;
	top: 188px;
	width: 1708.6px;
	height: auto;
	max-width: none;
}

/* `.vx-gcs-section-widget img { max-width: 100% }` outranks the class above and
   was silently capping the globe at the panel width. */
.vx-gcs-section-widget .vx-gcs-outcomes__world {
	max-width: none;
}

.vx-gcs-outcomes__head,
.vx-gcs-outcomes__metrics {
	position: relative;
	z-index: 3;
}

.vx-gcs-outcomes__head {
	position: absolute;
	left: 204px;
	top: 116px;
	width: 793px;
	text-align: center;
}

.vx-gcs-outcomes__head h2 {
	max-width: 793px;
	margin: 18px auto 0;
	font-size: 48px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -.03em;
	color: #fff;
}

.vx-gcs-outcomes__metrics {
	position: absolute;
	left: 150px;
	top: 328px;
	width: 900px;
	display: grid;
	grid-template-columns: repeat(2, 441px);
	gap: 18px;
	overflow: visible;
	border: 0;
	border-radius: 0;
	background: none;
	backdrop-filter: none;
}

.vx-gcs-metric {
	position: relative;
	display: flex;
	height: 155px;
	min-height: 0;
	align-items: flex-start;
	gap: 18px;
	padding: 33px 33px 0;
	border: 1.5px solid transparent;
	border-radius: 24px;
	background: linear-gradient(90deg, rgb(255 255 255 / 10%), rgb(255 255 255 / 0%) 88.8%);
	backdrop-filter: blur(38px);
}

/* Figma's 1.5px stroke is a gradient, so the design export flattens it to
   `rgba(255,255,255,0)` -- i.e. nothing renders and the tiles lose their lit
   edge entirely. Sampled off the Figma render, the stroke starts at ~50% white
   on the same side the fill is lit and dies out around 68% across. A gradient
   can't be a border-color, so it is painted on a pseudo and masked down to the
   1.5px ring. inset: -1.5px lines the pseudo's border box up with the tile's,
   since `inset: 0` would resolve against the padding box. */
.vx-gcs-metric::after {
	content: "";
	position: absolute;
	inset: -1.5px;
	border: 1.5px solid transparent;
	border-radius: 24px;
	background: linear-gradient(90deg, rgb(255 255 255 / 50%), rgb(255 255 255 / 0%) 68%) border-box;
	-webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
	mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.vx-gcs-metric:nth-child(even) {
	flex-direction: row-reverse;
	text-align: right;
	background: linear-gradient(270deg, rgb(255 255 255 / 10%), rgb(255 255 255 / 0%) 88.8%);
}

/* Figma rotates the right-hand tiles 180deg, which flips the lit edge outward. */
.vx-gcs-metric:nth-child(even)::after {
	background: linear-gradient(270deg, rgb(255 255 255 / 50%), rgb(255 255 255 / 0%) 68%) border-box;
}

.vx-gcs-metric img {
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	object-fit: contain;
}

.vx-gcs-metric div {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 19.5px;
}

.vx-gcs-metric:nth-child(even) div { align-items: flex-end; }

.vx-gcs-metric strong {
	font-size: 30px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -.03em;
}

.vx-gcs-metric span {
	font-size: 24px;
	font-weight: 300;
	line-height: 1.4;
	color: #fff;
}

/* Sovereignty */
.vx-gcs-sovereignty {
	padding: 0 0 80px;
	background: #fff;
}

.vx-gcs-sovereignty .vx-gcs-inner { max-width: var(--vx-gcs-narrow); }

.vx-gcs-sovereignty__grid {
	display: grid;
	grid-template-columns: 389px 591px;
	align-items: center;
	gap: 18px;
}

.vx-gcs-sovereignty__head h2 {
	max-width: 389px;
	margin-top: 9px;
	font-size: 48px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -.03em;
}

.vx-gcs-sovereignty__cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
}

.vx-gcs-sovereignty-card {
	position: relative;
	display: block;
	height: 150px;
	min-height: 0;
	overflow: hidden;
	padding: 0;
	border: .75px solid transparent;
	border-radius: 24px;
	background:
		linear-gradient(-64.21deg, #f1f1f1 27.96%, #fff 72.38%) padding-box,
		linear-gradient(108deg, #fff 52%, #c4c4c4 100%) border-box;
	text-align: right;
	transition: box-shadow .25s ease;
}

/* Row 2 repeats row 1's fills mirrored vertically (angle -> 180 - angle). */
.vx-gcs-sovereignty-card:nth-child(even) {
	background:
		linear-gradient(57.41deg, #f1f1f1 28.97%, #fff 74.59%) padding-box,
		linear-gradient(108deg, #fff 52%, #c4c4c4 100%) border-box;
}

.vx-gcs-sovereignty-card:nth-child(3) {
	background:
		linear-gradient(-115.79deg, #f1f1f1 27.96%, #fff 72.38%) padding-box,
		linear-gradient(108deg, #fff 52%, #c4c4c4 100%) border-box;
}

.vx-gcs-sovereignty-card:nth-child(4) {
	background:
		linear-gradient(122.59deg, #f1f1f1 28.97%, #fff 74.59%) padding-box,
		linear-gradient(108deg, #fff 52%, #c4c4c4 100%) border-box;
}

.vx-gcs-sovereignty-card span {
	position: absolute;
	z-index: 2;
	top: 69px;
	right: 30px;
	width: 200px;
	max-width: none;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -.03em;
	color: rgb(3 2 9 / 50%);
	transition: color .25s ease;
}

.vx-gcs-sovereignty-card:nth-child(even) span { right: auto; left: 30px; text-align: left; }
.vx-gcs-sovereignty-card:nth-child(n+3) span { top: 25px; }

/* Figma marks the first tile as the active one. */
.vx-gcs-sovereignty-card--1 span {
	background: linear-gradient(122.19deg, #f33a02 31.84%, #b10039 65.92%, #002fb6);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-weight: 600;
	letter-spacing: -.03em;
}

.vx-gcs-sovereignty-card:hover,
.vx-gcs-sovereignty-card:focus-visible {
	box-shadow: 0 14px 32px rgb(24 16 36 / 10%);
	outline: none;
}

.vx-gcs-sovereignty-card:hover span,
.vx-gcs-sovereignty-card:focus-visible span {
	background: linear-gradient(108deg, #f33a02 12%, #d60048 52%, #064de8 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-weight: 600;
}

/* "Edge" is the tile Figma draws active, but that gradient was unconditional:
   hovering "Cloud" lit Cloud while Edge stayed lit too, so two tiles read as
   active at once. Once the pointer is anywhere in the grid the default active
   state stands down. `:not(:hover)` keeps Edge lit when Edge itself is the
   hovered tile, and outranks the plain :hover rule so ordering can't flip it. */
.vx-gcs-sovereignty__cards:hover .vx-gcs-sovereignty-card--1:not(:hover) span {
	background: none;
	color: rgb(3 2 9 / 50%);
	font-weight: 500;
}

.vx-gcs-section-widget .vx-gcs-sovereignty__compliance {
	display: flex;
	align-items: center;
	gap: 30px;
	width: 100%;
	height: 72px;
	margin: 30px 0 0;
	padding: 20px max(24px, calc((100% - var(--vx-gcs-narrow)) / 2));
	background: linear-gradient(90deg, transparent, #f7f8fa, transparent);
	font-size: 21px;
	font-weight: 500;
	text-align: left;
}

.vx-gcs-sovereignty__compliance span { display: inline-flex; align-items: center; gap: 30px; }
.vx-gcs-sovereignty__compliance span:not(:last-child)::after { content: ""; width: 12px; height: 12px; border-radius: 50%; background: #e4e4e6; }

/* Offerings */
.vx-gcs-offerings {
	padding: 120px 0 120px;
	background: #fbe9f0;
}

.vx-gcs-offerings__head {
	max-width: var(--vx-gcs-narrow);
	margin: 0 auto 60px;
	text-align: center;
}

.vx-gcs-offerings__head h2 {
	margin-top: 9px;
	font-size: 48px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -.03em;
}

/* Figma centres a 1224px column in the 1280px row, then left-aligns the
   1200px of tiles inside it. The CTA below fills that same 1224px. */
.vx-gcs-offerings__cards,
.vx-gcs-offerings__cta {
	width: 1224px;
	max-width: 100%;
	margin-inline: auto;
}

.vx-gcs-offerings__cards {
	display: grid;
	grid-template-columns: 387.75px 388.5px 387.75px;
	justify-content: start;
	gap: 18px;
}

.vx-gcs-offering-card {
	position: relative;
	min-height: 300px;
	overflow: hidden;
	border: .75px solid #2b303a;
	border-radius: 36px;
	background:
		radial-gradient(circle at 10% 0%, rgb(0 50 202 / 80%), transparent 45%),
		radial-gradient(circle at 80% 108%, rgb(228 0 61 / 88%), transparent 48%),
		#050412;
	color: #fff;
}

.vx-gcs-offering-card > img {
	position: absolute;
	z-index: 1;
	max-width: none;
	object-fit: contain;
	object-position: center;
	transform-origin: 50% 50%;
}

/* Un-rotated element boxes recovered from Figma's card-relative bounding
   boxes: solve bbox = w*cos+h*sin for the true size, then centre it. */
.vx-gcs-offering-card--1 > img { top: -17.4px; right: -11.7px; width: 165.6px; height: 210.7px !important; transform: rotate(3deg); }
.vx-gcs-offering-card--2 > img { top: -25.6px; right: -10px; width: 161.5px; height: 163.3px !important; transform: rotate(16.88deg); }
.vx-gcs-offering-card--3 > img { top: -11.8px; right: -9.1px; width: 144px; height: 145.5px !important; transform: rotate(15deg); }

.vx-gcs-offering-card > div {
	position: absolute;
	z-index: 2;
	left: 36px;
	top: 145px;
	width: 215px;
}

.vx-gcs-offering-card--2 > div { width: 293px; }

.vx-gcs-offering-card h3 {
	max-width: 100%;
	margin-bottom: 12px;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -.025em;
	color: #fff;
}

.vx-gcs-offering-card a {
	color: var(--vx-gcs-accent) !important;
	font-size: 18px;
	font-weight: 500;
	text-underline-offset: 4px;
}

.vx-gcs-offerings__cta {
	position: relative;
	display: grid;
	min-height: 275px;
	grid-template-columns: 1fr;
	align-items: center;
	overflow: hidden;
	margin-top: 18px;
	padding: 60px;
	border-radius: 36px;
	background: #fff;
	box-shadow: 0 20px 55px rgb(89 0 30 / 8%);
}

.vx-gcs-offerings__cta > div {
	position: relative;
	z-index: 3;
	align-self: start;
	width: 639px;
}

.vx-gcs-offerings__cta h3 {
	max-width: 639px;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.035em;
}

.vx-gcs-offerings__cta h3 p { margin: 0; }

.vx-gcs-offerings__cta h3 + .vx-gcs-button { margin-top: 36px; }

.vx-gcs-offerings__cta p {
	margin: 12px 0 36px;
	font-size: 18px;
}

.vx-gcs-offerings__cta > img {
	position: absolute;
	z-index: 1;
	left: 750px;
	right: auto;
	top: -21px;
	width: 473.625px;
	height: 315.75px;
	object-fit: cover;
	object-position: center;
}

/* Figma fades the CTA photo into the white card along its left edge. */
.vx-gcs-offerings__cta::after {
	content: "";
	position: absolute;
	z-index: 2;
	left: 750px;
	right: auto;
	top: -21px;
	width: 473.625px;
	height: 315.75px;
	background: linear-gradient(90deg, #fff 6.59%, rgb(255 255 255 / 95.5%) 11.82%, rgb(255 255 255 / 88.7%) 18.75%, rgb(255 255 255 / 80.7%) 25.77%, rgb(255 255 255 / 0%) 67.31%);
	pointer-events: none;
}

/* Footer */
.vx-gcs-footer {
	min-height: 525px;
	margin-top: -116px;
	padding: 83px 0 40px;
	background: var(--vx-gcs-atmosphere) center / cover no-repeat, #05040d;
	color: #fff;
}

/* Same `#contact` id collision as the use-cases block above: the legacy rule
   forces 540px, its own padding and the hero photo onto this footer. */
#contact.vx-gcs-footer {
	min-height: 525px !important;
	padding: 83px 0 40px !important;
	border-top: 0 !important;
	background: var(--vx-gcs-atmosphere) center / cover no-repeat, #05040d !important;
}

.vx-gcs-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, rgb(3 2 9 / 55%), rgb(3 2 9 / 20%));
}

.vx-gcs-footer .vx-gcs-inner {
	position: relative;
	z-index: 1;
}

.vx-gcs-footer__top {
	display: grid;
	grid-template-columns: 305px 587px;
	justify-content: space-between;
	gap: 90px;
}

.vx-gcs-footer__logo {
	width: 168px;
	height: auto;
}

.vx-gcs-footer__brand > p {
	max-width: 305px;
	margin-top: 0;
	font-size: 16px;
	line-height: 1.44;
}

.vx-gcs-footer__certs {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 20px;
}

.vx-gcs-footer__certs img {
	width: 67px;
	height: auto;
	object-fit: contain;
}

.vx-gcs-footer__links {
	display: grid;
	grid-template-columns: 205px 189px 73px;
	gap: 60px;
	padding-top: 24px;
}

.vx-gcs-footer__links h3 {
	margin-bottom: 18px;
	font-size: 13px;
	font-weight: 500;
	color: rgb(255 255 255 / 45%);
}

.vx-gcs-footer__links div div {
	font-size: 12px;
	line-height: 2.08;
	color: #fff;
}

.vx-gcs-footer__links p { margin: 0; }
.vx-gcs-footer__links ul { margin: 0; padding: 0; list-style: none; }
.vx-gcs-footer__links a,
.vx-gcs-footer__bottom a { color: inherit; text-decoration: none; }
.vx-gcs-footer__links a:hover,
.vx-gcs-footer__links a:focus-visible,
.vx-gcs-footer__bottom a:hover,
.vx-gcs-footer__bottom a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 4px; }

.vx-gcs-footer__bottom {
	display: flex;
	justify-content: space-between;
	margin-top: 45px;
	padding-top: 18px;
	border-top: 1px solid rgb(255 255 255 / 22%);
	font-size: 11px;
	color: rgb(255 255 255 / 76%);
	white-space: pre-wrap;
}
.vx-gcs-footer__bottom > span:last-child { display: flex; gap: 24px; }

@media (max-width: 1399px) {
	.vx-gcs-hero { padding: 30px; border-radius: 0 0 56px 56px; }
	.vx-gcs-hero__shell { height: auto; min-height: 860px; padding: 40px 46px; }
	.vx-gcs-hero__content { grid-template-columns: .9fr 1.1fr; min-height: 760px; }
	.vx-gcs-hero__copy h1 { font-size: 58px; }
	.vx-gcs-outcomes__panel { padding: 90px; }
	.vx-gcs-offerings__cards { grid-template-columns: repeat(3, 1fr); justify-content: stretch; }
	.vx-gcs-offering-card h3 { font-size: 30px; }
	.vx-gcs-offering-card > div { left: 38px; }
	.vx-gcs-offering-card--2 > div { width: 215px; }
	.vx-gcs-offering-card--1 > img { top: -20px; right: -38px; width: 310px; height: auto !important; }
	.vx-gcs-offering-card--2 > img { top: -16px; right: -28px; width: 285px; height: auto !important; }
	.vx-gcs-offering-card--3 > img { top: -10px; right: -18px; width: 250px; height: auto !important; }
	.vx-gcs-offerings { min-height: 0; padding: 120px 0 190px; }
	.vx-gcs-offerings__cta > div { width: 64%; }
	.vx-gcs-offerings__cta h3 { font-size: 40px; }
	.vx-gcs-offerings__cta > img { right: -45px; }
}

@media (max-width: 1024px) {
	.vx-gcs-inner { width: min(calc(100% - 64px), var(--vx-gcs-content)); }
	.vx-gcs-hero { min-height: auto; border-radius: 0 0 56px 56px; }
	.vx-gcs-nav { grid-template-columns: 1fr auto; }
	.vx-gcs-nav__links { display: none; }
	.vx-gcs-hero__content { grid-template-columns: 1fr; min-height: auto; padding: 90px 0 35px; }
	.vx-gcs-hero__copy { padding: 0; }
	.vx-gcs-hero__copy h1 { max-width: 780px; font-size: 64px; }
	.vx-gcs-hero__art { justify-self: center; margin-top: 40px; }
	.vx-gcs-hero__art::before, .vx-gcs-hero__art::after { display: none; }
	.vx-gcs-use-cases { padding-block: 125px; }
	.vx-gcs-use-cases__head { grid-template-columns: 180px 1fr; }
	.vx-gcs-accordion__trigger { padding-inline: 44px; }
	.vx-gcs-accordion__copy { width: 68%; padding-left: 78px; }
	.vx-gcs-proof-card { flex-basis: 500px; }
	/* The four pinned art layers are 1440-frame geometry; below that, fall back
	   to a single cover fill with a flat darkening pass. */
	.vx-gcs-outcomes__panel { min-height: 680px; padding: 70px 48px; background: var(--vx-gcs-atmosphere) center / cover no-repeat, #030209; }
	.vx-gcs-outcomes__panel::after { left: 0; top: 0; width: 100%; height: 100%; opacity: 1; transform: none; background: rgb(3 2 9 / 46%); }
	.vx-gcs-outcomes__head::before { display: none; }
	.vx-gcs-outcomes__metrics { grid-template-columns: 1fr 1fr; }
	.vx-gcs-metric { padding-inline: 26px; }
	.vx-gcs-metric div { flex-direction: column; gap: 5px; }
	.vx-gcs-sovereignty__grid { grid-template-columns: 1fr; gap: 60px; }
	.vx-gcs-sovereignty__head h2 { max-width: 720px; }
	.vx-gcs-offerings__cards { grid-template-columns: repeat(2, 1fr); }
	.vx-gcs-offering-card:last-child { grid-column: 1 / -1; }
	.vx-gcs-offerings__cta { padding-inline: 50px; }
	.vx-gcs-footer__top { grid-template-columns: 1fr; gap: 70px; }
}

@media (max-width: 767px) {
	.vx-gcs-inner { width: min(calc(100% - 36px), var(--vx-gcs-content)); }
	.vx-gcs-kicker { font-size: 15px; }
	.vx-gcs-kicker--center::after { display: none; }
	.vx-gcs-button { min-height: 48px; padding: 14px 20px; font-size: 15px; }
	.vx-gcs-hero { padding: 14px; border-radius: 0 0 38px 38px; }
	.vx-gcs-hero__shell { width: 100%; padding: 25px; border-radius: 28px; }
	.vx-gcs-nav__logo { width: 126px; }
	.vx-gcs-nav__demo span { font-size: 13px; }
	.vx-gcs-nav__demo i { width: 38px; height: 38px; font-size: 18px; }
	.vx-gcs-hero__content { padding-top: 62px; }
	.vx-gcs-hero__eyebrow { margin-bottom: 20px !important; font-size: 15px; }
	.vx-gcs-hero__copy h1 { font-size: clamp(43px, 13vw, 58px); }
	.vx-gcs-hero__description { margin: 22px 0 30px !important; font-size: 17px; }
	.vx-gcs-hero__art { margin-top: 42px; }
	.vx-gcs-hero__art img { border-radius: 25px; }
	.vx-gcs-use-cases { padding: 90px 0; background-size: 72px 72px; }
	.vx-gcs-use-cases__head { grid-template-columns: 1fr; gap: 24px; margin-bottom: 46px; }
	.vx-gcs-use-cases__head .vx-gcs-kicker { margin: 0; }
	.vx-gcs-use-cases__head h2 { font-size: 37px; }
	.vx-gcs-accordion__item { border-radius: 28px 28px 0 0; }
	.vx-gcs-accordion__item:last-child { border-radius: 28px; }
	.vx-gcs-accordion__trigger, .vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger { min-height: 82px; padding: 20px; }
	.vx-gcs-accordion__trigger span { flex-basis: 39px; font-size: 15px; }
	.vx-gcs-accordion__trigger strong { font-size: 16px; line-height: 1.25; }
	.vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger strong { font-size: 24px; line-height: 1.2; }
	.vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger span { padding-left: 0; }
	.vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger span::before { display: none; }
	.vx-gcs-accordion__panel { min-height: 520px; }
	.vx-gcs-accordion__copy { width: 100%; padding: 22px 20px 250px; }
	.vx-gcs-accordion__copy .vx-gcs-accordion__lead { font-size: 21px; }
	.vx-gcs-accordion__copy p { font-size: 15px; }
	.vx-gcs-accordion__panel > img,
	.vx-gcs-accordion__item:nth-child(n) .vx-gcs-accordion__panel > img { right: -3%; bottom: -13%; width: 78%; max-height: 310px; }
	.vx-gcs-proof { padding: 95px 0; }
	.vx-gcs-proof__head h2 { font-size: 38px; }
	.vx-gcs-proof__viewport { width: auto; margin: 48px 18px 0; overflow: visible; }
	.vx-gcs-proof__track { display: block; width: 100%; animation: none; }
	.vx-gcs-proof__group { display: grid; gap: 18px; }
	.vx-gcs-proof__group[aria-hidden="true"] { display: none; }
	.vx-gcs-proof-card { width: 100%; height: 320px; min-width: 0; }
	.vx-gcs-proof-card__copy { width: 57%; padding: 35px 0 30px 28px; }
	.vx-gcs-proof-card h3 { font-size: 23px; }
	.vx-gcs-proof-card p { font-size: 15px; }
	.vx-gcs-proof-card--coins > img { width: 56%; }
	.vx-gcs-proof-card--registry > img { width: 54%; }
	.vx-gcs-proof-card--websites > img { width: 62%; }
	.vx-gcs-outcomes { padding: 70px 0 95px; }
	.vx-gcs-outcomes__panel { min-height: auto; padding: 64px 22px; border-radius: 30px; }
	.vx-gcs-outcomes__head h2 { margin-bottom: 42px; font-size: 38px; }
	.vx-gcs-outcomes__metrics { grid-template-columns: 1fr; }
	.vx-gcs-metric { min-height: 112px; border-right: 0; border-bottom: 1px solid rgb(255 255 255 / 14%) !important; }
	.vx-gcs-metric:last-child { border-bottom: 0 !important; }
	.vx-gcs-metric div { flex-direction: row; }
	.vx-gcs-metric strong { font-size: 22px; }
	.vx-gcs-outcomes__world { left: 12%; top: 38%; width: 80%; }
	.vx-gcs-sovereignty { padding: 90px 0 110px; }
	.vx-gcs-sovereignty__grid { gap: 42px; }
	.vx-gcs-sovereignty__head h2 { font-size: 39px; }
	.vx-gcs-sovereignty__cards { grid-template-columns: 1fr; }
	.vx-gcs-sovereignty-card { min-height: 150px; }
	.vx-gcs-sovereignty-card span { font-size: 23px; }
	.vx-gcs-sovereignty__compliance { margin-top: 58px; padding-inline: 5px; font-size: 14px; word-spacing: 8px; text-align: center; }
	.vx-gcs-offerings { padding: 95px 0 105px;}
	.vx-gcs-offerings__head { margin-bottom: 48px; }
	.vx-gcs-offerings__head h2 { font-size: 39px; }
	.vx-gcs-offerings__cards { grid-template-columns: 1fr; gap: 18px; }
	.vx-gcs-offering-card:last-child { grid-column: auto; }
	.vx-gcs-offering-card { min-height: 350px; border-radius: 34px; }
	.vx-gcs-offering-card > img { display: block !important; width: 82%; height: auto !important; }
	.vx-gcs-offering-card > div { left: 30px; bottom: 34px; }
	.vx-gcs-offering-card h3 { font-size: 30px; }
	.vx-gcs-offerings__cta { display: block; min-height: 540px; padding: 42px 28px 260px; border-radius: 34px; }
	.vx-gcs-offerings__cta h3 { font-size: 35px; }
	.vx-gcs-offerings__cta > img { top: auto; bottom: 0; width: 100%; height: 250px; object-position: right bottom; }
	.vx-gcs-footer { min-height: auto; padding: 80px 0 28px; }
	.vx-gcs-footer__links { grid-template-columns: 1fr 1fr; gap: 44px 28px; }
	.vx-gcs-footer__bottom { flex-direction: column; gap: 12px; margin-top: 60px; }
}

@media (prefers-reduced-motion: reduce) {
	.vx-gcs-proof__track { animation: none; }
}

/* Responsive geometry overrides after the desktop Figma calibration. */
@media (max-width: 1399px) {
	.vx-gcs-hero__content { min-height: 760px; }
	.vx-gcs-hero__copy { top: 108px; width: 48%; }
	.vx-gcs-hero__art { left: 39%; top: 92px; width: 72vw; height: auto; aspect-ratio: 1155 / 735; }
	.vx-gcs-hero__art::after { left: 25.2%; top: 5.3%; width: 74.8%; height: 69.7%; }
	.vx-gcs-hero__art::before { left: 25.2%; top: 9.7%; width: 72%; height: 69.7%; }
	.vx-gcs-use-cases__head h2 { font-size: 44px; }
	.vx-gcs-accordion__trigger strong { font-size: 23px; }
	.vx-gcs-accordion__trigger span { font-size: 23px; }
	.vx-gcs-accordion__copy { width: 66%; padding-left: 72px; }
	.vx-gcs-accordion__copy .vx-gcs-accordion__lead { font-size: 26px; }
	.vx-gcs-accordion__copy p { font-size: 19px; }
	.vx-gcs-accordion__item:nth-child(n) .vx-gcs-accordion__panel > img { left: auto; right: -10%; width: 44%; }
	.vx-gcs-accordion__item:nth-child(1) .vx-gcs-accordion__panel > img { top: 12px; }
	.vx-gcs-accordion__item:nth-child(2) .vx-gcs-accordion__panel > img { top: -20px; width: 50%; }
	.vx-gcs-accordion__item:nth-child(3) .vx-gcs-accordion__panel > img { top: -55px; width: 52%; }
	.vx-gcs-accordion__item:nth-child(4) .vx-gcs-accordion__panel > img { top: -8px; width: 44%; }
	.vx-gcs-accordion__item:nth-child(5) .vx-gcs-accordion__panel > img { top: -34px; width: 48%; }
	.vx-gcs-proof__head h2 { font-size: 54px; }
	.vx-gcs-proof-card { flex-basis: 580px; height: 344px; }
	.vx-gcs-proof-card__copy { left: 44px; top: 44px; width: 266px; }
	.vx-gcs-proof-card h3 { font-size: 27px; }
	.vx-gcs-proof-card p { font-size: 23px; }
	.vx-gcs-proof-card--coins > img { right: -134px; top: 82px; width: 424px; }
	.vx-gcs-proof-card--registry > img { right: -86px; top: 103px; width: 357px; }
	.vx-gcs-proof-card--websites > img { right: -101px; top: 61px; width: 412px; }
	.vx-gcs-outcomes__panel { height: 900px; padding: 0; }
	.vx-gcs-outcomes__head { left: 10%; top: 110px; width: 80%; }
	.vx-gcs-outcomes__head h2 { max-width: 900px; font-size: 54px; }
	.vx-gcs-outcomes__metrics { left: 8%; top: 360px; width: 84%; gap: 18px; }
	.vx-gcs-metric { height: 180px; padding: 36px; }
	.vx-gcs-metric strong { font-size: 32px; }
	.vx-gcs-metric span { font-size: 25px; }
	.vx-gcs-outcomes__world { left: -8%; top: 390px; width: 116%; }
	.vx-gcs-sovereignty__grid { grid-template-columns: minmax(350px, 518px) minmax(560px, 788px); gap: 24px; }
	.vx-gcs-sovereignty__head h2 { font-size: 52px; }
	.vx-gcs-sovereignty-card span { width: calc(100% - 80px); font-size: 27px; }
}

@media (max-width: 1024px) {
	.vx-gcs-hero__shell { height: auto; }
	.vx-gcs-hero__content { position: relative; display: block; left: auto; right: auto; top: auto; min-height: 1060px; padding: 0; }
	.vx-gcs-hero__copy { position: relative; top: auto; left: auto; width: 100%; padding-top: 90px; }
	.vx-gcs-hero__art { position: relative; left: 50%; top: auto; width: min(900px, 118vw); height: auto; margin-top: 15px; transform: translateX(-50%); }
	.vx-gcs-hero__art::before, .vx-gcs-hero__art::after { display: none; }
	.vx-gcs-use-cases { height: auto; }
	.vx-gcs-use-cases__head { grid-template-columns: 180px 1fr; gap: 28px; }
	.vx-gcs-accordion__trigger { padding-inline: 44px; }
	.vx-gcs-proof { padding-bottom: 140px; }
	.vx-gcs-proof__head h2 { font-size: 48px; }
	.vx-gcs-outcomes { padding-bottom: 140px; }
	.vx-gcs-outcomes__panel { height: auto; min-height: 720px; padding: 70px 48px; }
	.vx-gcs-outcomes__head { position: relative; left: auto; top: auto; width: auto; }
	.vx-gcs-outcomes__head h2 { max-width: 760px; margin-bottom: 48px; font-size: 48px; line-height: 1.08; }
	.vx-gcs-outcomes__metrics { position: relative; left: auto; top: auto; width: auto; gap: 18px; }
	.vx-gcs-metric { height: 168px; padding: 30px; }
	.vx-gcs-metric div { gap: 18px; }
	.vx-gcs-metric strong { font-size: 29px; }
	.vx-gcs-metric span { font-size: 22px; }
	.vx-gcs-outcomes__world { left: -10%; top: 34%; width: 120%; }
	.vx-gcs-sovereignty { padding-bottom: 140px; }
	.vx-gcs-sovereignty__grid { grid-template-columns: 1fr; gap: 60px; }
	.vx-gcs-sovereignty__head h2 { max-width: 720px; }
	.vx-gcs-sovereignty__cards { max-width: 788px; }
	.vx-gcs-offerings { min-height: 0; padding: 120px 0 150px; }
	.vx-gcs-offerings__head h2 { font-size: 52px; }
	.vx-gcs-offerings__cards { grid-template-columns: repeat(2, 1fr); }
	.vx-gcs-offering-card:last-child { grid-column: 1 / -1; }
	.vx-gcs-offering-card > div { width: 260px; }
	.vx-gcs-offering-card h3 { font-size: 34px; }
	.vx-gcs-offering-card a { font-size: 20px; }
	.vx-gcs-offerings__cta > div { width: 62%; }
	.vx-gcs-offerings__cta h3 { font-size: 40px; }
	.vx-gcs-offerings__cta > img { right: -70px; }
	.vx-gcs-footer { margin-top: 0; }
}

@media (max-width: 767px) {
	.vx-gcs-hero__content { min-height: 780px; }
	.vx-gcs-hero__copy { padding-top: 62px; }
	.vx-gcs-hero__copy h1 { font-size: clamp(43px, 13vw, 58px); }
	.vx-gcs-hero__art { width: 132vw; margin-top: 26px; }
	.vx-gcs-hero__art::before, .vx-gcs-hero__art::after { display: none; }
	.vx-gcs-use-cases__head { grid-template-columns: 1fr; gap: 24px; }
	.vx-gcs-use-cases__head h2 { font-size: 37px; line-height: 1.14; }
	.vx-gcs-accordion__trigger, .vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger { min-height: 82px; padding: 20px; }
	.vx-gcs-accordion__trigger span { flex-basis: 39px; font-size: 15px; }
	.vx-gcs-accordion__trigger strong { font-size: 16px; line-height: 1.25; }
	.vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger strong { font-size: 24px; line-height: 1.2; }
	.vx-gcs-accordion__panel { min-height: 520px; }
	.vx-gcs-accordion__copy { width: 100%; padding: 22px 20px 260px; }
	.vx-gcs-accordion__copy .vx-gcs-accordion__lead { font-size: 21px; }
	.vx-gcs-accordion__copy p { font-size: 15px; }
	.vx-gcs-accordion__item:nth-child(n) .vx-gcs-accordion__panel > img { left: auto; right: -10%; top: auto; bottom: -3%; width: 78%; max-height: none; }
	.vx-gcs-accordion__item:nth-child(1) .vx-gcs-accordion__panel > img { transform: rotate(17.85deg); }
	.vx-gcs-accordion__item:nth-child(2) .vx-gcs-accordion__panel > img { transform: rotate(14.88deg); }
	.vx-gcs-accordion__item:nth-child(3) .vx-gcs-accordion__panel > img { transform: rotate(12.57deg); }
	.vx-gcs-accordion__item:nth-child(4) .vx-gcs-accordion__panel > img { transform: rotate(9.87deg); }
	.vx-gcs-accordion__item:nth-child(5) .vx-gcs-accordion__panel > img { transform: rotate(7deg); }
	.vx-gcs-proof { padding: 10px 0 40px; }
	.vx-gcs-proof__head h2 { font-size: 38px; line-height: 1.15; }
	.vx-gcs-proof__head > p:last-child { font-size: 18px; }
	.vx-gcs-proof__viewport { margin-top: 48px; }
	.vx-gcs-proof-card { height: 330px; border-radius: 34px 0 34px 0; }
	.vx-gcs-proof-card__copy { left: 28px; top: 35px; width: 55%; }
	.vx-gcs-proof-card h3 { font-size: 23px; }
	.vx-gcs-proof-card p { font-size: 15px; }
	.vx-gcs-proof-card--coins > img { right: -98px; top: 78px; width: 310px; }
	.vx-gcs-proof-card--registry > img { right: -64px; top: 106px; width: 265px; }
	.vx-gcs-proof-card--websites > img { right: -76px; top: 68px; width: 305px; }
	.vx-gcs-outcomes { padding: 70px 0 110px; }
	.vx-gcs-outcomes__panel { min-height: 0; padding: 64px 22px; }
	.vx-gcs-outcomes__head h2 { margin-bottom: 42px; font-size: 38px; }
	.vx-gcs-outcomes__metrics { grid-template-columns: 1fr; }
	.vx-gcs-metric { height: 128px; padding: 24px; }
	.vx-gcs-metric div { gap: 10px; }
	.vx-gcs-metric strong { font-size: 22px; }
	.vx-gcs-metric span { font-size: 17px; }
	.vx-gcs-outcomes__world { left: -40%; top: 36%; width: 180%; }
	.vx-gcs-sovereignty { padding: 90px 0 110px; }
	.vx-gcs-sovereignty__grid { gap: 42px; }
	.vx-gcs-sovereignty__head h2 { font-size: 39px; line-height: 1.14; }
	.vx-gcs-sovereignty__cards { grid-template-columns: 1fr; }
	.vx-gcs-sovereignty-card { height: 150px; }
	.vx-gcs-sovereignty-card span, .vx-gcs-sovereignty-card:nth-child(n+3) span { top: 50%; right: 28px; left: auto; width: calc(100% - 56px); transform: translateY(-50%); font-size: 23px; text-align: right; }
	.vx-gcs-sovereignty-card:nth-child(even) span { right: auto; left: 28px; text-align: left; }
	.vx-gcs-section-widget .vx-gcs-sovereignty__compliance { height: auto; flex-wrap: wrap; justify-content: center; gap: 12px 18px; margin-top: 58px; padding: 25px 18px; font-size: 14px; text-align: center; }
	.vx-gcs-sovereignty__compliance span { gap: 18px; }
	.vx-gcs-sovereignty__compliance span:not(:last-child)::after { width: 8px; height: 8px; }
	.vx-gcs-offerings { padding: 95px 0 105px; }
	.vx-gcs-offerings__head h2 { font-size: 39px; line-height: 1.14; }
	.vx-gcs-offerings__cards { grid-template-columns: 1fr; }
	.vx-gcs-offering-card:last-child { grid-column: auto; }
	.vx-gcs-offering-card { min-height: 350px; }
	.vx-gcs-offering-card > div { left: 30px; top: 178px; width: 250px; }
	.vx-gcs-offering-card h3 { font-size: 30px; }
	.vx-gcs-offering-card--1 > img { top: -5px; right: -16px; width: 300px; }
	.vx-gcs-offering-card--2 > img { top: -3px; right: -12px; width: 310px; }
	.vx-gcs-offering-card--3 > img { top: -1px; right: -4px; width: 270px; }
	.vx-gcs-offerings__cta { min-height: 540px; padding: 42px 28px 260px; }
	.vx-gcs-offerings__cta > div { width: 100%; }
	.vx-gcs-offerings__cta h3 { font-size: 35px; }
	.vx-gcs-offerings__cta p { font-size: 17px; }
	.vx-gcs-offerings__cta > img { top: auto; right: -30px; bottom: -10px; width: calc(100% + 60px); height: 270px; }
	.vx-gcs-offerings__cta::after { top: auto; width: 100%; height: 290px; background: linear-gradient(180deg, #fff, transparent 45%); }
}

/* Reusable single-client proof section for the industry page template. */
.vx-gcs-case-proof {
	padding: 0 0 120px;
	background: #fff;
}

.vx-gcs-case-proof .vx-gcs-inner {
	max-width: var(--vx-gcs-narrow);
}

.vx-gcs-case-proof__head {
	max-width: var(--vx-gcs-narrow);
	margin: 0 auto;
	text-align: center;
}

.vx-gcs-case-proof__head h2 {
	max-width: var(--vx-gcs-narrow);
	margin: 9px auto 0;
	font-size: 48px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -.03em;
}

.vx-gcs-case-proof__head > p:last-child {
	max-width: var(--vx-gcs-narrow);
	margin: 9px auto 0;
	font-size: 21px;
	line-height: 1.25;
	color: #000;
}

/* Figma mirrors the card horizontally, so the 36px radii land top-left /
   bottom-right and the 204deg fill becomes 156deg. */
.vx-gcs-case-proof__card {
	position: relative;
	min-height: 300px;
	margin-top: 60px;
	overflow: hidden;
	border: 0;
	border-radius: 36px 0 36px 0;
	background: linear-gradient(155.93deg, #f1f1f1 27.863%, #fff 31.776%);
}

/* Same gradient-stroke problem as the outcomes tiles: Figma reports this one as
   `rgba(43,48,58,0)`, so `border` renders nothing. Sampling the Figma render,
   the hairline is invisible along the top/left and darkens steadily toward the
   bottom-right corner, topping out near 45% of #2b303a. */
.vx-gcs-case-proof__card::after {
	content: "";
	position: absolute;
	z-index: 3;
	inset: 0;
	border: .75px solid transparent;
	border-radius: inherit;
	background: linear-gradient(135deg, rgb(43 48 58 / 0%) 22%, rgb(43 48 58 / 45%) 100%) border-box;
	-webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
	mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.vx-gcs-case-proof__copy {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 48px 48px 48px 52px;
}

.vx-gcs-case-proof__card.has-art .vx-gcs-case-proof__copy {
	width: 819px;
}

.vx-gcs-case-proof__copy h3 {
	margin: 0 0 24px;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
}

.vx-gcs-case-proof__copy p {
	max-width: 696px;
	margin: 0 0 24px;
	font-size: 21px;
	line-height: 1.4;
	color: #030209;
}

.vx-gcs-case-proof__copy strong {
	display: inline-block;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -.03em;
	color: transparent;
	background: linear-gradient(125.01deg, #f33a02 31.84%, #b10039 65.92%, #002fb6);
	-webkit-background-clip: text;
	background-clip: text;
}

.vx-gcs-case-proof__card > img {
	position: absolute;
	right: -20px;
	top: 39px;
	bottom: auto;
	z-index: 1;
	width: 300px;
	height: 268.5px;
	max-width: none;
	object-fit: cover;
	object-position: center;
}

.vx-gcs-case-proof__card.is-art-left .vx-gcs-case-proof__copy {
	width: 68%;
	margin-left: 32%;
}

.vx-gcs-case-proof__card.is-art-left > img {
	left: -18px;
	right: auto;
	top: auto;
	bottom: -8px;
	width: min(35%, 300px);
	height: auto;
	max-height: 112%;
	object-fit: contain;
	object-position: left bottom;
}

@media (max-width: 1024px) {
	.vx-gcs-case-proof { padding: 100px 0 140px; }
	.vx-gcs-case-proof__head h2 { font-size: 48px; }
	.vx-gcs-case-proof__head > p:last-child { font-size: 22px; }
	.vx-gcs-case-proof__card { min-height: 360px; margin-top: 58px; }
	.vx-gcs-case-proof__copy { padding: 52px 44px; }
	.vx-gcs-case-proof__card.has-art .vx-gcs-case-proof__copy { width: 72%; }
	.vx-gcs-case-proof__copy p { max-width: none; font-size: 22px; }
	.vx-gcs-case-proof__copy strong { font-size: 28px; }
	.vx-gcs-case-proof__card > img { right: -32px; top: auto; bottom: -8px; width: 39%; height: auto; max-height: 112%; object-fit: contain; object-position: right bottom; }
	.vx-gcs-case-proof__card.is-art-left > img { left: -26px; right: auto; width: 40%; }
}

@media (max-width: 767px) {
	.vx-gcs-case-proof { padding: 80px 0 105px; }
	.vx-gcs-case-proof__head h2 { margin-top: 16px; font-size: 36px; line-height: 1.14; }
	.vx-gcs-case-proof__head > p:last-child { margin-top: 16px; font-size: 18px; }
	.vx-gcs-case-proof__card { min-height: 0; margin-top: 44px; border-radius: 32px 0 32px 0; }
	.vx-gcs-case-proof__card.has-art { min-height: 535px; }
	.vx-gcs-case-proof__copy,
	.vx-gcs-case-proof__card.has-art .vx-gcs-case-proof__copy { width: 100%; padding: 38px 28px; }
	.vx-gcs-case-proof__card.is-art-left .vx-gcs-case-proof__copy { width: 100%; margin-left: 0; }
	.vx-gcs-case-proof__card.has-art .vx-gcs-case-proof__copy { padding-bottom: 245px; }
	.vx-gcs-case-proof__copy h3 { font-size: 24px; }
	.vx-gcs-case-proof__copy p { margin-bottom: 28px; font-size: 18px; }
	.vx-gcs-case-proof__copy strong { font-size: 24px; }
	.vx-gcs-case-proof__card > img { right: -24px; top: auto; bottom: -14px; width: 74%; height: auto; max-height: 270px; object-fit: contain; object-position: right bottom; }
	.vx-gcs-case-proof__card.is-art-left > img { left: -18px; right: auto; width: 78%; }
}

@media (max-width: 767px) {
	.vx-gcs-use-cases__preface { margin-bottom: 72px; font-size: 15px; text-align: left; }
}

/* Command Center page — isolated from the shared industry widgets. */
.vx-command-page-root { overflow-x: clip; background: #fff; }
.vx-command-page-root [class*="elementor-widget-visionx_command_"] { width: 100%; margin: 0 !important; }
.vx-command-inner { width: min(calc(100% - 48px), 1600px); margin-inline: auto; }
.vx-command-content { width: min(calc(100% - 48px), 1330px); margin-inline: auto; }
.vx-command-page-root .vx-gcs-kicker { font-size: 24px; }

/* Command hero */
.vx-command-hero {
	width: 100%;
	max-width: none;
	height: min(1080px, 56.25vw);
	min-height: 800px;
	overflow: hidden;
	margin-inline: 0;
	padding: 64px;
	border-radius: 0 0 80px 80px;
	background: var(--vx-command-bg) center / cover no-repeat, #05030e;
	color: #fff;
}
.vx-command-hero__shell { position: relative; width: min(100%, 1792px); height: 100%; margin-inline: auto; overflow: hidden; padding: 56px 96px; border: 1px solid rgb(255 255 255 / 24%); border-radius: 48px; background: linear-gradient(145deg, rgb(255 255 255 / 10%), rgb(255 255 255 / 1%)); box-shadow: inset 0 1px rgb(255 255 255 / 16%); backdrop-filter: blur(22px); }
.vx-command-nav { position: relative; z-index: 5; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 32px; }
.vx-command-nav__logo { width: 192px; height: 64px; object-fit: contain; }
.vx-command-nav__links { display: flex; align-items: center; gap: 40px; }
.vx-command-nav__links a, .vx-command-nav__demo { color: #fff !important; font-size: 20px; text-decoration: none !important; }
.vx-command-nav__links a { opacity: .7; }
.vx-command-nav__demo { display: inline-flex; align-items: center; justify-self: end; gap: 16px; }
.vx-command-nav__demo span { text-decoration: underline; text-underline-offset: 3px; }
.vx-command-nav__demo i { display: grid; width: 56px; height: 56px; place-items: center; border-radius: 50%; background: var(--vx-gcs-accent); font-size: 25px; font-style: normal; }
.vx-command-nav__toggle { display: none; }
.vx-command-hero__content { position: absolute; inset: 150px 0 0 96px; }
.vx-command-hero__copy { position: relative; z-index: 3; width: 42%; max-width: 761px; padding-top: 68px; }
.vx-command-hero__kicker { margin-bottom: 32px !important; font-size: 24px; font-weight: 500; letter-spacing: -.01em; }
.vx-command-hero__copy h1 { max-width: 761px; color: #fff; font-size: clamp(58px, 4.58vw, 88px); font-weight: 500; line-height: 1; letter-spacing: -.045em; }
.vx-command-hero__description { max-width: 730px; margin: 32px 0 48px !important; font-size: clamp(19px, 1.46vw, 28px); line-height: 1.22; }
.vx-command-hero__art { position: absolute; z-index: 2; top: 3px; right: 3.774%; width: min(68.101%, 1155px); aspect-ratio: 1155 / 735; overflow: hidden; }
.vx-command-hero__art img { width: 100%; height: 100%; object-fit: contain; }

/* Stakeholder views */
.vx-command-stakeholders { overflow: hidden; padding: 108px 0 155px; background: #fff; }
.vx-command-stakeholders::after { content: ""; position: absolute; left: -12%; right: -12%; bottom: -310px; height: 650px; border-radius: 50%; background: radial-gradient(ellipse, rgb(13 47 185 / 10%), transparent 67%); pointer-events: none; }
.vx-command-stakeholders__head { position: relative; z-index: 1; max-width: 976px; margin-bottom: 96px; }
.vx-command-stakeholders__head h2 { margin: 32px 0 18px; font-size: 64px; font-weight: 600; line-height: 1.25; letter-spacing: -.035em; }
.vx-command-stakeholders__head > p:last-child { font-size: 28px; line-height: 1.25; }
.vx-command-stakeholders__viewport { position: relative; z-index: 1; width: 100%; overflow: hidden; }
.vx-command-stakeholders__track { --vx-carousel-gap: 38px; }
.vx-command-stakeholders__group { display: flex; gap: 38px; }
.vx-command-role-card { position: relative; flex: 0 0 676px; height: 414px; overflow: hidden; border: 1px solid rgb(43 48 58 / 14%); border-radius: 48px; background: linear-gradient(180deg, #fff, #f8f8fa); }
.vx-command-role-card > div { position: relative; z-index: 2; width: 52%; padding: 64px 0 48px 64px; }
.vx-command-role-card h3 { font-size: 32px; font-weight: 600; line-height: 1.2; letter-spacing: -.02em; }
.vx-command-role-card p { margin-top: 32px; font-size: 28px; line-height: 1.38; color: rgb(3 2 9 / 72%); }
.vx-command-role-card img { position: absolute; z-index: 1; right: -15%; bottom: -5%; width: 69%; height: 86%; object-fit: contain; object-position: right bottom; opacity: .76; }
.vx-command-role-card::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, #fff 39%, rgb(255 255 255 / 84%) 52%, transparent 75%); pointer-events: none; }

/* Connected systems */
.vx-command-connected { overflow: hidden; padding: 80px 0 70px; border-radius: 0 0 80px 80px; background: var(--vx-command-connected-bg) center / cover no-repeat, #05030e; color: #fff; }
.vx-command-connected__head { max-width: 1040px; margin: 0 auto; text-align: center; }
.vx-command-connected__head h2 { margin-top: 24px; color: #fff; font-size: 64px; font-weight: 600; line-height: 1.25; letter-spacing: -.035em; }
.vx-command-connected__composite-viewport { margin-top: 40px; overflow: hidden; }
.vx-command-connected__composite { display: block; width: 100%; height: auto; margin: 0 auto; object-fit: contain; }
.vx-command-connected__diagram.is-hidden { display: none !important; }
.vx-command-connected__diagram { position: relative; display: grid; grid-template-columns: 337px 519px 337px; justify-content: space-between; align-items: center; max-width: 1600px; min-height: 520px; margin: 140px auto 0; }
.vx-command-connected__labels { position: relative; z-index: 3; display: flex; flex-direction: column; gap: 47px; }
.vx-command-connected__labels span { display: flex; align-items: center; height: 108px; padding: 0 50px; border: 1px solid rgb(255 255 255 / 22%); border-radius: 999px; background: rgb(3 2 9 / 42%); box-shadow: inset 0 1px rgb(255 255 255 / 12%); font-size: 28px; white-space: nowrap; backdrop-filter: blur(20px); }
.vx-command-connected__labels.is-right span { justify-content: flex-end; }
.vx-command-connected__center { position: relative; z-index: 2; width: 519px; height: 418px; }
.vx-command-connected__art { width: 100%; height: 100%; object-fit: contain; }
.vx-command-connected__center > div { position: absolute; left: 72%; top: 31%; display: flex; flex-direction: column; width: 276px; gap: 2px; }
.vx-command-connected__center > div img { width: 192px; height: 64px; object-fit: contain; }
.vx-command-connected__center > div span { font-size: 26px; font-weight: 600; white-space: nowrap; }
.vx-command-connected__diagram::before, .vx-command-connected__diagram::after { content: ""; position: absolute; z-index: 1; left: 302px; right: 302px; top: 50%; border-top: 2px dashed rgb(255 255 255 / 42%); }
.vx-command-connected__diagram::after { left: 438px; right: auto; top: 23%; width: 210px; height: 54%; border: 2px dashed rgb(255 255 255 / 30%); border-radius: 50%; }

/* Live view */
.vx-command-live { padding: 80px 0 80px; background: #fff; }
.vx-command-live__head h2 { margin: 12px 0; font-size: 64px; font-weight: 600; line-height: 1.3; letter-spacing: -.03em; }
.vx-command-live__head > p:last-child { font-size: 28px; line-height: 1.25; }
.vx-command-live__dashboard { position: relative; aspect-ratio: 1330 / 700; overflow: hidden; margin-top: 40px; border-radius: 48px; background: #f7f8fa; }
.vx-command-live__map { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .62; }
.vx-command-live__map-title, .vx-command-live__alerts > h3 { position: absolute; margin: 0; color: #030209; font-size: 24px; font-weight: 600; }
.vx-command-live__map-title { left: 3%; top: 5.7%; }
.vx-command-live__alerts { position: absolute; left: 66.9%; top: 5.7%; width: 30%; }
.vx-command-live__alerts > h3 { position: relative; margin: 0 0 16px 8px; }
.vx-command-live__alerts article { height: 96px; margin-bottom: 12px; padding: 15px 16px; border: 1px solid #d5d5d5; border-radius: 16px; background: #fff; }
.vx-command-live__alerts strong { display: inline-flex; padding: 4px 12px; border-radius: 24px; font-size: 12px; line-height: 1.25; }
.vx-command-live__alerts p { margin-top: 13px; overflow: hidden; font-size: 15px; line-height: 1.25; white-space: nowrap; text-overflow: ellipsis; }
.vx-command-live__alerts .is-critical strong { color: #ff383c; background: rgb(255 56 60 / 10%); }
.vx-command-live__alerts .is-warning strong { color: #f4c300; background: rgb(255 204 0 / 10%); }
.vx-command-live__alerts .is-cleared strong { color: #34c759; background: rgb(52 199 89 / 10%); }
.vx-command-live__index { position: absolute; left: 66.9%; bottom: 5.7%; width: 30%; height: 128px; padding: 16px; border-radius: 16px; background: #05030d; color: #fff; }
.vx-command-live__index h3 { color: #fff; font-size: 16px; font-weight: 700; }
.vx-command-live__bar { height: 16px; margin-top: 14px; border-radius: 16px; background: linear-gradient(90deg, #ff383c, #f4c300 50%, #34c759); }
.vx-command-live__index > div:last-child { display: flex; justify-content: space-between; margin-top: 12px; font-size: 15px; }

/* Risk and reliability — tilted card slider */
.vx-command-risk {
	--vx-risk-card-w: 584px;
	--vx-risk-card-h: 700px;
	--vx-risk-gap: 168px;
	--vx-risk-radius: 56px;
	--vx-risk-pad: 56px;
	--vx-risk-art-max: 300px;
	--vx-risk-media-gap: 26px;
	--vx-risk-art-scale-idle: 1.4;
	--vx-risk-art-x-idle: 10%;
	--vx-risk-art-y-idle: 0%;
	--vx-risk-art-scale-active: 1;
	--vx-risk-active-base: #05020c;
	--vx-risk-active-hot: #f83906;
	--vx-risk-active-hot-2: #c30733;
	--vx-risk-active-cool: #0b46e0;
	--vx-risk-active-cool-2: #0028a5;
	--vx-risk-active-gradient:
		radial-gradient(105% 62% at 22% 0%, var(--vx-risk-active-hot) 0%, var(--vx-risk-active-hot-2) 28%, transparent 72%),
		radial-gradient(95% 62% at 96% 100%, var(--vx-risk-active-cool) 0%, var(--vx-risk-active-cool-2) 26%, transparent 74%),
		linear-gradient(160deg, #1b0510 0%, var(--vx-risk-active-base) 48%, #020408 100%);
	--vx-risk-tilt: 25deg;
	--vx-risk-lift: 80px;
	--vx-risk-inactive-scale: .9;
	--vx-risk-inactive-opacity: 1;
	--vx-risk-active-scale: 1;
	--vx-risk-card-bg: #fff;
	--vx-risk-card-border: rgb(43 48 58 / 18%);
	--vx-risk-title: 48px;
	--vx-risk-text: 28px;
	--vx-risk-speed: .62s;
	--vx-risk-ease: cubic-bezier(.22, .8, .2, 1);
	--vx-risk-connector: rgb(3 2 9 / 22%);
	--vx-risk-arrow-size: 56px;
	--vx-risk-dot: rgb(3 2 9 / 18%);
	--vx-risk-dot-active: var(--vx-gcs-accent, #d60048);
	overflow: hidden;
	padding: 0 0 145px;
	background: #fff;
}
.vx-command-risk__head { text-align: center; }
.vx-command-risk__head h2 { margin-top: 32px; font-size: 64px; font-weight: 600; line-height: 1.25; letter-spacing: -.035em; }
.vx-command-risk__viewport { position: relative; margin-top: 160px; padding: clamp(30px, 4vw, 70px) 0 clamp(90px, 10vw, 180px); overflow: hidden; outline: none; cursor: grab; touch-action: pan-y; user-select: none; }
.vx-command-risk__viewport:focus-visible { box-shadow: inset 0 0 0 2px var(--vx-gcs-accent); }
.vx-command-risk__viewport.is-dragging { cursor: grabbing; }
.vx-command-risk__orbits { position: absolute; z-index: 0; inset: 0; pointer-events: none; }
.vx-command-risk__orbit { position: absolute; z-index: 0; left: 50%; max-width: none; height: auto; transform: translateX(-50%); }
.vx-command-risk__orbit--outer { top: min(171px, 8.9vw); width: min(1654px, 86.15vw); }
.vx-command-risk__orbit--middle { top: min(280px, 14.6vw); width: min(1654px, 86.15vw); }
.vx-command-risk__orbit--inner { top: min(375px, 19.5vw); width: min(1240px, 64.6vw); }

/* Track: the active card is centred by translating the whole row. */
.vx-command-risk__track { position: relative; z-index: 1; display: flex; align-items: center; gap: var(--vx-risk-gap); transition: transform var(--vx-risk-speed) var(--vx-risk-ease); will-change: transform; }
.vx-command-risk__viewport.is-dragging .vx-command-risk__track { transition: none; }
/* Silent rebase back into the real card block: no animation of any kind. */
.vx-command-risk.is-rebasing .vx-command-risk__track,
.vx-command-risk.is-rebasing .vx-command-risk-card__inner,
.vx-command-risk.is-rebasing .vx-command-risk-card__art,
.vx-command-risk.is-rebasing .vx-command-risk-card__connector { transition: none !important; }

.vx-command-risk-card { position: relative; flex: 0 0 var(--vx-risk-card-w); width: var(--vx-risk-card-w); transition: opacity .4s ease; }
/* Everything past the immediate neighbours is loop runway, not part of the design. */
.vx-command-risk-card.is-far { opacity: 0; pointer-events: none; }
.vx-command-risk-card.is-active { z-index: 3; }
/* Tilt is CSS-driven so it responds to breakpoints without any JS read-back. */
.vx-command-risk-card.is-before .vx-command-risk-card__inner { --vx-risk-rot: calc(var(--vx-risk-tilt) * -1); --vx-risk-drop: var(--vx-risk-lift); }
.vx-command-risk-card.is-after .vx-command-risk-card__inner { --vx-risk-rot: var(--vx-risk-tilt); --vx-risk-drop: var(--vx-risk-lift); }
.vx-command-risk--no-tilt .vx-command-risk-card__inner { --vx-risk-rot: 0deg; }
.vx-command-risk-card__inner { position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: var(--vx-risk-card-h); padding: var(--vx-risk-pad); overflow: hidden; border: 1px solid var(--vx-risk-card-border); border-radius: var(--vx-risk-radius); background-color: var(--vx-risk-card-bg); color: #030209; box-shadow: 0 22px 54px rgb(3 2 9 / 7%); opacity: var(--vx-risk-inactive-opacity); cursor: pointer; outline: none; transform: translateY(var(--vx-risk-drop, 0px)) rotate(var(--vx-risk-rot, 0deg)) scale(var(--vx-risk-inactive-scale)); transform-origin: center center; transition: transform var(--vx-risk-speed) var(--vx-risk-ease), opacity .4s ease, background-color .4s ease, border-color .4s ease, box-shadow .4s ease, color .4s ease; }
.vx-command-risk-card__inner:focus-visible { box-shadow: 0 0 0 3px var(--vx-gcs-accent); }
.vx-command-risk-card__inner::before { content: ""; position: absolute; z-index: 1; inset: 0; opacity: 0; background: linear-gradient(180deg, rgb(3 2 9 / 0%) 55%, rgb(3 2 9 / 18%) 70%, rgb(3 2 9 / 92%) 88%, #030209 100%); transition: opacity .35s ease; pointer-events: none; }
.vx-command-risk--no-scrim .vx-command-risk-card__inner::before { display: none; }

.vx-command-risk-card.is-active .vx-command-risk-card__inner {
	--vx-risk-rot: 0deg;
	--vx-risk-drop: 0px;
	opacity: 1;
	cursor: default;
	border-color: transparent;
	color: #fff;
	background-color: var(--vx-risk-active-base);
	background-image: var(--vx-risk-active-fill, var(--vx-risk-active-gradient));
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 32px 100px rgb(3 2 9 / 18%);
	transform: translateY(0) rotate(0deg) scale(var(--vx-risk-active-scale));
}
.vx-command-risk-card.is-active .vx-command-risk-card__inner::before { opacity: 1; }

/* Artwork: placement comes from per-card controls, not hard-coded per index. */
.vx-command-risk-card__media { position: relative; z-index: 0; flex: 1 1 auto; min-height: 0; margin: 0 calc(var(--vx-risk-pad) * -1) var(--vx-risk-media-gap); }
.vx-command-risk-card__art { position: absolute; inset: auto 0 0 0; width: 100%; height: 100%; max-height: var(--vx-risk-art-max); max-width: none; object-fit: contain; object-position: center bottom; transform-origin: center bottom; pointer-events: none; transform: translate(calc(var(--vx-art-x, 0%) + var(--vx-risk-art-x-idle)), calc(var(--vx-art-y, 0%) + var(--vx-risk-art-y-idle))) scale(calc(var(--vx-art-scale, 1) * var(--vx-risk-art-scale-idle))) scaleX(var(--vx-art-flip, 1)); transition: opacity .35s ease, transform .55s var(--vx-risk-ease); }
.vx-command-risk-card.is-active .vx-command-risk-card__art { transform: translate(var(--vx-art-x, 0%), var(--vx-art-y, 0%)) scale(calc(var(--vx-art-scale, 1) * var(--vx-risk-art-scale-active))) scaleX(var(--vx-art-flip, 1)); }
.vx-command-risk-card__art--active { opacity: 0; }
.vx-command-risk-card.is-active .vx-command-risk-card__art--inactive:not(:only-child) { opacity: 0; }
.vx-command-risk-card.is-active .vx-command-risk-card__art--active { opacity: 1; }

.vx-command-risk-card__body { position: relative; z-index: 2; flex: 0 0 auto; }
.vx-command-risk-card h3 { font-size: var(--vx-risk-title); font-weight: 600; line-height: 1.22; letter-spacing: -.03em; color: inherit; }
.vx-command-risk-card p { margin-top: 16px; font-size: var(--vx-risk-text); line-height: 1.4; color: inherit; opacity: .72; }

/* Dashed connector, drawn only around the active card. */
.vx-command-risk-card__connector { position: absolute; z-index: 0; top: 38%; right: 100%; width: var(--vx-risk-gap); height: 120px; margin-right: calc(var(--vx-risk-gap) * -.5); color: var(--vx-risk-connector); opacity: 0; transform: translate(-50%, -50%); pointer-events: none; transition: opacity .45s ease; }
.vx-command-risk-card__connector svg { display: block; width: 100%; height: 100%; overflow: visible; }
.vx-command-risk-card.is-active .vx-command-risk-card__connector,
.vx-command-risk-card.is-active + .vx-command-risk-card .vx-command-risk-card__connector { opacity: 1; }

/* Arrows and dots */
.vx-command-risk__arrows { position: absolute; z-index: 5; inset: 0; pointer-events: none; }
.vx-command-risk__arrow { position: absolute; top: 50%; display: grid; width: var(--vx-risk-arrow-size); height: var(--vx-risk-arrow-size); padding: 0; border: 1px solid rgb(43 48 58 / 12%); border-radius: 50%; background: #fff; color: #030209; box-shadow: 0 12px 30px rgb(3 2 9 / 12%); cursor: pointer; place-items: center; pointer-events: auto; transform: translateY(-50%); transition: transform .25s ease, opacity .25s ease; }
.vx-command-risk__arrow:hover { transform: translateY(-50%) scale(1.08); }
.vx-command-risk__arrow[disabled] { opacity: .3; pointer-events: none; }
.vx-command-risk__arrow--prev { left: clamp(12px, 3vw, 48px); }
.vx-command-risk__arrow--next { right: clamp(12px, 3vw, 48px); }
.vx-command-risk__dots { display: flex; justify-content: center; gap: 10px; margin-top: -60px; }
.vx-command-risk__dot { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 999px; background: var(--vx-risk-dot); cursor: pointer; transition: width .3s ease, background .3s ease; }
.vx-command-risk__dot.is-active { width: 30px; background: var(--vx-risk-dot-active); }

/* Decide and direct */
.vx-command-process { padding: 30px 0 60px; background-color: #fff; background-image: linear-gradient(to right, rgb(212 212 220 / 18%) 1px, transparent 1px), linear-gradient(to bottom, rgb(212 212 220 / 18%) 1px, transparent 1px); background-size: 148px 148px; }
.vx-command-process__head { text-align: center; }
.vx-command-process__head h2 { margin: 52px 0 12px; font-size: 64px; font-weight: 600; line-height: 1.2; letter-spacing: -.035em; }
.vx-command-process__head > p:last-child { font-size: 28px; line-height: 1.25; }
.vx-command-process__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 42px; margin-top: 50px; }
.vx-command-process__cards article { min-height: 380px; padding: 48px; border: 1px solid #2b303a; border-top-color: transparent; border-right-color: transparent; border-radius: 48px; background: linear-gradient(180deg, #f1f1f1 34%, #fff 75%); }
.vx-command-process__cards article:nth-child(5) { grid-column: 2; }
.vx-command-process__stage { color: var(--vx-gcs-accent); font-size: 22px; font-weight: 600; letter-spacing: -.02em; }
.vx-command-process__cards h3 { margin-top: 16px; font-size: 30px; font-weight: 600; line-height: 1.24; letter-spacing: -.02em; }
.vx-command-process__cards article > p:last-child { margin-top: 16px; font-size: 28px; line-height: 1.4; color: rgb(3 2 9 / 70%); }

/* Command outcomes variant */
.vx-gcs-outcomes--command { position: relative; z-index: 2; padding: 0; }
.vx-gcs-outcomes--command .vx-gcs-outcomes__panel { width: min(calc(100% - 48px), 1600px); height: 744px; background: var(--vx-gcs-atmosphere) center / cover no-repeat, #030209; }
.vx-gcs-outcomes--command .vx-gcs-outcomes__panel::after,
.vx-gcs-outcomes--command .vx-gcs-outcomes__head::before { display: none; }
.vx-gcs-outcomes--command .vx-gcs-outcomes__head { left: 58px; top: 277px; width: 490px; text-align: left; }
.vx-gcs-outcomes--command .vx-gcs-kicker { justify-content: flex-start; }
.vx-gcs-outcomes--command .vx-gcs-kicker::after { display: none; }
.vx-gcs-outcomes--command .vx-gcs-outcomes__head h2 { margin: 12px 0 0; font-size: 64px; line-height: 1.3; text-align: left; }
.vx-gcs-outcomes--command .vx-gcs-outcomes__metrics { left: auto; right: 160px; top: 160px; width: 653px; height: 424px; grid-template-columns: 320px 333px; grid-template-rows: repeat(2, 200px); gap: 24px 24px; }
.vx-gcs-outcomes--command .vx-gcs-metric { position: relative; z-index: 2; display: block; height: 200px; padding: 0; border: 1px solid rgb(255 255 255 / 50%); border-radius: 32px; background: linear-gradient(90deg, rgb(255 255 255 / 10%), rgb(255 255 255 / 0%) 100%); backdrop-filter: blur(50px); }
.vx-gcs-outcomes--command .vx-gcs-metric:nth-child(even) { display: block; flex-direction: initial; text-align: right; background: linear-gradient(270deg, rgb(255 255 255 / 10%), rgb(255 255 255 / 0%) 100%); }
.vx-gcs-outcomes--command .vx-gcs-metric div,
.vx-gcs-outcomes--command .vx-gcs-metric:nth-child(even) div { display: block; }
.vx-gcs-outcomes--command .vx-gcs-metric strong { position: absolute; left: 30px; top: 20px; width: calc(100% - 62px); font-size: 48px; line-height: 1.2; color: #fff; }
.vx-gcs-outcomes--command .vx-gcs-metric span { position: absolute; left: 30px; bottom: 22px; width: calc(100% - 62px); font-size: 28px; font-weight: 600; line-height: 1.2; background: linear-gradient(120deg, #f33a02 5%, #b10039 50%, #002fb6 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.vx-gcs-outcomes--command .vx-gcs-metric:nth-child(even) strong,
.vx-gcs-outcomes--command .vx-gcs-metric:nth-child(even) span { left: auto; right: 32px; text-align: right; }
/* Watermark behind the metric tiles, not a foreground element competing with them. */
.vx-gcs-outcomes--command .vx-gcs-outcomes__world { z-index: 0; left: auto; right: 273px; top: 202px; width: 405px; opacity: 1; mix-blend-mode: normal; filter: grayscale(1); object-fit: contain; pointer-events: none; }

/* Trust and CTA */
.vx-command-trust { position: relative; z-index: 1; margin-top: -360px; padding: 430px 0 90px; border-radius: 80px 80px 0 0; background: #fbe9f0; }
.vx-command-trust__head { text-align: center; }
.vx-command-trust__head h2 { margin-top: 14px; font-size: 64px; font-weight: 600; line-height: 1; letter-spacing: -.03em; }
.vx-command-trust__items { position: relative; display: flex; align-items: stretch; justify-content: space-between; margin-top: 60px; }
.vx-command-trust__items::before, .vx-command-trust__items::after { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: rgb(3 2 9 / 18%); }
.vx-command-trust__items::before { left: 28.57%; }
.vx-command-trust__items::after { left: 71.43%; }
.vx-command-trust__items article,
.vx-command-trust__items article:first-child,
.vx-command-trust__items article:last-child { width: 228.571px; min-height: 143px; padding: 0; border: 0; }
.vx-command-trust__items img { width: 40px; height: 40px; object-fit: contain; }
.vx-command-trust__items h3 { margin-top: 22px; color: var(--vx-gcs-accent); font-size: 32px; font-weight: 600; line-height: 1.3; white-space: nowrap; }
.vx-command-trust__items p { margin-top: 22px; font-size: 24px; font-weight: 500; line-height: 1.6; letter-spacing: -.04em; white-space: nowrap; }
#offerings.vx-gcs-offerings.vx-gcs-offerings--cta-only { position: relative; height: auto !important; min-height: 0 !important; margin: 0; padding: 0 0 283px; border-radius: 0; background: #fbe9f0; }
/* The footer used to be pulled up by an adjacent-sibling rule, which Elementor's
   element wrappers break — leaving a white strip under the CTA. Carry the pink
   down instead so the gap is filled however the page is nested. */
.vx-gcs-offerings--cta-only::after { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 100%; height: 240px; background: #fbe9f0; }
.vx-gcs-offerings--cta-only .vx-gcs-offerings__cta { margin-top: 0; box-shadow: none; }
.vx-gcs-offerings--cta-only .vx-gcs-offerings__cta > img { top: auto; right: 0; bottom: 0; width: min(600px, 42%); height: auto; aspect-ratio: 600 / 366; object-fit: contain; object-position: right bottom; }
.vx-gcs-offerings--cta-only + .elementor-element .vx-gcs-footer, .vx-command-page-root .vx-gcs-footer { margin-top: -146px; }

@media (max-width: 1399px) {
	.vx-command-hero { min-height: 800px; padding: 40px; }
	.vx-command-hero__shell { padding: 42px 58px; }
	.vx-command-hero__content { inset: 125px 0 0 58px; }
	.vx-command-hero__copy { width: 47%; padding-top: 60px; }
	.vx-command-hero__art { width: min(68.101%, 1155px); }
	.vx-command-stakeholders { --vx-carousel-start: -220px !important; }
	.vx-command-connected__diagram { grid-template-columns: 260px 430px 260px; gap: 30px; }
	.vx-command-connected__labels span { height: 88px; padding: 0 30px; font-size: 23px; }
	.vx-command-connected__center { width: 430px; height: auto; aspect-ratio: 519 / 418; }
	.vx-command-connected__diagram::before { left: 230px; right: 230px; }
	.vx-command-risk { --vx-risk-card-w: 480px; --vx-risk-card-h: 620px; --vx-risk-gap: 140px; --vx-risk-pad: 44px; --vx-risk-art-max: 260px; --vx-risk-title: 39px; --vx-risk-text: 23px; }
	.vx-command-process__cards { gap: 24px; }
	.vx-command-process__cards article { padding: 36px; }
	.vx-command-process__cards article > p:last-child { font-size: 22px; }
	.vx-gcs-outcomes--command .vx-gcs-outcomes__head { left: 10.5%; width: 32.4%; }
	.vx-gcs-outcomes--command .vx-gcs-outcomes__head h2 { font-size: clamp(49px, 4.44vw, 62px); }
	.vx-gcs-outcomes--command .vx-gcs-outcomes__metrics { right: 10%; width: 40.8%; grid-template-columns: 49% 51%; }
	.vx-gcs-outcomes--command .vx-gcs-outcomes__world { right: 12.1%; width: 25.3%; }
}

@media (min-width: 1400px) and (max-width: 1599px) {
	.vx-gcs-outcomes--command .vx-gcs-outcomes__head { left: 10.5%; width: 32.4%; }
	.vx-gcs-outcomes--command .vx-gcs-outcomes__head h2 { font-size: clamp(52px, 3.9vw, 60px); }
	.vx-gcs-outcomes--command .vx-gcs-outcomes__metrics { right: 10%; width: 40.8%; grid-template-columns: 49% 51%; }
	.vx-gcs-outcomes--command .vx-gcs-outcomes__world { right: 12.1%; width: 25.3%; }
}

@media (max-width: 1024px) {
	.vx-command-page-root .vx-gcs-kicker { font-size: 19px; }
	.vx-command-hero { height: auto; min-height: 1080px; padding: 28px; }
	.vx-command-hero__shell { padding: 34px; border-radius: 38px; }
	.vx-command-nav { grid-template-columns: 1fr auto; }
	.vx-command-nav__links { position: absolute; left: 0; right: 0; top: 72px; display: none; flex-direction: column; align-items: flex-start; gap: 20px; padding: 24px; border: 1px solid rgb(255 255 255 / 18%); border-radius: 22px; background: rgb(5 3 14 / 94%); }
	.vx-command-nav.is-open .vx-command-nav__links { display: flex; }
	.vx-command-nav__demo { display: none; }
	.vx-command-nav__toggle { display: flex; width: 50px; height: 50px; flex-direction: column; align-items: center; justify-content: center; gap: 7px; border: 0; border-radius: 50%; background: var(--vx-gcs-accent); }
	.vx-command-nav__toggle span { width: 22px; height: 2px; background: #fff; }
	.vx-command-hero__content { position: relative; inset: auto; }
	.vx-command-hero__copy { width: 100%; padding-top: 72px; }
	.vx-command-hero__copy h1 { max-width: 760px; font-size: 64px; }
	.vx-command-hero__description { max-width: 700px; font-size: 22px; }
	.vx-command-hero__art { position: relative; top: auto; right: auto; width: 112%; margin: 24px -6% 0; }
	.vx-command-stakeholders { padding: 110px 0; }
	.vx-command-stakeholders__head h2 { font-size: 52px; }
	.vx-command-stakeholders { --vx-carousel-gap: 24px !important; --vx-carousel-start: -96px !important; }
	.vx-command-stakeholders__track { --vx-carousel-gap: 24px; }
	.vx-command-stakeholders__track, .vx-command-stakeholders__group { gap: 24px; }
	.vx-command-role-card { flex-basis: min(78vw, 620px); }
	.vx-command-connected { min-height: 1080px; padding: 130px 0; }
	.vx-command-connected__head h2 { font-size: 52px; }
	.vx-command-connected__diagram { grid-template-columns: 1fr 1.25fr 1fr; gap: 18px; min-height: 500px; margin-top: 100px; }
	.vx-command-connected__labels { gap: 24px; }
	.vx-command-connected__labels span { height: 76px; padding: 0 20px; font-size: 18px; }
	.vx-command-connected__center { width: 100%; }
	.vx-command-connected__center > div { left: 62%; width: 180px; }
	.vx-command-connected__center > div img { width: 130px; height: auto; }
	.vx-command-connected__center > div span { font-size: 17px; }
	.vx-command-connected__diagram::before, .vx-command-connected__diagram::after { display: none; }
	.vx-command-live { padding: 130px 0; }
	.vx-command-live__head h2 { font-size: 52px; }
	.vx-command-live__head > p:last-child { font-size: 22px; }
	.vx-command-live__dashboard { aspect-ratio: auto; min-height: 760px; }
	.vx-command-live__map { height: 55%; object-fit: cover; }
	.vx-command-live__alerts { left: 4%; top: 48%; width: 44%; }
	.vx-command-live__index { left: auto; right: 4%; bottom: 8%; width: 44%; }
	.vx-command-risk { --vx-risk-card-w: min(58vw, 480px); --vx-risk-card-h: 570px; --vx-risk-gap: 90px; --vx-risk-radius: 44px; --vx-risk-pad: 32px; --vx-risk-art-max: 230px; --vx-risk-tilt: 20deg; --vx-risk-lift: 60px; --vx-risk-title: 32px; --vx-risk-text: 19px; padding-bottom: 110px; }
	.vx-command-risk__head h2 { font-size: 52px; }
	.vx-command-risk__viewport { margin-top: 90px; }
	.vx-command-process { padding: 120px 0 150px; }
	.vx-command-process__head h2 { font-size: 52px; }
	.vx-command-process__head > p:last-child { font-size: 22px; }
	.vx-command-process__cards { grid-template-columns: repeat(2, 1fr); margin-top: 90px; }
	.vx-command-process__cards article:nth-child(5) { grid-column: auto; }
	.vx-gcs-outcomes--command .vx-gcs-outcomes__panel { height: auto; min-height: 760px; padding: 70px 48px; }
	.vx-gcs-outcomes--command .vx-gcs-outcomes__head { position: relative; left: auto; top: auto; width: 100%; }
	.vx-gcs-outcomes--command .vx-gcs-outcomes__head h2 { font-size: 52px; }
	.vx-gcs-outcomes--command .vx-gcs-outcomes__metrics { position: relative; right: auto; top: auto; width: 100%; height: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, 170px); gap: 16px; margin-top: 70px; }
	.vx-gcs-outcomes--command .vx-gcs-outcomes__world { right: 50%; top: 335px; width: 330px; transform: translateX(50%); opacity: .16; }
	.vx-gcs-outcomes--command .vx-gcs-metric { height: 170px; }
	.vx-gcs-outcomes--command .vx-gcs-metric strong { font-size: 38px; }
	.vx-gcs-outcomes--command .vx-gcs-metric span { font-size: 22px; }
	.vx-command-trust { margin-top: -160px; padding: 260px 0 120px; border-radius: 56px 56px 0 0; }
	.vx-command-trust__head h2 { font-size: 52px; }
	.vx-command-trust__items { margin-top: 95px; }
	.vx-command-trust__items article, .vx-command-trust__items article:first-child, .vx-command-trust__items article:last-child { width: 28%; }
	.vx-command-trust__items h3 { font-size: 26px; }
	.vx-command-trust__items p { font-size: 18px; }
}

@media (max-width: 767px) {
	.vx-command-inner, .vx-command-content { width: min(calc(100% - 32px), 1600px); }
	.vx-command-hero { min-height: 900px; padding: 10px; border-radius: 0 0 42px 42px; }
	.vx-command-hero__shell { padding: 24px 20px; border-radius: 30px; }
	.vx-command-nav__logo { width: 136px; height: auto; }
	.vx-command-hero__copy { padding-top: 58px; }
	.vx-command-hero__kicker { margin-bottom: 20px !important; font-size: 15px; }
	.vx-command-hero__copy h1 { font-size: clamp(42px, 12vw, 54px); }
	.vx-command-hero__description { margin: 24px 0 32px !important; font-size: 17px; line-height: 1.38; }
	.vx-command-hero__art { width: 142%; margin: 38px -21% 0; }
	.vx-command-stakeholders { padding: 85px 0 95px; }
	.vx-command-stakeholders__head { margin-bottom: 52px; }
	.vx-command-stakeholders__head h2 { margin-top: 22px; font-size: 39px; line-height: 1.12; }
	.vx-command-stakeholders__head > p:last-child { font-size: 18px; }
	.vx-command-stakeholders { --vx-carousel-gap: 16px !important; --vx-carousel-start: -24px !important; }
	.vx-command-stakeholders__track { --vx-carousel-gap: 16px; }
	.vx-command-stakeholders__track, .vx-command-stakeholders__group { display: flex; gap: 16px; }
	.vx-command-role-card { flex: 0 0 calc(100vw - 48px); width: auto; height: auto; min-height: 320px; }
	.vx-command-role-card > div { width: 100%; padding: 34px 28px 190px; }
	.vx-command-role-card h3 { font-size: 26px; }
	.vx-command-role-card p { margin-top: 18px; font-size: 18px; }
	.vx-command-role-card img { right: -8%; width: 68%; height: 52%; }
	.vx-command-role-card::after { background: linear-gradient(180deg, #fff 48%, rgb(255 255 255 / 64%) 67%, transparent); }
	.vx-command-connected { padding: 50px 0; border-radius: 0 0 42px 42px; }
	.vx-command-connected__head h2 { font-size: 39px; line-height: 1.12; }
	.vx-command-connected__composite-viewport { margin-top: 58px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
	.vx-command-connected__composite { width: 700px; max-width: none; }
	.vx-command-connected__diagram { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; min-height: 0; margin-top: 72px; }
	.vx-command-connected__center { grid-column: 1 / -1; grid-row: 1; width: min(100%, 360px); margin: 0 auto 14px; }
	.vx-command-connected__labels { grid-row: 2; gap: 14px; }
	.vx-command-connected__labels span { height: 58px; padding: 0 14px; font-size: 15px; }
	.vx-command-connected__labels.is-right span { justify-content: flex-start; }
	.vx-command-live { padding: 40px 0 0 0; }
	.vx-command-live__head h2 { font-size: 39px; line-height: 1.12; }
	.vx-command-live__head > p:last-child { font-size: 18px; line-height: 1.4; }
	.vx-command-live__dashboard { min-height: 850px; margin-top: 32px; border-radius: 28px; }
	.vx-command-live__map { height: 40%; object-fit: cover; }
	.vx-command-live__map-title { font-size: 18px; }
	.vx-command-live__alerts { left: 5%; top: 38%; width: 90%; }
	.vx-command-live__alerts article { height: auto; min-height: 86px; }
	.vx-command-live__alerts p { white-space: normal; }
	.vx-command-live__index { left: 5%; right: auto; bottom: 4%; width: 90%; }
	.vx-command-risk { --vx-risk-card-w: min(74vw, 340px); --vx-risk-card-h: 520px; --vx-risk-gap: 34px; --vx-risk-radius: 36px; --vx-risk-pad: 26px; --vx-risk-art-max: 200px; --vx-risk-tilt: 14deg; --vx-risk-lift: 34px; --vx-risk-inactive-scale: .88; --vx-risk-arrow-size: 42px; --vx-risk-title: 30px; --vx-risk-text: 18px; padding-bottom: 90px; }
	.vx-command-risk__head h2 { margin-top: 22px; font-size: 39px; line-height: 1.12; }
	.vx-command-risk__viewport { margin-top: 60px; }
	.vx-command-risk-card__connector { display: none; }
	.vx-command-risk__arrow--prev { left: 4px; }
	.vx-command-risk__arrow--next { right: 4px; }
	.vx-command-process { padding: 40px 0 40px; }
	.vx-command-process__head h2 { margin-top: 34px; font-size: 39px; line-height: 1.12; }
	.vx-command-process__head > p:last-child { font-size: 18px; }
	.vx-command-process__cards { grid-template-columns: 1fr; gap: 20px; margin-top: 60px; }
	.vx-command-process__cards article { min-height: 0; padding: 34px 28px; border-radius: 34px; }
	.vx-command-process__cards h3 { font-size: 27px; }
	.vx-command-process__cards article > p:last-child { font-size: 18px; }
	.vx-gcs-outcomes--command { padding: 0; }
	.vx-gcs-outcomes--command .vx-gcs-outcomes__panel { width: calc(100% - 32px); min-height: 620px; padding: 48px 24px; border-radius: 32px; }
	.vx-gcs-outcomes--command .vx-gcs-outcomes__head h2 { font-size: 39px; line-height: 1.12; }
	.vx-gcs-outcomes--command .vx-gcs-outcomes__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, 120px); gap: 10px; margin-top: 48px; }
	.vx-gcs-outcomes--command .vx-gcs-metric { height: 120px; border-radius: 20px; }
	.vx-gcs-outcomes--command .vx-gcs-metric strong { font-size: 25px; }
	.vx-gcs-outcomes--command .vx-gcs-metric span { font-size: 16px; }
	.vx-gcs-outcomes--command .vx-gcs-metric strong { left: 14px; top: 14px; width: calc(100% - 28px); }
	.vx-gcs-outcomes--command .vx-gcs-metric span { left: 14px; bottom: 14px; width: calc(100% - 28px); }
	.vx-gcs-outcomes--command .vx-gcs-metric:nth-child(even) strong,
	.vx-gcs-outcomes--command .vx-gcs-metric:nth-child(even) span { right: 14px; }
	.vx-gcs-outcomes--command .vx-gcs-outcomes__world { top: 300px; width: 230px; opacity: .16; }
	.vx-command-trust { margin-top: -90px; padding: 170px 0 75px; border-radius: 42px 42px 0 0; }
	.vx-command-trust__head h2 { font-size: 39px; line-height: 1.12; }
	.vx-command-trust__items { display: flex; flex-direction: column; gap: 32px; margin-top: 60px; }
	.vx-command-trust__items::before, .vx-command-trust__items::after { display: none; }
	.vx-command-trust__items article, .vx-command-trust__items article:first-child, .vx-command-trust__items article:last-child { width: 100%; min-height: 0; padding: 0 0 32px; border-right: 0; border-bottom: 1px solid rgb(3 2 9 / 18%); }
	.vx-command-trust__items article:last-child { border-bottom: 0; }
	.vx-command-trust__items h3 { font-size: 28px; }
	.vx-command-trust__items p { margin-top: 12px; font-size: 18px; white-space: normal; }
	.vx-gcs-offerings--cta-only { padding-bottom: 105px; border-radius: 0; }
	.vx-gcs-offerings--cta-only .vx-gcs-offerings__cta { padding-bottom: 245px; }
	.vx-gcs-offerings--cta-only .vx-gcs-offerings__cta > img { right: 0; bottom: 0; width: 100%; height: auto; aspect-ratio: 600 / 366; object-fit: contain; object-position: right bottom; }
	.vx-command-page-root .vx-gcs-footer { margin-top: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.vx-gcs-loop-carousel__track { animation-play-state: paused; }
	.vx-command-risk-card { transition-duration: .01ms; }
}

/* Enterprise Agentic Solutions + Custom AI Models — Figma handover pages. */
.vx-offering-page-root { overflow-x: clip; background: #fff; }
.vx-offering-page-root > .e-con-inner,
.vx-offering-page-root > .elementor-element,
.vx-offering-page-root .elementor-widget-visionx_command_hero,
.vx-offering-page-root .elementor-widget-visionx_command_risk,
.vx-offering-page-root .elementor-widget-visionx_home_why,
.vx-offering-page-root .elementor-widget-visionx_command_connected,
.vx-offering-page-root .elementor-widget-visionx_command_process,
.vx-offering-page-root .elementor-widget-visionx_home_deployment { width: 100%; max-width: none; margin: 0 !important; }
.vx-offering-page-root .vx-gcs-kicker { font-size: 24px; }
.vx-offer-heading { position: relative; z-index: 2; }
.vx-offer-heading .vx-gcs-kicker { margin-bottom: 48px; color: var(--vx-gcs-accent); }
.vx-offer-heading h2 { margin: 0; color: var(--vx-gcs-ink); font-size: clamp(48px, 4.16vw, 80px); font-weight: 600; line-height: 1; letter-spacing: -.03em; }
.vx-offer-heading--light h2 { color: #fff; text-align: center; }

.vx-offer-hero {
	width: 100%;
	max-width: none;
	height: min(1080px, 56.25vw);
	min-height: 800px;
	overflow: hidden;
	padding: 64px;
	border-radius: 0 0 80px 80px;
	background: var(--vx-offer-bg) center / cover no-repeat, #05030e;
	color: #fff;
}
.vx-offer-hero__shell { position: relative; width: min(100%, 1792px); height: 100%; overflow: hidden; margin-inline: auto; padding: 56px 96px; border: 1px solid rgb(255 255 255 / 24%); border-radius: 48px; background: linear-gradient(145deg, rgb(255 255 255 / 10%), rgb(255 255 255 / 1%)); box-shadow: inset 0 1px rgb(255 255 255 / 16%); backdrop-filter: blur(22px); }
.vx-offer-hero__content { position: absolute; inset: 150px 0 0 96px; }
.vx-offer-hero__copy { position: relative; z-index: 3; width: 42%; max-width: 761px; padding-top: 68px; }
.vx-offer-hero--custom-models .vx-offer-hero__copy { width: 38%; max-width: 653px; }
.vx-offer-hero__kicker { margin: 0 0 32px !important; font-size: 24px; font-weight: 500; line-height: 1; }
.vx-offer-hero__copy h1 { max-width: 761px; margin: 0; color: #fff; font-size: clamp(58px, 4.16vw, 80px); font-weight: 500; line-height: 1; letter-spacing: -.04em; }
.vx-offer-hero__description { max-width: 730px; margin: 32px 0 48px !important; font-size: clamp(18px, 1.25vw, 24px); line-height: 1.4; }
.vx-offer-hero__art { position: absolute; z-index: 2; top: 3px; right: 0; width: min(68.101%, 1155px); aspect-ratio: 1155 / 735; overflow: hidden; }
.vx-offer-hero__art img { width: 100%; height: 100%; object-fit: contain; }

.vx-offer-capabilities { position: relative; overflow: hidden; padding: 120px 0 170px; background: #fff; }
.vx-offer-capabilities::after { content: ""; position: absolute; left: 0; right: 0; bottom: -320px; height: 760px; background: radial-gradient(ellipse at center, rgb(14 45 177 / 11%), transparent 68%); pointer-events: none; }
.vx-offer-capabilities .vx-offer-heading { max-width: 976px; margin: 0 auto; text-align: center; }
.vx-offer-capabilities__stage { position: relative; z-index: 1; height: 920px; margin-top: 80px; touch-action: pan-y; }
.vx-offer-capabilities__track { position: absolute; left: 0; top: 0; display: flex; align-items: flex-start; gap: 100px; width: max-content; transition: transform .55s cubic-bezier(.2,.7,.2,1); }
.vx-offer-capability-card { position: relative; width: 584px; height: 700px; flex: 0 0 584px; overflow: hidden; padding: 0; border: 1px solid rgb(43 48 58 / 10%); border-radius: 48px; background: linear-gradient(180deg, #fff, #f9f9fb); box-shadow: 0 28px 80px rgb(6 5 14 / 7%); transform: translateY(138px) rotate(-17deg) scale(.93); transition: transform .45s ease, background .35s ease, color .35s ease; cursor: grab; }
.vx-offer-capability-card:nth-child(3n) { transform: translateY(80px) rotate(17deg) scale(.93); }
.vx-offer-capability-card.is-active { color: #fff; background: linear-gradient(150deg, #dc0049 0%, #320019 43%, #03020c 72%, #072fc4 100%); transform: translateY(0) rotate(0) scale(1) !important; }
.vx-offer-capability-card::after { content: ""; position: absolute; inset: 0; opacity: 0; background: radial-gradient(circle at 12% 0, rgba(214,0,72,.98), transparent 46%), radial-gradient(circle at 92% 100%, rgba(0,58,210,.96), transparent 52%), #050512; transition: opacity .35s ease; pointer-events: none; }
.vx-offer-capability-card.is-active::after { opacity: .28; }
.vx-offer-capability-card > img { position: relative; z-index: 1; display: block; width: 100%; height: 405px; object-fit: contain; object-position: center; }
.vx-offer-capability-card > div { position: relative; z-index: 2; padding: 0 56px; }
.vx-offer-capability-card h3 { margin: 0; font-size: 42px; font-weight: 600; line-height: 1.1; letter-spacing: -.02em; }
.vx-offer-capability-card p { margin: 22px 0 0; color: inherit; font-size: 25px; line-height: 1.35; }

/* Agentic capabilities reuse the established Risk & Reliability carousel. */
.vx-command-risk--offering-agentic {
	--vx-risk-card-w: 584px;
	--vx-risk-card-h: 700px;
	--vx-risk-gap: 168px;
	--vx-risk-radius: 48px;
	--vx-risk-pad: 56px;
	--vx-risk-art-max: 405px;
	--vx-risk-media-gap: 20px;
	--vx-risk-art-scale-idle: 1;
	--vx-risk-art-x-idle: 0%;
	--vx-risk-art-y-idle: 0%;
	--vx-risk-art-scale-active: 1;
	--vx-risk-title: 42px;
	--vx-risk-text: 25px;
	position: relative;
	padding: 60px 0 100px;
}
.vx-command-risk--offering-agentic::after { content: ""; position: absolute; left: 0; right: 0; bottom: -320px; height: 760px; background: radial-gradient(ellipse at center, rgb(14 45 177 / 11%), transparent 68%); pointer-events: none; }
.vx-command-risk--offering-agentic .vx-command-inner { position: relative; z-index: 2; }
.vx-command-risk--offering-agentic .vx-command-risk__head { max-width: 834px; margin-inline: auto; }
.vx-command-risk--offering-agentic .vx-command-risk__head h2 { margin-top: 32px; font-size: clamp(48px, 4.16vw, 80px); line-height: 1; }
.vx-command-risk--offering-agentic .vx-command-risk__viewport { z-index: 1; min-height: 963px; margin-top: 80px; padding-top: 0; padding-bottom: 180px; }
.vx-command-risk--offering-agentic .vx-command-risk-card__inner { justify-content: flex-end; }
.vx-command-risk--offering-agentic .vx-command-risk-card__media { margin-bottom: 18px; }
.vx-command-risk--offering-agentic .vx-command-risk-card__art { object-position: center; }
.vx-command-risk--offering-agentic .vx-command-risk-card__body { min-height: 191px; }
.vx-command-risk--offering-agentic .vx-command-risk-card p { opacity: 1; }

.vx-offer-benefits { position: relative; overflow: hidden; padding: 110px 0 150px; background: #fff; }
.vx-offer-benefits .vx-offer-heading { max-width: 976px; margin: 0 auto 120px; text-align: left; }
.vx-offer-benefits__viewport { width: 100%; }
.vx-offer-benefits--agentic .vx-offer-benefits__grid { display: flex; gap: 38px; width: max-content; transform: translateX(-22%); }
.vx-offer-benefits--agentic .vx-offer-benefit-card { position: relative; width: 676px; height: 370px; flex: 0 0 676px; overflow: hidden; border: 1px solid rgb(43 48 58 / 8%); border-radius: 48px; background: linear-gradient(180deg, #fff, #fafafb); }
.vx-offer-benefits--agentic .vx-offer-benefit-card > div { position: relative; z-index: 2; width: 62%; padding: 70px 0 40px 72px; }
.vx-offer-benefits--agentic .vx-offer-benefit-card h3 { white-space: pre-line; font-size: 36px; font-weight: 600; line-height: 1.1; }
.vx-offer-benefits--agentic .vx-offer-benefit-card p { margin-top: 24px; font-size: 24px; line-height: 1.35; }
.vx-offer-benefits--agentic .vx-offer-benefit-card > img { position: absolute; z-index: 1; right: -20px; bottom: -18px; width: 42%; height: 88%; object-fit: contain; object-position: right bottom; opacity: .8; }
.vx-offer-benefits--custom-models { padding-top: 80px; }
.vx-offer-benefits--custom-models .vx-offer-heading { margin-bottom: 120px; }
.vx-offer-benefits--custom-models .vx-offer-benefits__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 58px 24px; }
.vx-offer-benefits--custom-models .vx-offer-benefit-card { position: relative; min-height: 390px; padding: 68px 64px; overflow: hidden; border: 1px solid rgb(43 48 58 / 9%); border-radius: 0 48px 0 48px; background: linear-gradient(135deg, #fff 0 72%, #f3f3f4 72%); text-align: center; }
.vx-offer-benefits--custom-models .vx-offer-benefit-card:nth-child(odd) { background: linear-gradient(135deg, #fff 0 72%, #fff1f6 72%); }
.vx-offer-benefits--custom-models .vx-offer-benefit-card h3 { max-width: 590px; margin: 0 auto; font-size: 42px; font-weight: 600; line-height: 1.16; }
.vx-offer-benefits--custom-models .vx-offer-benefit-card p { max-width: 660px; margin: 34px auto 0; font-size: 25px; line-height: 1.4; }

.vx-offer-architecture { position: relative; overflow: hidden; min-height: 1631px; padding: 155px 0 160px; border-radius: 56px; background: radial-gradient(circle at 10% 5%, #5a001d, transparent 34%), radial-gradient(circle at 90% 86%, #073dce, transparent 36%), #030209; color: #fff; }
.vx-offer-architecture--agentic { min-height: 1942px; }
.vx-offer-architecture .vx-offer-heading { max-width: 1100px; margin: 0 auto; text-align: center; }
.vx-offer-architecture .vx-offer-heading .vx-gcs-kicker { margin-bottom: 28px; }
.vx-offer-architecture__diagram { position: relative; display: flex; flex-direction: column; align-items: center; width: min(100%, 1174px); margin: 145px auto 0; }
.vx-offer-architecture__layer { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 560px; padding: 26px 48px; border: 1px solid rgb(255 255 255 / 72%); background: linear-gradient(90deg, rgb(255 255 255 / 2%), rgb(255 255 255 / 10%)); backdrop-filter: blur(28px); text-align: center; }
.vx-offer-architecture__layer--top { border-radius: 100px; }
.vx-offer-architecture__layer--bottom { width: min(100%, 1059px); border-radius: 16px; }
.vx-offer-architecture__layer strong { font-size: 30px; font-weight: 500; line-height: 1.3; }
.vx-offer-architecture__layer span { margin-top: 6px; font-size: 18px; line-height: 1.4; }
.vx-offer-architecture__connector { position: relative; width: 1px; height: 72px; background: rgb(255 255 255 / 72%); }
.vx-offer-architecture__connector i { position: absolute; left: 50%; bottom: -6px; width: 14px; height: 14px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: translateX(-50%) rotate(45deg); }
.vx-offer-architecture__core { width: min(100%, 1059px); padding: 38px; border: 1px solid rgb(255 255 255 / 80%); border-radius: 32px; text-align: center; }
.vx-offer-architecture__core h3 { margin: 0 0 46px; font-size: 30px; font-weight: 500; }
.vx-offer-architecture__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.vx-offer-architecture__cards article { min-height: 174px; padding: 30px; border-radius: 24px; background: linear-gradient(90deg, rgb(255 255 255 / 10%), transparent); text-align: left; }
.vx-offer-architecture__cards article:nth-child(2) { text-align: center; background: linear-gradient(180deg, rgb(255 255 255 / 10%), transparent); }
.vx-offer-architecture__cards article:nth-child(3) { text-align: right; background: linear-gradient(-90deg, rgb(255 255 255 / 10%), transparent); }
.vx-offer-architecture__cards h4 { margin: 0; font-size: 21px; font-weight: 500; }
.vx-offer-architecture__cards p { margin: 8px 0 22px; color: rgb(255 255 255 / 60%); font-size: 15px; }
.vx-offer-architecture__cards span { color: var(--vx-gcs-accent); font-size: 16px; }
.vx-offer-architecture__core small { display: block; margin-top: 24px; font-size: 16px; }
.vx-offer-architecture--agentic .vx-offer-architecture__diagram { margin-top: 170px; }
.vx-offer-architecture--agentic .vx-offer-architecture__core { padding: 48px 60px 54px; }

.vx-offer-roadmap { position: relative; overflow: hidden; padding: 160px 0 135px; background: #fff; }
.vx-offer-roadmap::before { content: ""; position: absolute; inset: 0; opacity: .42; background: repeating-linear-gradient(0deg, transparent 0 74px, rgb(228 230 238 / 55%) 75px 76px); pointer-events: none; }
.vx-offer-roadmap .vx-offer-heading { max-width: 1291px; margin: 0 auto 150px; text-align: center; }
.vx-offer-roadmap__stack { position: relative; z-index: 1; width: min(100%, 1330px); margin: 0 auto; }
.vx-offer-roadmap__stack article { position: relative; min-height: 260px; margin-top: -146px; padding: 48px 88px; overflow: hidden; border-radius: 48px; background: #f5f5f5; box-shadow: 0 -12px 40px rgb(7 6 16 / 4%); }
.vx-offer-roadmap__stack article:first-child { margin-top: 0; }
.vx-offer-roadmap__stack article:nth-child(even) { background: #fff; }
.vx-offer-roadmap__stack article.is-active { min-height: 324px; margin-top: -132px; padding: 48px 80px; background: radial-gradient(circle at 93% 125%, #f21b42, transparent 28%), linear-gradient(120deg, #030209 28%, #21000e 74%, #df0438); color: #fff; }
.vx-offer-roadmap__stack article > div { display: flex; align-items: center; gap: 24px; }
.vx-offer-roadmap__stack strong { color: rgb(3 2 9 / 45%); font-size: 28px; }
.vx-offer-roadmap__stack h3 { margin: 0; font-size: 28px; font-weight: 500; line-height: 1.25; }
.vx-offer-roadmap__stack .is-active strong { color: var(--vx-gcs-accent); font-size: 32px; }
.vx-offer-roadmap__stack .is-active h3 { font-size: 32px; font-weight: 600; }
.vx-offer-roadmap__stack .is-active p { max-width: 1080px; margin: 38px 0 0 48px; font-size: 30px; line-height: 1.35; }

.vx-offer-deploy { position: relative; width: min(calc(100% - 48px), 1600px); min-height: 902px; overflow: hidden; margin: 0 auto 150px; padding: 140px 80px 130px; border-radius: 56px; background: radial-gradient(circle at 10% 5%, #4d001b, transparent 34%), radial-gradient(circle at 90% 90%, #082b9f, transparent 36%), #030209; color: #fff; }
.vx-offer-deploy::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 54%; background: var(--vx-deploy-world) center bottom / 100% auto no-repeat; opacity: .62; pointer-events: none; }
.vx-offer-deploy .vx-command-content { width: 100%; }
.vx-offer-deploy .vx-offer-heading { max-width: 820px; margin: 0 auto; text-align: center; }
.vx-offer-deploy .vx-offer-heading .vx-gcs-kicker { margin-bottom: 24px; }
.vx-offer-deploy__grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 88px; }
.vx-offer-deploy__grid article { min-height: 345px; padding: 72px 46px 48px; border: 1px solid rgb(255 255 255 / 12%); border-radius: 32px; background: linear-gradient(180deg, rgb(255 255 255 / 10%), transparent); backdrop-filter: blur(24px); }
.vx-offer-deploy__grid img { width: 40px; height: 40px; object-fit: contain; }
.vx-offer-deploy__grid h3 { margin: 40px 0 12px; font-size: 50px; font-weight: 600; line-height: 1; }
.vx-offer-deploy__grid p { margin: 0; color: #a1a0a4; font-size: 24px; line-height: 1.4; }

.vx-offering-page-root .vx-gcs-offerings--cta-only { padding-top: 120px; border-radius: 80px 80px 0 0; }
.vx-offering-page-root .vx-gcs-footer { margin-top: 0; }

@media (max-width: 1200px) {
	.vx-command-risk--offering-agentic { --vx-risk-card-w: 480px !important; --vx-risk-card-h: 610px !important; --vx-risk-gap: 90px !important; --vx-risk-pad: 44px !important; --vx-risk-art-max: 330px !important; --vx-risk-title: 36px !important; --vx-risk-text: 21px !important; }
	.vx-offer-hero { min-height: 800px; padding: 40px; }
	.vx-offer-hero__shell { padding: 42px 58px; }
	.vx-offer-hero__content { inset: 130px 0 0 58px; }
	.vx-offer-hero__copy { padding-top: 72px; }
	.vx-offer-capabilities__track { gap: 44px; }
	.vx-offer-capability-card { width: 480px; height: 610px; flex-basis: 480px; }
	.vx-offer-capability-card > img { height: 330px; }
	.vx-offer-benefits--agentic .vx-offer-benefits__grid { transform: translateX(-34%); }
}

@media (max-width: 1024px) {
	.vx-command-risk--offering-agentic { --vx-risk-card-w: min(72vw, 480px) !important; --vx-risk-card-h: 610px !important; --vx-risk-gap: 48px !important; --vx-risk-pad: 38px !important; --vx-risk-art-max: 330px !important; --vx-risk-title: 34px !important; --vx-risk-text: 20px !important; padding: 100px 0 110px; }
	.vx-command-risk--offering-agentic .vx-command-risk__viewport { min-height: 760px; margin-top: 70px; padding-bottom: 100px; }
	.vx-offering-page-root .vx-gcs-kicker { font-size: 19px; }
	.vx-offer-heading h2 { font-size: clamp(44px, 7vw, 64px); }
	.vx-offer-hero { height: auto; min-height: 1080px; padding: 28px; }
	.vx-offer-hero__shell { padding: 34px; border-radius: 38px; }
	.vx-offer-hero__content { position: relative; inset: auto; display: flex; flex-direction: column; }
	.vx-offer-hero__copy, .vx-offer-hero--custom-models .vx-offer-hero__copy { width: 100%; max-width: 720px; padding-top: 92px; }
	.vx-offer-hero__copy h1 { font-size: clamp(52px, 8vw, 72px); }
	.vx-offer-hero__art { position: relative; top: auto; right: auto; width: min(100%, 860px); margin: 40px auto 0; }
	.vx-offer-capabilities { padding-bottom: 110px; }
	.vx-offer-capabilities__stage { height: auto; overflow-x: auto; margin-top: 70px; padding: 30px 28px 90px; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.vx-offer-capabilities__track { position: relative; left: auto; top: auto; gap: 24px; transform: none !important; }
	.vx-offer-capability-card, .vx-offer-capability-card:nth-child(3n), .vx-offer-capability-card.is-active { width: min(72vw, 480px); height: 610px; flex-basis: min(72vw, 480px); transform: none; scroll-snap-align: center; }
	.vx-offer-benefits .vx-offer-heading { margin-bottom: 78px; }
	.vx-offer-benefits--agentic .vx-offer-benefits__viewport { overflow-x: auto; }
	.vx-offer-benefits--agentic .vx-offer-benefits__grid { transform: none; padding-inline: 28px; }
	.vx-offer-benefits--agentic .vx-offer-benefit-card { width: 560px; flex-basis: 560px; }
	.vx-offer-benefits--custom-models .vx-offer-benefits__grid { gap: 24px; }
	.vx-offer-benefits--custom-models .vx-offer-benefit-card { min-height: 350px; padding: 48px 36px; }
	.vx-offer-benefits--custom-models .vx-offer-benefit-card h3 { font-size: 32px; }
	.vx-offer-benefits--custom-models .vx-offer-benefit-card p { font-size: 21px; }
	.vx-offer-architecture, .vx-offer-architecture--agentic { min-height: 0; padding: 130px 0; }
	.vx-offer-architecture__diagram { margin-top: 100px; }
	.vx-offer-architecture__core { padding: 34px 28px; }
	.vx-offer-architecture__cards { gap: 16px; }
	.vx-offer-roadmap { padding: 130px 0 110px; }
	.vx-offer-roadmap__stack article { padding-inline: 54px; }
	.vx-offer-deploy { padding-inline: 48px; }
	.vx-offer-deploy__grid h3 { font-size: 36px; }
	.vx-offer-deploy__grid p { font-size: 20px; }
}

@media (max-width: 767px) {
	.vx-command-risk--offering-agentic { --vx-risk-card-w: calc(100vw - 48px) !important; --vx-risk-card-h: 530px !important; --vx-risk-gap: 24px !important; --vx-risk-radius: 36px !important; --vx-risk-pad: 28px !important; --vx-risk-art-max: 285px !important; --vx-risk-title: 30px !important; --vx-risk-text: 18px !important; padding: 40px 0 40px; }
	.vx-command-risk--offering-agentic .vx-command-risk__head { padding-inline: 20px; }
	.vx-command-risk--offering-agentic .vx-command-risk__head h2 { font-size: 39px; line-height: 1.12; }
	.vx-command-risk--offering-agentic .vx-command-risk__viewport { min-height: 650px; margin-top: 60px; padding-bottom: 70px; }
	.vx-command-risk--offering-agentic .vx-command-risk-card__body { min-height: 142px; }
	.vx-offering-page-root .vx-command-content { width: calc(100% - 40px); }
	.vx-offer-heading .vx-gcs-kicker { margin-bottom: 22px; }
	.vx-offer-heading h2 { font-size: 39px; line-height: 1.12; }
	.vx-offer-hero { min-height: 900px; padding: 10px; border-radius: 0 0 42px 42px; }
	.vx-offer-hero__shell { padding: 24px 20px; border-radius: 30px; }
	.vx-offer-hero__copy { padding-top: 58px; }
	.vx-offer-hero__kicker { margin-bottom: 20px !important; font-size: 15px; }
	.vx-offer-hero__copy h1 { font-size: clamp(42px, 12vw, 54px); }
	.vx-offer-hero__description { margin: 24px 0 32px !important; font-size: 17px; line-height: 1.38; }
	.vx-offer-hero__art { width: 142%; margin: 38px -21% 0; }
	.vx-offer-capabilities { padding: 85px 0 80px; }
	.vx-offer-capabilities__stage { padding-inline: 20px; }
	.vx-offer-capability-card, .vx-offer-capability-card:nth-child(3n), .vx-offer-capability-card.is-active { width: calc(100vw - 48px); height: 530px; flex-basis: calc(100vw - 48px); border-radius: 36px; }
	.vx-offer-capability-card > img { height: 285px; }
	.vx-offer-capability-card > div { padding: 0 28px; }
	.vx-offer-capability-card h3 { font-size: 30px; }
	.vx-offer-capability-card p { font-size: 18px; }
	.vx-offer-benefits { padding: 85px 0 95px; }
	.vx-offer-benefits--agentic .vx-offer-benefit-card { width: calc(100vw - 48px); height: 360px; flex-basis: calc(100vw - 48px); border-radius: 34px; }
	.vx-offer-benefits--agentic .vx-offer-benefit-card > div { width: 70%; padding: 42px 0 32px 28px; }
	.vx-offer-benefits--agentic .vx-offer-benefit-card h3 { font-size: 28px; }
	.vx-offer-benefits--agentic .vx-offer-benefit-card p { font-size: 18px; }
	.vx-offer-benefits--custom-models .vx-offer-benefits__grid { grid-template-columns: 1fr; }
	.vx-offer-benefits--custom-models .vx-offer-benefit-card { min-height: 0; padding: 38px 28px; border-radius: 0 32px 0 32px; }
	.vx-offer-benefits--custom-models .vx-offer-benefit-card h3 { font-size: 28px; }
	.vx-offer-benefits--custom-models .vx-offer-benefit-card p { margin-top: 20px; font-size: 18px; }
	.vx-offer-architecture, .vx-offer-architecture--agentic { padding: 90px 0; border-radius: 36px; }
	.vx-offer-architecture__diagram, .vx-offer-architecture--agentic .vx-offer-architecture__diagram { margin-top: 65px; }
	.vx-offer-architecture__layer { width: 100%; min-width: 0; padding: 22px 18px; }
	.vx-offer-architecture__layer strong { font-size: 23px; }
	.vx-offer-architecture__layer span { font-size: 15px; }
	.vx-offer-architecture__core, .vx-offer-architecture--agentic .vx-offer-architecture__core { padding: 28px 18px; border-radius: 24px; }
	.vx-offer-architecture__core h3 { margin-bottom: 24px; font-size: 21px; }
	.vx-offer-architecture__cards { grid-template-columns: 1fr; gap: 14px; }
	.vx-offer-architecture__cards article, .vx-offer-architecture__cards article:nth-child(2), .vx-offer-architecture__cards article:nth-child(3) { min-height: 0; padding: 24px; text-align: left; }
	.vx-offer-architecture__core small { line-height: 1.4; }
	.vx-offer-roadmap { padding: 90px 0; }
	.vx-offer-roadmap .vx-offer-heading { margin-bottom: 70px; }
	.vx-offer-roadmap__stack article, .vx-offer-roadmap__stack article.is-active { min-height: 0; margin: 14px 0 0; padding: 30px 24px; border-radius: 28px; }
	.vx-offer-roadmap__stack article:first-child { margin-top: 0; }
	.vx-offer-roadmap__stack h3, .vx-offer-roadmap__stack .is-active h3 { font-size: 21px; }
	.vx-offer-roadmap__stack strong, .vx-offer-roadmap__stack .is-active strong { font-size: 22px; }
	.vx-offer-roadmap__stack .is-active p { margin: 24px 0 0; font-size: 18px; }
	.vx-offer-deploy { width: calc(100% - 24px); min-height: 0; margin-bottom: 90px; padding: 80px 20px; border-radius: 36px; }
	.vx-offer-deploy__grid { grid-template-columns: 1fr; margin-top: 55px; }
	.vx-offer-deploy__grid article { min-height: 0; padding: 36px 28px; }
	.vx-offer-deploy__grid h3 { margin-top: 24px; font-size: 32px; }
	.vx-offer-deploy::after { height: 35%; background-size: auto 100%; }
	.vx-offering-page-root .vx-gcs-offerings--cta-only { padding-top: 80px; border-radius: 42px 42px 0 0; }
}

/*
 * Offering drafts assembled from the exact Command Center widget instances.
 * These are page-level presentation adjustments only; the widgets keep their
 * original Command Center markup, controls, interactions and responsive code.
 */
.vx-offering-page-root .elementor-widget-visionx_command_stakeholders,
.vx-offering-page-root .elementor-widget-visionx_command_trust,
.vx-offering-page-root .elementor-widget-visionx_gcs_offerings,
.vx-offering-page-root .elementor-widget-visionx_gcs_footer { width: 100%; max-width: none; margin: 0 !important; }

.vx-agentic-capabilities-instance .vx-command-risk {
	--vx-risk-card-w: 584px;
	--vx-risk-card-h: 700px;
	--vx-risk-gap: 168px;
	--vx-risk-radius: 48px;
	--vx-risk-pad: 56px;
	--vx-risk-art-max: 405px;
	--vx-risk-title: 42px;
	--vx-risk-text: 25px;
	position: relative;
	padding: 120px 0 170px;
}
.vx-agentic-capabilities-instance .vx-command-risk::after { content: ""; position: absolute; left: 0; right: 0; bottom: -320px; height: 760px; background: radial-gradient(ellipse at center, rgb(14 45 177 / 11%), transparent 68%); pointer-events: none; }
.vx-agentic-capabilities-instance .vx-command-risk__head { max-width: 834px; margin-inline: auto; }
.vx-agentic-capabilities-instance .vx-command-risk__head h2 { font-size: clamp(48px, 4.16vw, 80px); line-height: 1; }
.vx-agentic-capabilities-instance .vx-command-risk__viewport { min-height: 963px; margin-top: 80px; padding-top: 0; padding-bottom: 180px; }
.vx-agentic-capabilities-instance .vx-command-risk-card__body { min-height: 191px; }

.vx-agentic-benefits-instance .vx-command-stakeholders { padding: 60px 0 60px; }
.vx-agentic-benefits-instance .vx-command-stakeholders__head { margin-bottom: 60px; }
.vx-agentic-benefits-instance .vx-command-stakeholders__head h2 { margin-top: 48px; font-size: clamp(48px, 4.16vw, 80px); line-height: 1; }
.vx-agentic-benefits-instance .vx-command-stakeholders__head > p:last-child:empty { display: none; }
.vx-agentic-benefits-instance .vx-command-role-card { height: 370px; }
.vx-agentic-benefits-instance .vx-command-role-card > div { width: 62%; padding: 64px 0 40px 72px; }
.vx-agentic-benefits-instance .vx-command-role-card h3 { font-size: 36px; line-height: 1.1; }
.vx-agentic-benefits-instance .vx-command-role-card p { margin-top: 24px; font-size: 24px; line-height: 1.35; }
.vx-agentic-benefits-instance .vx-command-role-card img { right: -20px; bottom: -18px; width: 42%; height: 88%; }
.vx-agentic-benefits-instance .vx-command-role-card::after { background: linear-gradient(90deg, #fff 42%, rgb(255 255 255 / 84%) 58%, transparent 80%); }

.vx-agentic-architecture-instance .vx-command-connected { padding-top: 80px; border-radius: 56px; }
.vx-agentic-architecture-instance .vx-command-connected__head h2 { font-size: clamp(48px, 4.16vw, 80px); line-height: 1; }
.vx-agentic-architecture-instance .vx-command-connected__composite-viewport { width: min(100%, 1174px); margin: 60px auto 0; }

.vx-custom-architecture-instance .vx-command-connected { min-height: 0; padding: 0; border-radius: 56px; background: #030209; }
.vx-custom-architecture-instance .vx-command-inner { width: 100%; max-width: none; }
.vx-custom-architecture-instance .vx-command-connected__head { display: none; }
.vx-custom-architecture-instance .vx-command-connected__composite-viewport { margin: 0; }
.vx-custom-architecture-instance .vx-command-connected__composite { width: 100%; }

.vx-custom-benefits-instance .vx-command-process { padding: 80px 0 150px; background: #fff; }
.vx-custom-benefits-instance .vx-command-process__head { max-width: 976px; margin-inline: auto; text-align: left; }
.vx-custom-benefits-instance .vx-command-process__head h2 { margin-top: 48px; font-size: clamp(48px, 4.16vw, 80px); line-height: 1; }
.vx-custom-benefits-instance .vx-command-process__head > p:last-child:empty { display: none; }
.vx-custom-benefits-instance .vx-command-process__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 58px 24px; margin-top: 120px; }
.vx-custom-benefits-instance .vx-command-process__cards article { min-height: 390px; padding: 68px 34px; border: 1px solid rgb(43 48 58 / 9%); border-radius: 0 48px 0 48px; background: linear-gradient(135deg, #fff 0 72%, #f3f3f4 72%); text-align: center; }
.vx-custom-benefits-instance .vx-command-process__cards article:nth-child(odd) { background: linear-gradient(135deg, #fff 0 72%, #fff1f6 72%); }
.vx-custom-benefits-instance .vx-command-process__stage { display: none; }
.vx-custom-benefits-instance .vx-command-process__cards h3 { max-width: 590px; margin: 0 auto; font-size: 42px; line-height: 1.16; }
.vx-custom-benefits-instance .vx-command-process__cards article > p:last-child { max-width: 660px; margin: 34px auto 0; font-size: 25px; line-height: 1.4; }

.vx-offer-roadmap-instance .vx-command-process { position: relative; overflow: hidden; padding: 160px 0 135px; background: #fff; }
.vx-offer-roadmap-instance .vx-command-process__head { max-width: 1291px; margin-inline: auto; }
.vx-offer-roadmap-instance .vx-command-process__head h2 { margin-top: 52px; font-size: 64px; line-height: 1; }
.vx-offer-roadmap-instance .vx-command-process__head > p:last-child:empty { display: none; }
.vx-offer-roadmap-instance .vx-command-process__cards { display: block; position: relative; width: min(100%, 1330px); margin: 150px auto 0; }
.vx-offer-roadmap-instance .vx-command-process__cards article { display: grid; grid-template-columns: 1fr; min-height: 260px; margin-top: -146px; padding: 48px 88px; overflow: hidden; border: 0; border-radius: 48px; background: #f5f5f5; box-shadow: 0 -12px 40px rgb(7 6 16 / 4%); }
.vx-offer-roadmap-instance .vx-command-process__cards article:first-child { margin-top: 0; }
.vx-offer-roadmap-instance .vx-command-process__cards article:nth-child(even) { background: #fff; }
.vx-offer-roadmap-instance .vx-command-process__stage { display: flex; align-items: center; gap: 24px; color: #030209; font-size: 28px; font-weight: 500; }
.vx-offer-roadmap-instance .vx-command-process__stage span { opacity: .45; }
.vx-offer-roadmap-instance .vx-command-process__cards h3 { display: none; }
.vx-offer-roadmap-instance .vx-command-process__cards article > p:last-child:empty { display: none; }
.vx-offer-roadmap-instance .vx-command-process__cards article:last-child { min-height: 324px; margin-top: -132px; padding: 48px 80px; background: radial-gradient(circle at 93% 125%, #f21b42, transparent 28%), linear-gradient(120deg, #030209 28%, #21000e 74%, #df0438); color: #fff; }
.vx-offer-roadmap-instance .vx-command-process__cards article:last-child .vx-command-process__stage { color: #fff; font-size: 32px; font-weight: 600; }
.vx-offer-roadmap-instance .vx-command-process__cards article:last-child .vx-command-process__stage span { color: var(--vx-gcs-accent); opacity: 1; }
.vx-offer-roadmap-instance .vx-command-process__cards article:last-child > p:last-child { max-width: 1080px; margin: 38px 0 0 48px; color: #fff; font-size: 30px; line-height: 1.35; }

.vx-custom-deploy-instance { padding: 0 0 150px; background: #fff; }
.vx-custom-deploy-instance .vx-command-trust { width: min(calc(100% - 48px), 1600px); min-height: 902px; overflow: hidden; margin: 0 auto; padding: 140px 80px 130px; border-radius: 56px; background: radial-gradient(circle at 10% 5%, #4d001b, transparent 34%), radial-gradient(circle at 90% 90%, #082b9f, transparent 36%), #030209; color: #fff; }
.vx-custom-deploy-instance .vx-command-trust__head h2 { margin-top: 24px; color: #fff; }
.vx-custom-deploy-instance .vx-command-trust__items { gap: 22px; margin-top: 88px; }
.vx-custom-deploy-instance .vx-command-trust__items::before,
.vx-custom-deploy-instance .vx-command-trust__items::after { display: none; }
.vx-custom-deploy-instance .vx-command-trust__items article,
.vx-custom-deploy-instance .vx-command-trust__items article:first-child,
.vx-custom-deploy-instance .vx-command-trust__items article:last-child { width: calc((100% - 44px) / 3); min-height: 345px; padding: 72px 46px 48px; border: 1px solid rgb(255 255 255 / 12%); border-radius: 32px; background: linear-gradient(180deg, rgb(255 255 255 / 10%), transparent); }
.vx-custom-deploy-instance .vx-command-trust__items img { width: 40px; height: 40px; }
.vx-custom-deploy-instance .vx-command-trust__items h3 { margin-top: 40px; color: #fff; font-size: 50px; }
.vx-custom-deploy-instance .vx-command-trust__items p { margin-top: 12px; color: #a1a0a4; font-size: 24px; white-space: normal; }

@media (max-width: 1024px) {
	.vx-agentic-capabilities-instance .vx-command-risk { --vx-risk-card-w: min(72vw, 480px) !important; --vx-risk-card-h: 610px !important; --vx-risk-gap: 48px !important; --vx-risk-pad: 38px !important; padding: 100px 0 110px; }
	.vx-agentic-capabilities-instance .vx-command-risk__viewport { min-height: 760px; padding-bottom: 100px; }
	.vx-agentic-architecture-instance .vx-command-connected { min-height: 0; padding: 130px 0; }
	.vx-custom-benefits-instance .vx-command-process__cards { gap: 24px; }
	.vx-custom-benefits-instance .vx-command-process__cards article { min-height: 350px; padding: 48px 36px; }
	.vx-custom-benefits-instance .vx-command-process__cards h3 { font-size: 32px; }
	.vx-custom-benefits-instance .vx-command-process__cards article > p:last-child { font-size: 21px; }
	.vx-offer-roadmap-instance .vx-command-process { padding: 130px 0 110px; }
	.vx-offer-roadmap-instance .vx-command-process__cards article { padding-inline: 54px; }
	.vx-custom-deploy-instance .vx-command-trust { padding-inline: 48px; }
	.vx-custom-deploy-instance .vx-command-trust__items h3 { font-size: 36px; }
}

@media (max-width: 767px) {
	.vx-agentic-capabilities-instance .vx-command-risk { --vx-risk-card-w: calc(100vw - 48px) !important; --vx-risk-card-h: 530px !important; --vx-risk-gap: 24px !important; --vx-risk-radius: 36px !important; --vx-risk-pad: 28px !important; padding: 85px 0 80px; }
	.vx-agentic-capabilities-instance .vx-command-risk__viewport { min-height: 650px; padding-bottom: 70px; }
	.vx-agentic-benefits-instance .vx-command-role-card { height: 320px; }
	.vx-agentic-benefits-instance .vx-command-role-card > div { width: 72%; padding: 42px 0 32px 28px; }
	.vx-agentic-benefits-instance .vx-command-role-card h3 { font-size: 28px; }
	.vx-agentic-benefits-instance .vx-command-role-card p { font-size: 18px; }
	.vx-agentic-architecture-instance .vx-command-connected { padding: 40px 0; border-radius: 36px; }
	.vx-custom-architecture-instance .vx-command-connected { border-radius: 36px; }
	.vx-custom-architecture-instance .vx-command-connected__composite-viewport { overflow-x: hidden; }
	.vx-custom-architecture-instance .vx-command-connected__composite { width: 100%; max-width: 100%; }
	.vx-custom-benefits-instance .vx-command-process { padding: 40px 0 40px; }
	.vx-custom-benefits-instance .vx-command-process__head { text-align: center; }
	.vx-custom-benefits-instance .vx-command-process__cards { grid-template-columns: 1fr; margin-top: 70px; }
	.vx-custom-benefits-instance .vx-command-process__cards article { min-height: 0; padding: 38px 28px; border-radius: 0 32px 0 32px; }
	.vx-custom-benefits-instance .vx-command-process__cards h3 { font-size: 28px; }
	.vx-custom-benefits-instance .vx-command-process__cards article > p:last-child { margin-top: 20px; font-size: 18px; }
	.vx-offer-roadmap-instance .vx-command-process { padding: 90px 0; }
	.vx-offer-roadmap-instance .vx-command-process__cards { margin-top: 70px; }
	.vx-offer-roadmap-instance .vx-command-process__cards article,
	.vx-offer-roadmap-instance .vx-command-process__cards article:last-child { min-height: 0; margin: 14px 0 0; padding: 30px 24px; border-radius: 28px; }
	.vx-offer-roadmap-instance .vx-command-process__cards article:first-child { margin-top: 0; }
	.vx-offer-roadmap-instance .vx-command-process__stage,
	.vx-offer-roadmap-instance .vx-command-process__cards article:last-child .vx-command-process__stage { font-size: 21px; }
	.vx-offer-roadmap-instance .vx-command-process__cards article:last-child > p:last-child { margin: 24px 0 0; font-size: 18px; }
	.vx-custom-deploy-instance { padding-bottom: 90px; }
	.vx-custom-deploy-instance .vx-command-trust { width: calc(100% - 24px); min-height: 0; padding: 80px 20px; border-radius: 36px; }
	.vx-custom-deploy-instance .vx-command-trust__items { flex-direction: column; gap: 16px; margin-top: 55px; }
	.vx-custom-deploy-instance .vx-command-trust__items article,
	.vx-custom-deploy-instance .vx-command-trust__items article:first-child,
	.vx-custom-deploy-instance .vx-command-trust__items article:last-child { width: 100%; min-height: 0; padding: 36px 28px; border: 1px solid rgb(255 255 255 / 12%); }
	.vx-custom-deploy-instance .vx-command-trust__items h3 { margin-top: 24px; font-size: 32px; }
}
/* --------------------------------------------------------------------------
   Energy, Power & Industrials (page-id-22630)
   The shared hero widths come from the GCS 1440 frame, whose headline text box
   is 489.75 wide. The Energy 1440 frame is wider, so its headline breaks in
   three lines and its description in two. Desktop only -- the narrow
   breakpoints below 1400px still own the responsive behaviour. */
/* The energy design is held all the way down to 1280px so 1366-class laptops
   get it instead of the generic fluid fallback. */
@media (min-width: 1280px) {
	/* Figma drops the preface 150px below the hero and sets it in Montserrat
	   21px/1.25, where it wraps to three lines; the head then sits 97.5px below
	   it. The head h2 carries an explicit break after "in", so its 800.25px
	   block is two lines tall and the accordion starts 65px under it. */
	/* The legacy !important padding above wins on specificity, so the id has to
	   come along here too. */
	.page-id-22630 #use-cases.vx-gcs-use-cases { padding-top: 50px !important; }
	.page-id-22630 .vx-gcs-use-cases__preface {
		font-size: 21px;
		line-height: 1.25;
	}
	.page-id-22630 .vx-gcs-use-cases__head { margin-bottom: 65px; }

	/* Sovereignty: Figma's headline text layer carries two trailing empty lines,
	   which pads the left column out to 341px and pushes the compliance strip to
	   y371. The tile grid is centred in that 341px, the copy is top-aligned. */
	.page-id-22630 .vx-gcs-sovereignty__grid {
		align-items: start;
		min-height: 341px;
	}
	.page-id-22630 .vx-gcs-sovereignty__cards { align-self: center; }
	/* Figma breaks the third tile label after the hyphen and left-aligns it in a
	   105.75px box whose right edge still lands on the shared 254.63 gutter. */
	.page-id-22630 .vx-gcs-sovereignty-card:nth-child(3) span {
		width: 105.75px;
		text-align: left;
	}

	/* Case proof: the energy card runs its body copy in a 602.25px measure and
	   carries a larger piece of art than the GCS frame it was sized against. */
	.page-id-22630 .vx-gcs-case-proof__copy p { max-width: 602.25px; }
	.page-id-22630 .vx-gcs-case-proof__card > img {
		top: 30px;
		right: -7.9px;
		width: 321.4px;
		height: 287.25px;
	}

	.page-id-22630 .vx-gcs-hero__copy { width: 529px; }
	.page-id-22630 .vx-gcs-hero__copy h1 { max-width: 543px; }
	.page-id-22630 .vx-gcs-hero__description { max-width: 495px; }
	/* Figma sets the eyebrow on its natural 22px leading, and boxes the outcomes
	   kicker at 27px; both keep the copy below them on the design baseline. */
	.page-id-22630 .vx-gcs-hero__eyebrow { line-height: 22px; }
	.page-id-22630 .vx-gcs-outcomes .vx-gcs-kicker { min-height: 27px; }

	/* Offerings: Figma gives all three card titles a 214.5px column (so each
	   wraps to two lines), a 24px Light qualifier line, and a Learn more link
	   pinned to a shared baseline 234.75px down the 300px card. */
	.page-id-22630 .vx-gcs-offering-card > div {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		left: 36px;
		top: 95px;
		width: 215px;
		height: 163px;
	}
	.page-id-22630 .vx-gcs-offering-card h3 { max-width: 215px; margin: 0 0 14px; letter-spacing: -0.9px; }
	.page-id-22630 .vx-gcs-offering-card > div > a { margin-top: auto; line-height: 1.3; letter-spacing: -0.54px; }

	/* The energy card artwork sits differently from the GCS frame. These are the
	   un-rotated boxes recovered from Figma bounding boxes. */
	.page-id-22630 .vx-gcs-offering-card--1 > img { top: -64.1px; right: -49.1px; width: 208.5px; height: 210.7px !important; transform: rotate(6.47deg); }
	.page-id-22630 .vx-gcs-offering-card--2 > img { top: -22.2px; right: -16px; width: 163.8px; height: 165.6px !important; transform: rotate(16.88deg); }
	.page-id-22630 .vx-gcs-offering-card--3 > img { top: -8.4px; right: -14.6px; width: 146px; height: 147.6px !important; transform: rotate(15deg); }

	/* Both blocks are centred inside the 1280 content column, not left-aligned:
	   Figma puts the tile row at x40 (40 + 387.75 + 18 + 388.5 + 18 + 387.75 =
	   1240, so 40px of slack each side) and the CTA panel at x43.5 with a width of
	   1193 (again 43.5px each side). Left-aligning them pulled the tiles 40px and
	   the CTA 43.5px off, which also dragged the CTA photo and its fade left. */
	.page-id-22630 .vx-gcs-offerings__cards { width: 1200px; margin-inline: auto; }
	.page-id-22630 .vx-gcs-offerings__cta { width: 1193px; margin-inline: auto; }

	/* The energy CTA headline is one 651px line, not two. */
	.page-id-22630 .vx-gcs-offerings__cta > div { width: 660px; }
	.page-id-22630 .vx-gcs-offerings__cta h3 { max-width: 660px; }
	.page-id-22630 .vx-gcs-offerings__cta p { margin-top: 9px; }

	/* With a single-line CTA headline the block lands on Figma 1077.75px tall,
	   and the footer laps 73.5px over its bottom. */
	.page-id-22630 .vx-gcs-offerings { padding-bottom: 80px; }
	.page-id-22630 .vx-gcs-footer { margin-top: -73.5px; }
}

.page-id-22630 .vx-gcs-offering-card__note {
	margin: 0;
	color: #fff;
	font-weight: 300;
	font-size: 24px;
	line-height: 1.4;
	white-space: nowrap;
}

/* Figma draws no accordion artwork on the 1440 or 1920 page frames -- only the
   five "energy_utilx" spec cards carry one (2932:4183, 2932:4194, 2932:4205,
   2932:4216, 2932:4228) -- so the images are set per item on the widget and
   placed here. The spec cards overflow their own 1330 frame by 100-450px, so
   their raw geometry clips the art badly against the 998 card. These sizes
   instead reproduce what the other industry pages render: each illustration's
   opaque bounds land 44px inside the card's right edge, 242px tall, centred
   125.5px down the panel. Widths are the layer box (the PNGs carry 8-25% of
   transparent margin), heights follow each PNG's aspect so `contain` maps 1:1,
   and the rotations are the spec cards' own.
   Items 3 and 4 are held to a 300px opaque width so the art clears the end of
   their longer impact lines. */
@media (min-width: 1400px) {
	.page-id-22630 .vx-gcs-accordion__item:nth-child(1) .vx-gcs-accordion__panel > img { left: 633.21px; top: 5.54px;   width: 345.57px; height: 230.09px; transform: rotate(11.55deg); }
	.page-id-22630 .vx-gcs-accordion__item:nth-child(2) .vx-gcs-accordion__panel > img { left: 647.97px; top: 24.95px;  width: 320.59px; height: 213.86px; transform: rotate(16.3deg); }
	.page-id-22630 .vx-gcs-accordion__item:nth-child(3) .vx-gcs-accordion__panel > img { left: 634.18px; top: 14.04px;  width: 329.8px;  height: 219.61px; transform: rotate(12.59deg); }
	.page-id-22630 .vx-gcs-accordion__item:nth-child(4) .vx-gcs-accordion__panel > img { left: 645.1px;  top: 13.41px;  width: 320.72px; height: 213.57px; transform: rotate(10.59deg); }
	.page-id-22630 .vx-gcs-accordion__item:nth-child(5) .vx-gcs-accordion__panel > img { left: 660.91px; top: -29.81px; width: 390.27px; height: 312.14px; }
}

/* "Banner box 1440" is the hero section's box -- the 1344 glass card plus its
   48px gutter -- not the card itself. Stretching the card past 1344 leaves every
   fixed-px child (nav grid, 528.75 headline block, 591x450 hero art) sitting at
   Figma's 1344 geometry inside a wider box, so the art stops short of the right
   edge and the whole banner reads wrong. The shared rule already caps the card
   at 1344 and centres it, which is Figma-exact at 1440 and holds above it. */

/* The page's Elementor per-widget Custom CSS ships two un-scoped !important
   rules -- `.vx-gcs-accordion__trigger span::before { display: none }` and
   `.vx-gcs-accordion__trigger span { padding: 0 }` -- from an inline <style>
   that loads after this file, and they were swallowing Figma's red dash before
   the open row's number. Only !important at higher specificity wins it back. */
.vx-gcs-section-widget .vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger span {
	padding-left: 36px !important;
}

.vx-gcs-section-widget .vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger span::before {
	display: block !important;
}

/* ---------------------------------------------------------------------------
   Mobile -- Figma frame 2949:2 "Logistics & Supply Chain - Mobile (390)".
   The two earlier max-width:767px blocks were scaled-down guesses off the 1440
   frame (37-39px headings, 90-95px section padding). Figma actually redraws
   every section at 390: a 20px gutter (350 content column), 26px/1.25 headings,
   14px kickers and 56px vertical section padding. This block sits last in the
   file so it wins over both of those at equal specificity.
   --------------------------------------------------------------------------- */
@media (max-width: 767px) {
	.vx-gcs-inner { width: calc(100% - 40px); }
	.vx-gcs-kicker { gap: 10px; font-size: 14px; }
	.vx-gcs-kicker::before,
	.vx-gcs-kicker--center::after { width: 20px; height: 1.5px; }
	.vx-gcs-kicker--center::after { display: block; }
	.vx-gcs-button { min-height: 0; padding: 12px 20px; border-radius: 28px; font-size: 15px; }

	/* Hero: 32/48 padding around the 350-wide glass panel. The panel's own
	   padding is 24/20/32 and the nav collapses to logo + burger. */
	.vx-gcs-hero { padding: 32px 20px 48px; }
	.vx-gcs-hero__shell { width: 100%; padding: 24px 20px 32px; border-radius: 28px; }
	.vx-gcs-hero__content { min-height: 0; padding-top: 0; }
	.vx-gcs-hero__copy { padding-top: 32px; }
	.vx-gcs-hero__eyebrow { margin-bottom: 32px !important; font-size: 14px; }
	.vx-gcs-hero__copy h1 { font-size: 32px; font-weight: 500; line-height: 1.1; letter-spacing: -1px; }
	.vx-gcs-hero__description { margin: 20px 0 32px !important; font-size: 16px; line-height: 1.4; }
	.vx-gcs-nav__logo { width: 96px; }

	/* Use cases: rows drop to a flat 58px (20px padding, 15px type) and the
	   overlapping stacked-card treatment is replaced by alternating
	   #f5f5f5 / #fff rows, all sharing one 24px radius. */
	/* Has to repeat the id: the desktop rule above is `#use-cases.vx-gcs-use-cases`
	   (1,1,0) and !important, so no class-only selector can take the padding back.
	   Figma's mobile section is 1035 tall with the accordion frame starting at
	   y=179 and its content ending at 907, i.e. 128px of trailing space. */
	#use-cases.vx-gcs-use-cases { padding: 56px 0 80px !important; background-size: 72px 72px !important; }
	.vx-gcs-use-cases__head { gap: 20px; margin-bottom: 20px; }
	.vx-gcs-use-cases__head h2 { font-size: 26px; line-height: 1.25; letter-spacing: -.6px; }
	.vx-gcs-accordion__item { border-radius: 24px; }
	.vx-gcs-accordion__item:nth-child(odd) { background: #f5f5f5; }
	.vx-gcs-accordion__item:nth-child(even) { background: #fff; }
	.vx-gcs-accordion__item:last-child { border-radius: 32px; }
	/* line-height:1.2 on 15px type gives Figma's exact 58px row (20 + 18 + 20);
	   the inherited `normal` was running 23px and stretching every row to 63. */
	.vx-gcs-accordion__trigger,
	.vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger { min-height: 0; gap: 16px; padding: 20px 24px; line-height: 1.2; }
	.vx-gcs-accordion__trigger span { flex: 0 0 auto; font-size: 15px; opacity: .5; }
	.vx-gcs-accordion__trigger strong { font-size: 15px; font-weight: 500; line-height: normal; }
	.vx-gcs-accordion__item.is-open { border-radius: 32px; }
	.vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger { gap: 12px; padding: 28px 24px 0; }
	.vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger span { flex: 0 0 auto; padding-left: 32px !important; font-size: 18px; opacity: 1; }
	.vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger span::before { width: 20px; height: 2px; }
	.vx-gcs-accordion__item.is-open .vx-gcs-accordion__trigger strong { font-size: 18px; line-height: normal; }
	/* Figma re-lays the rotated atmosphere art for the 350-wide row: a
	   1059x706 image at 163.54deg centred on (-256.7, -143.2), plus a flat 55%
	   darkening pass that the 1440 frame does not use. */
	.vx-gcs-accordion__item.is-open::before { left: -256.73px; top: -143.17px; width: 1059.04px; height: 706.03px; }
	.vx-gcs-accordion__item.is-open::after {
		background:
			linear-gradient(rgb(3 2 9 / 55%), rgb(3 2 9 / 55%)),
			linear-gradient(180deg, rgb(3 2 9 / 0%) 78.264%, rgb(3 2 9 / 87.6%) 93.141%, rgb(3 2 9 / 92.2%) 95.231%, rgb(3 2 9 / 96.6%) 97.422%, #030209 100%);
	}
	/* Figma's open row is 554 tall and the trigger measures 72, so the panel is
	   482 -- and the art's `top` below is its Figma y (342.84) minus that 72. */
	.vx-gcs-accordion__panel { min-height: 0; height: 482px; }
	.vx-gcs-accordion__copy,
	.vx-gcs-accordion__item:nth-child(n) .vx-gcs-accordion__copy { padding: 24px 24px 0; }
	.vx-gcs-accordion__copy .vx-gcs-accordion__lead { font-size: 16px; line-height: 1.35; }
	.vx-gcs-accordion__copy p { margin-top: 24px; font-size: 14px; line-height: 1.4; }
	.vx-gcs-accordion__impact { width: auto; font-size: 14px; }
	.vx-gcs-accordion__item:nth-child(n) .vx-gcs-accordion__panel > img {
		left: 121.84px;
		right: auto;
		top: 270.84px;
		bottom: auto;
		width: 301.54px;
		height: 269.28px;
		max-height: none;
		transform: rotate(9.87deg);
	}

	/* Proof: 350x250 card, same mirrored corner treatment as the 1440 frame but
	   at a 24.85px radius, and the gradient re-solves to 133.3deg at this
	   aspect. The "Vision AI + Routing" line is not in the mobile frame. */
	.vx-gcs-case-proof { padding: 20px 0 40px !important; }
	/* Figma's mobile head stacks kicker / h2 / lead on a flat 32px rhythm; the
	   1440 block's 16px carries over otherwise. */
	.vx-gcs-case-proof__head h2 { margin-top: 32px; font-size: 26px; line-height: 1.25; letter-spacing: -.5px; }
	.vx-gcs-case-proof__head > p:last-child { margin-top: 32px; font-size: 15px; }
	/* `.has-art` is on the selector because the earlier mobile block pins
	   `.vx-gcs-case-proof__card.has-art { min-height: 535px }` -- a plain
	   `.vx-gcs-case-proof__card` here loses to it and the card stays 535 tall. */
	.vx-gcs-case-proof__card,
	.vx-gcs-case-proof__card.has-art {
		min-height: 0;
		height: 250px;
		margin-top: 32px;
		border-radius: 24.85px 0 24.85px 0;
		background: linear-gradient(133.3deg, #f1f1f1 27.863%, #fff 31.776%);
	}
	/* Figma's text frame is 160.5 wide sitting 33.14 in from the card's left
	   edge; the box is border-box here, so the width has to carry the inset too
	   or the copy wraps ~33px narrow and spills past the card. */
	.vx-gcs-case-proof__copy,
	.vx-gcs-case-proof__card.has-art .vx-gcs-case-proof__copy { width: 193.64px; padding: 33.14px 0 0 33.14px; }
	.vx-gcs-case-proof__copy h3 { font-size: 16px; }
	.vx-gcs-case-proof__copy p { font-size: 14px; line-height: 1.4; }
	.vx-gcs-case-proof__copy strong { display: none; }
	.vx-gcs-case-proof__card > img { left: 175.38px; right: auto; top: 49.19px; width: 255.65px; height: 193.64px; }

	/* Outcomes: the four pinned art layers collapse to one cover fill, the head
	   un-pins into normal flow and the 2x2 tile grid becomes a single column of
	   flat 8%-white cards with no gradient stroke. */
	/* Figma's mobile Outcomes frame is 390x696 with the 350-wide panel filling it
	   edge to edge vertically -- the section itself carries no padding. */
	.vx-gcs-outcomes { padding: 0 !important; }
	.vx-gcs-outcomes__panel {
		display: flex;
		height: auto;
		min-height: 0;
		flex-direction: column;
		align-items: center;
		gap: 32px;
		padding: 48px 20px;
		border-radius: 40px;
	}
	.vx-gcs-outcomes__panel::after {
		background: linear-gradient(180deg, rgb(3 2 9 / 0%) 78.264%, rgb(3 2 9 / 87.6%) 93.141%, rgb(3 2 9 / 92.2%) 95.231%, rgb(3 2 9 / 96.6%) 97.422%, #030209 100%);
	}
	.vx-gcs-outcomes__head { position: static; left: auto; top: auto; width: 100%; }
	.vx-gcs-outcomes__head .vx-gcs-kicker { color: rgb(255 255 255 / 40%); }
	.vx-gcs-outcomes__head .vx-gcs-kicker span,
	.vx-gcs-outcomes__head .vx-gcs-kicker { font-size: 14px; }
	.vx-gcs-outcomes__head h2 { margin-bottom: 0; margin-top: 32px; font-size: 26px; line-height: 1.25; letter-spacing: -.6px; }
	.vx-gcs-outcomes__world { z-index: 1; left: 50%; top: 385.7px; width: 590px; height: 468px; transform: translateX(-50%); }
	.vx-gcs-outcomes__metrics { display: flex; width: 100%; flex-direction: column; gap: 12px; }
	/* The tile's own children are `img` + `div > strong + span`, but Figma wants
	   icon and value on one row with the label under both -- `display: contents`
	   dissolves the wrapper so all three can be placed on one grid. */
	.vx-gcs-metric {
		display: grid;
		height: auto;
		/* An earlier 767px block pins min-height:112px. With `height:auto` the
		   grid is still floored at 112, and `align-content: normal` then stretches
		   both auto rows to fill it -- which is where the extra ~8px per row came
		   from. Releasing the floor lands the tile on its content height, 95.5. */
		min-height: 0;
		grid-template-columns: 28px 1fr;
		align-items: center;
		gap: 8px 14px;
		padding: 20px;
		border: 0 !important;
		border-radius: 20px;
		background: rgb(255 255 255 / 8%);
		backdrop-filter: blur(10px);
	}
	/* At 1440 the right-hand column is mirrored; the mobile frame stacks all
	   four the same way, so the even-tile mirror has to be unwound (it wins on
	   specificity over the `.vx-gcs-metric` fill above). */
	.vx-gcs-metric:nth-child(even) { text-align: left; background: rgb(255 255 255 / 8%); }
	.vx-gcs-metric::after,
	.vx-gcs-metric:nth-child(even)::after { display: none; }
	.vx-gcs-metric img { flex: none; grid-column: 1; grid-row: 1; width: 28px; height: 28px; }
	.vx-gcs-metric div { display: contents; }
	.vx-gcs-metric strong { grid-column: 2; grid-row: 1; font-size: 22px; letter-spacing: -.5px; }
	.vx-gcs-metric span { grid-column: 1 / -1; grid-row: 2; font-size: 16px; line-height: normal; }

	/* Sovereignty: the 2x2 grid stays a grid, but at 167x100 with 16px gutters.
	   Rows 3-4 are vertically mirrored in Figma, which flips the fill angle. */
	.vx-gcs-sovereignty { padding: 56px 0 40px !important; }
	.vx-gcs-sovereignty__grid { display: block; }
	.vx-gcs-sovereignty__head { margin-bottom: 32px; }
	.vx-gcs-sovereignty__head h2 { margin-top: 20px; font-size: 26px; line-height: 1.25; letter-spacing: -.6px; }
	.vx-gcs-sovereignty__cards { grid-template-columns: 1fr 1fr; gap: 16px; }
	.vx-gcs-sovereignty-card {
		/* The earlier mobile block sets min-height:150px, which floors `height`. */
		min-height: 0;
		height: 100px;
		border-width: .44px;
		border-radius: 14px;
		background:
			linear-gradient(-67.1deg, #f1f1f1 27.96%, #fff 72.38%) padding-box,
			linear-gradient(108deg, #fff 52%, #c4c4c4 100%) border-box;
	}
	.vx-gcs-sovereignty-card:nth-child(2) { background: linear-gradient(60.8deg, #f1f1f1 28.97%, #fff 74.59%) padding-box, linear-gradient(108deg, #fff 52%, #c4c4c4 100%) border-box; }
	.vx-gcs-sovereignty-card:nth-child(3) { background: linear-gradient(247.1deg, #f1f1f1 27.96%, #fff 72.38%) padding-box, linear-gradient(108deg, #fff 52%, #c4c4c4 100%) border-box; }
	.vx-gcs-sovereignty-card:nth-child(4) { background: linear-gradient(119.2deg, #f1f1f1 28.97%, #fff 74.59%) padding-box, linear-gradient(108deg, #fff 52%, #c4c4c4 100%) border-box; }
	.vx-gcs-sovereignty-card span,
	.vx-gcs-sovereignty-card:nth-child(n+3) span {
		top: 42px;
		right: 17.7px;
		left: auto;
		width: calc(100% - 35.4px);
		transform: none;
		font-size: 16px;
		line-height: 1.2;
		letter-spacing: -.48px;
		text-align: right;
	}
	.vx-gcs-sovereignty-card:nth-child(even) span { right: auto; left: 17.3px; text-align: left; }
	.vx-gcs-sovereignty-card:nth-child(n+3) span { top: 21.7px; }
	/* The strip is a direct child of the section, not of `.vx-gcs-inner`, so it
	   goes full-bleed unless it is given the 20px gutter itself. */
	.vx-gcs-section-widget .vx-gcs-sovereignty__compliance {
		width: calc(100% - 40px);
		margin-inline: auto;
		height: auto;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 6px 12px;
		margin-top: 32px;
		padding: 16px 10px;
		background: #f7f8fa;
		font-size: 14px;
		text-align: left;
	}

	/* Offerings: three stacked 350x270.8 cards, then the CTA card turns into a
	   column with the photo on top -- `column-reverse` because the markup puts
	   the image after the copy. */
	.vx-gcs-offerings { min-height: 0; padding: 56px 0 !important; }
	.vx-gcs-offerings__head { margin-bottom: 32px; }
	.vx-gcs-offerings__head h2 { margin-top: 32px; font-size: 26px; line-height: 1.25; letter-spacing: -.6px; }
	.vx-gcs-offerings__cards { grid-template-columns: 1fr; gap: 16px; }
	.vx-gcs-offering-card { min-height: 0; height: 300px; border-radius: 32.5px; }
	.vx-gcs-offering-card > div { left: 32.5px; top: 130.66px; width: 193.62px; }
	.vx-gcs-offering-card h3 { max-width: none; font-size: 26px; line-height: 1.3; letter-spacing: -.78px; }
	/* Higher specificity than the page's inline Elementor rule for these three. */
	.vx-gcs-section-widget .vx-gcs-offering-card--1 > img { left: 198px; right: auto; top: -47px; width: 225.96px; transform: rotate(6.47deg); }
	.vx-gcs-section-widget .vx-gcs-offering-card--2 > img { left: 221.89px; right: auto; top: -8.76px; width: 194.32px; transform: rotate(1deg); }
	.vx-gcs-section-widget .vx-gcs-offering-card--3 > img { left: 212.99px; right: auto; top: -11.98px; width: 194.14px; transform: rotate(5deg); }
	.vx-gcs-offerings__cta {
		display: flex;
		min-height: 0;
		flex-direction: column-reverse;
		margin-top: 32px;
		padding: 0;
		border-radius: 32px;
	}
	.vx-gcs-offerings__cta > div { width: 100%; padding: 24px 24px 28px; }
	.vx-gcs-offerings__cta h3 { max-width: none; font-size: 26px; line-height: 1.2; letter-spacing: -.4px; }
	.vx-gcs-offerings__cta h3 + .vx-gcs-button { margin-top: 20px; }
	.vx-gcs-offerings__cta p { margin: 20px 0 0; font-size: 16px; }
	.vx-gcs-offerings__cta > img { position: static; left: auto; right: auto; top: auto; bottom: auto; width: 100%; height: 180px; object-position: center; }
	.vx-gcs-offerings__cta::after {
		left: 0;
		right: auto;
		top: 0;
		width: 100%;
		height: 180px;
	}

	/* Footer: Figma stacks Offerings / Industries / Company in one column at
	   390 rather than the desktop two-up. */
	.vx-gcs-footer { padding: 56px 0 32px; }
	.vx-gcs-footer__top { gap: 40px; }
	.vx-gcs-footer__links { grid-template-columns: 1fr; gap: 32px; }
}


/* Figma insets Book a Demo 71.75px from the banner box's right edge (abs
   x1163.25 on the 1440 frame), not the 32px shell padding the shared nav uses.
   Scoped to this page so the GCS/Logistics/Retail/Command navs are untouched. */
@media (min-width: 1400px) {
	.page-id-22630 .vx-gcs-nav__demo { margin-right: 40px; }
}



/* Global contained Risk & Reliability slider */
.elementor .elementor-element.elementor-widget-visionx_command_risk .vx-command-risk{
  --vx-risk-card-w:420px!important;
  --vx-risk-card-h:504px!important;
  --vx-risk-gap:96px!important;
  --vx-risk-radius:40px!important;
  --vx-risk-pad:36px!important;
  --vx-risk-art-max:230px!important;
  --vx-risk-tilt:18deg!important;
  --vx-risk-lift:48px!important;
  --vx-risk-title:30px!important;
  --vx-risk-text:18px!important;
  padding-bottom:80px!important;
}
.elementor .elementor-element.elementor-widget-visionx_command_risk .vx-command-risk__viewport{
  width:min(calc(100% - 48px),1280px)!important;
  max-width:1280px!important;
  min-height:0!important;
  margin:40px auto 0!important;
  padding:0px 0 60px!important;
}
.elementor .elementor-element.elementor-widget-visionx_command_risk .vx-command-risk__track{
  gap:var(--vx-risk-gap)!important;
}
.elementor .elementor-element.elementor-widget-visionx_command_risk .vx-command-risk-card{
  flex:0 0 var(--vx-risk-card-w)!important;
  width:var(--vx-risk-card-w)!important;
  min-width:var(--vx-risk-card-w)!important;
  max-width:var(--vx-risk-card-w)!important;
}
.elementor .elementor-element.elementor-widget-visionx_command_risk .vx-command-risk-card__inner{
  width:100%!important;
  height:var(--vx-risk-card-h)!important;
  min-height:0!important;
  padding:var(--vx-risk-pad)!important;
}
.elementor .elementor-element.elementor-widget-visionx_command_risk .vx-command-risk-card__body{
  min-height:0!important;
}
@media (max-width:1024px){
  .elementor .elementor-element.elementor-widget-visionx_command_risk .vx-command-risk{
    --vx-risk-card-w:min(52vw,380px)!important;
    --vx-risk-card-h:470px!important;
    --vx-risk-gap:60px!important;
    --vx-risk-radius:36px!important;
    --vx-risk-pad:30px!important;
    --vx-risk-art-max:210px!important;
    --vx-risk-tilt:15deg!important;
    --vx-risk-lift:36px!important;
    --vx-risk-title:28px!important;
    --vx-risk-text:17px!important;
    padding-bottom:64px!important;
  }
  .elementor .elementor-element.elementor-widget-visionx_command_risk .vx-command-risk__viewport{
    width:min(calc(100% - 40px),1280px)!important;
    margin-top:54px!important;
    padding:36px 0 80px!important;
  }
}
@media (max-width:767px){
  .elementor .elementor-element.elementor-widget-visionx_command_risk .vx-command-risk{
    --vx-risk-card-w:min(calc(100vw - 56px),320px)!important;
    --vx-risk-card-h:430px!important;
    --vx-risk-gap:20px!important;
    --vx-risk-radius:30px!important;
    --vx-risk-pad:22px!important;
    --vx-risk-art-max:180px!important;
    --vx-risk-tilt:10deg!important;
    --vx-risk-lift:22px!important;
    --vx-risk-arrow-size:38px!important;
    --vx-risk-title:26px!important;
    --vx-risk-text:16px!important;
    padding-bottom:48px!important;
  }
  .elementor .elementor-element.elementor-widget-visionx_command_risk .vx-command-risk__viewport{
    width:calc(100% - 32px)!important;
    margin-top:42px!important;
    padding:28px 0 58px!important;
  }
  .elementor .elementor-element.elementor-widget-visionx_command_risk .vx-command-risk-card__media{
    flex:0 0 190px!important;
    width:auto!important;
    height:190px!important;
    min-height:190px!important;
    margin:0 -22px 12px!important;
  }
  .elementor .elementor-element.elementor-widget-visionx_command_risk .vx-command-risk-card__art{
    width:100%!important;
    height:100%!important;
    max-height:180px!important;
    object-fit:contain!important;
  }
}

/* Global section transition spacing */
.elementor .elementor-element.elementor-widget-visionx_command_risk > .elementor-widget-container{
  padding-top:24px!important;
}
@media (max-width:767px){
  .elementor .elementor-element.elementor-widget-visionx_command_trust .vx-command-trust{
    padding-bottom:32px!important;
  }
  .elementor .elementor-element.elementor-widget-visionx_gcs_offerings #offerings.vx-gcs-offerings.vx-gcs-offerings--cta-only{
    padding-top:32px!important;
    padding-bottom:48px!important;
  }
}

/* VisionX offering-page QA follow-up — 2.1.22. */
.page-id-22644 .vx-gcs-proof__head .vx-gcs-kicker--center {
  justify-content: flex-start;
}

.page-id-22707 .vx-gcs-hero__description {
  max-width: 590px;
}

/* Architecture image selected in the Elementor media field. */
.page-id-22707 .vx-agentic-architecture-instance .vx-offer-architecture__media {
  width: min(100%, 881px);
  margin: 145px auto 0;
}
.page-id-22707 .vx-agentic-architecture-instance .vx-offer-architecture__image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.page-id-22708 .elementor-element-5faa8e6 .vx-home-kicker--center::after {
  display: block !important;
}

/* Custom AI QA: Figma Step 04 has no technology-list line. */
.page-id-22708 .vx-gcs-accordion__item:last-child .vx-gcs-accordion__copy > p:not(.vx-gcs-accordion__lead):not(.vx-gcs-accordion__impact) {
  display: none !important;
}





/* Stakeholder cards — stacked on tablet + mobile */
@media (max-width: 1024px) {

    .vx-command-stakeholders__viewport {
        overflow: visible !important;
    }

    .vx-command-stakeholders__track {
        display: block !important;
        width: 100% !important;
        animation: none !important;
        transform: none !important;
    }

    .vx-command-stakeholders__group {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
        width: min(calc(100% - 48px), 1330px) !important;
        margin-inline: auto !important;
    }

    /* Hide duplicated group used for infinite carousel */
    .vx-command-stakeholders__group[aria-hidden="true"] {
        display: none !important;
    }

    .vx-command-role-card {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}