.gx-about-page #page,
.gx-about-page .site-content,
.gx-about-page #content,
.gx-about-page #primary,
.gx-about-page #main,
.gx-about-page article,
.gx-about-page .inside-article,
.gx-about-page .entry-content,
.gx-about-page.separate-containers .site-content,
.gx-about-page.separate-containers .inside-article,
.gx-about-page.one-container .site-content,
.gx-about-page.one-container .inside-article {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.gx-about-page .entry-header,
.gx-about-page .page-header,
.gx-about-page .gx-inner-banner {
	display: none;
}

.gx-about-hero {
	padding: 72px 0 80px;
	background: linear-gradient(180deg, #fdfaf7 0%, #fffdfa 58%, #ffffff 100%);
	text-align: center;
}

.gx-about-hero-inner {
	max-width: 760px;
}

.gx-about-hero h1 {
	margin: 0 0 16px;
	color: var(--gx-navy);
	font: 800 42px/1.15 var(--brand-font);
	letter-spacing: -1.2px;
}

.gx-about-hero p {
	max-width: 640px;
	margin: 0 auto;
	color: var(--gx-muted);
	font: 16px/1.65 var(--brand-font);
}

/* Shared polished hero treatment */
.gx-about-hero { padding: 86px 0 92px; background: linear-gradient(115deg,#fdfaf7 0%,#fff7ef 62%,#f7f9fb 100%); text-align: left; }
.gx-about-hero-inner { display: grid; grid-template-columns: minmax(0,1fr) 360px; gap: 80px; align-items: center; max-width: 1180px; }
.gx-about-hero h1 { max-width: 650px; margin: 12px 0 20px; font-size: 52px; line-height: 1.08; letter-spacing: -2px; }
.gx-about-hero p { max-width: 610px; margin: 0; font-size: 17px; line-height: 1.7; }
.gx-about-hero-inner::after { content: "WebExim\A Global trade, simplified"; white-space: pre; display: flex; align-items: flex-end; min-height: 250px; padding: 28px; border: 1px solid #e9d7c5; border-radius: 18px; background: linear-gradient(145deg,#fff 0%,#fff1e3 100%); box-shadow: 18px 22px 50px rgba(55,38,24,.1); color: var(--gx-navy); font: 800 22px/1.35 var(--brand-font); transform: rotate(2deg); }
@media(max-width:700px){.gx-about-hero{padding:58px 0 64px}.gx-about-hero-inner{grid-template-columns:1fr;gap:34px}.gx-about-hero h1{font-size:36px}.gx-about-hero-inner::after{min-height:180px;transform:none}}
.gx-about-hero-inner::after { display:none; }.gx-about-hero-copy .gx-features-eyebrow { display:block; }.gx-about-hero-copy .gx-button { margin-top:30px; }.gx-about-hero-visual { min-height:320px;padding:28px;border:1px solid #e9d7c5;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#fff1e3 100%);box-shadow:18px 22px 50px rgba(55,38,24,.1);transform:rotate(2deg);display:flex;flex-direction:column;justify-content:flex-end;color:var(--gx-navy)}.gx-about-hero-visual span,.gx-about-hero-visual strong{position:relative;z-index:1}.gx-about-hero-visual span{color:var(--gx-blue);font:800 11px var(--brand-font);letter-spacing:1.5px}.gx-about-hero-visual strong{margin-top:12px;font:800 23px/1.3 var(--brand-font)}.gx-about-hero-visual i{position:absolute;width:64px;height:64px;border-radius:14px;background:#d37d3a;opacity:.18;transform:rotate(-18deg)}.gx-about-hero-visual i:nth-of-type(1){top:48px;right:70px}.gx-about-hero-visual i:nth-of-type(2){top:112px;right:150px;background:#78b9ad}.gx-about-hero-visual i:nth-of-type(3){top:48px;left:70px;background:#26313d}@media(max-width:700px){.gx-about-hero-visual{min-height:220px;transform:none}}
.gx-about-hero-inner::after { display:none; }.gx-about-hero-copy .gx-features-eyebrow { display:block; }.gx-about-hero-copy .gx-button { margin-top:30px; }.gx-about-hero-visual { min-height:320px;padding:28px;border:1px solid #e9d7c5;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#fff1e3 100%);box-shadow:18px 22px 50px rgba(55,38,24,.1);transform:rotate(2deg);display:flex;flex-direction:column;justify-content:flex-end;color:var(--gx-navy)}.gx-about-hero-visual span,.gx-about-hero-visual strong{position:relative;z-index:1}.gx-about-hero-visual span{color:var(--gx-blue);font:800 11px var(--brand-font);letter-spacing:1.5px}.gx-about-hero-visual strong{margin-top:12px;font:800 23px/1.3 var(--brand-font)}.gx-about-hero-visual i{position:absolute;width:64px;height:64px;border-radius:14px;background:#d37d3a;opacity:.18;transform:rotate(-18deg)}.gx-about-hero-visual i:nth-of-type(1){top:48px;right:70px}.gx-about-hero-visual i:nth-of-type(2){top:112px;right:150px;background:#78b9ad}.gx-about-hero-visual i:nth-of-type(3){top:48px;left:70px;background:#26313d}@media(max-width:700px){.gx-about-hero-visual{min-height:220px;transform:none}}

/* Shared polished hero treatment */
.gx-about-hero { padding: 86px 0 92px; background: linear-gradient(115deg,#fdfaf7 0%,#fff7ef 62%,#f7f9fb 100%); text-align: left; }
.gx-about-hero-inner { display: grid; grid-template-columns: minmax(0,1fr) 360px; gap: 80px; align-items: center; max-width: 1180px; }
.gx-about-hero h1 { max-width: 650px; margin: 12px 0 20px; font-size: 52px; line-height: 1.08; letter-spacing: -2px; }
.gx-about-hero p { max-width: 610px; margin: 0; font-size: 17px; line-height: 1.7; }
.gx-about-hero-inner::after { content: "WebExim\A Global trade, simplified"; white-space: pre; display: flex; align-items: flex-end; min-height: 250px; padding: 28px; border: 1px solid #e9d7c5; border-radius: 18px; background: linear-gradient(145deg,#fff 0%,#fff1e3 100%); box-shadow: 18px 22px 50px rgba(55,38,24,.1); color: var(--gx-navy); font: 800 22px/1.35 var(--brand-font); transform: rotate(2deg); }
@media(max-width:700px){.gx-about-hero{padding:58px 0 64px}.gx-about-hero-inner{grid-template-columns:1fr;gap:34px}.gx-about-hero h1{font-size:36px}.gx-about-hero-inner::after{min-height:180px;transform:none}}

.gx-about-intro {
	padding: 72px 0 84px;
	background: #fff;
}

.gx-about-intro-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
	gap: 56px;
	align-items: center;
}

.gx-about-intro-grid--single {
	grid-template-columns: minmax(0, 720px);
}

.gx-about-intro-copy h2 {
	margin: 0 0 22px;
	color: var(--gx-navy);
	font: 800 32px/1.2 var(--brand-font);
	letter-spacing: -0.8px;
}

.gx-about-intro-body,
.gx-about-intro-body p {
	color: var(--gx-muted);
	font: 16px/1.7 var(--brand-font);
}

.gx-about-intro-body p {
	margin: 0 0 16px;
}

.gx-about-intro-body p:last-child {
	margin-bottom: 0;
}

.gx-about-focus {
	padding: 36px 34px;
	border-radius: 14px;
	background: var(--gx-navy);
	color: #fff;
}

.gx-about-focus h3 {
	margin: 0 0 14px;
	color: #fff;
	font: 800 22px/1.2 var(--brand-font);
	letter-spacing: -0.4px;
}

.gx-about-focus p,
.gx-about-focus div {
	margin: 0;
	color: #dce1e6;
	font: 15px/1.7 var(--brand-font);
}

.gx-about-focus p + p {
	margin-top: 12px;
}

.gx-about-offers {
	padding: 84px 0;
	background: var(--gx-pale);
}

.gx-about-offer-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin-top: 42px;
}

.gx-about-offer-grid article {
	position: relative;
	min-height: 240px;
	padding: 28px 26px 32px;
	border: 1px solid var(--gx-navy);
	border-radius: 12px;
	background: var(--gx-navy);
	box-shadow: 0 10px 24px rgba(18,22,27,.06);
}

.gx-about-offer-num {
	display: block;
	margin: 0 0 8px;
	color: #dce1e6;
	font: 800 48px/1 var(--brand-font);
	letter-spacing: -1.5px;
}

.gx-about-offer-grid h3 {
	margin: 0 0 12px;
	color: #fff;
	font: 700 20px/1.25 var(--brand-font);
}

.gx-about-offer-desc,
.gx-about-offer-desc p {
	margin: 0;
	color: #dce1e6;
	font: 14px/1.6 var(--brand-font);
}

.gx-about-work {
	padding: 84px 0;
	background: #fff;
}

.gx-about-work-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 22px;
	margin-top: 42px;
}

.gx-about-work-grid article {
	padding: 28px 26px 30px;
	border-radius: 12px;
	background: #f7f8f9;
}

.gx-about-work-icon {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	margin: 0 0 16px;
	border-radius: 10px;
	background: #fff6ef;
	overflow: hidden;
}

.gx-about-work-img {
	width: 22px;
	height: 22px;
	object-fit: contain;
}

.gx-about-work-grid h3 {
	margin: 0 0 10px;
	color: var(--gx-text);
	font: 700 18px/1.25 var(--brand-font);
}

.gx-about-work-desc,
.gx-about-work-desc p {
	margin: 0;
	color: var(--gx-muted);
	font: 14px/1.6 var(--brand-font);
}

.gx-about-cta {
	padding: 78px 0;
	background: #252a30;
}

.gx-about-cta-primary::after {
	content: " →";
}

@media (max-width: 900px) {
	.gx-about-hero {
		padding: 56px 0 64px;
	}

	.gx-about-hero h1 {
		font-size: 36px;
	}

	.gx-about-intro,
	.gx-about-offers,
	.gx-about-work {
		padding: 64px 0;
	}

	.gx-about-intro-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.gx-about-intro-copy h2 {
		font-size: 28px;
	}

	.gx-about-offer-grid {
		grid-template-columns: 1fr 1fr;
	}

	.gx-about-work-grid {
		gap: 16px;
	}
}

@media (max-width: 700px) {
	.gx-about-hero {
		padding: 44px 0 52px;
	}

	.gx-about-hero h1 {
		font-size: 30px;
		letter-spacing: -0.8px;
	}

	.gx-about-hero p,
	.gx-about-intro-body,
	.gx-about-intro-body p {
		font-size: 15px;
	}

	.gx-about-intro,
	.gx-about-offers,
	.gx-about-work {
		padding: 52px 0;
	}

	.gx-about-intro-copy h2 {
		font-size: 26px;
	}

	.gx-about-focus {
		padding: 28px 22px;
	}

	.gx-about-offer-grid,
	.gx-about-work-grid {
		grid-template-columns: 1fr;
		margin-top: 28px;
	}

	.gx-about-offer-grid article {
		min-height: 0;
	}

	.gx-about-offer-num {
		font-size: 40px;
	}

	.gx-about-cta .gx-buttons {
		justify-content: center;
	}

	.gx-about-cta .gx-button {
		min-width: 0;
		flex: 1 1 160px;
	}
}

/* Final override: hide the duplicate "WebExim / Global trade, simplified"
   card generated by .gx-about-hero-inner::after. Earlier rules in this file
   re-enable it via accidental duplicate pasting; this rule is appended last
   so it always wins regardless of any future edits above it. */
.gx-about-hero-inner::after { display: none !important; }
