/* Chuẩn hoá độ đậm phông chữ — BeauSansPro chỉ có 100/300/400/600/700/900.
		   Các nấc 800/950 cũ không tồn tại nên bị dồn hết về Black 900, làm chữ đậm
		   trông nặng và xấu. Nay: 900 cho chữ trưng bày (≥ 34px), 700 cho tiêu đề
		   thường và <strong>, 600 cho nhãn nhỏ (< 15px). Cỡ chữ và màu giữ nguyên. */
	.hc-wp .gpu-instance-addon {
		--gpu-addon-bg: #020617;
		--gpu-addon-card: rgba(15, 23, 42, 0.78);
		--gpu-addon-card-light: #ffffff;
		--gpu-addon-line: rgba(148, 163, 184, 0.22);
		--gpu-addon-text: #e5e7eb;
		--gpu-addon-muted: #94a3b8;
		--gpu-addon-accent: #76b900;
		--gpu-addon-cyan: #22d3ee;
		font-family: inherit;
	}

	.hc-wp .gpu-instance-addon * {
		box-sizing: border-box;
	}

	.hc-wp .gpu-instance-addon .site-container {
		max-width: 1340px;
		margin: 0 auto;
		padding: 0 32px;
	}

	.hc-wp .gpu-addon-section {
		padding: 92px 0;
	}

	.hc-wp .gpu-addon-section--dark {
		background: radial-gradient(circle at top left, rgba(118, 185, 0, 0.18), transparent 34%), linear-gradient(135deg, #020617 0%, #0f172a 58%, #111827 100%);
		color: #ffffff;
	}

	.hc-wp .gpu-addon-section--light {
		background: #f8fafc;
		color: #0f172a;
	}

	.hc-wp .gpu-addon-heading {
		max-width: 980px;
		margin: 0 auto 42px;
		text-align: center;
	}

	.hc-wp .gpu-addon-eyebrow {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		margin-bottom: 14px;
		color: var(--gpu-addon-accent);
		font-size: 13px;
		font-weight: 600;
		letter-spacing: 0.12em;
		text-transform: uppercase;
	}

	.hc-wp .gpu-addon-eyebrow::before {
		content: "";
		width: 28px;
		height: 2px;
		border-radius: 999px;
		background: linear-gradient(90deg, var(--gpu-addon-accent), var(--gpu-addon-cyan));
	}

	.hc-wp .gpu-addon-heading h2 {
		margin: 0;
		color: #ffffff;
		font-size: clamp(32px, 4vw, 58px);
		font-weight: 900;
		line-height: 1.06;
		letter-spacing: -0.05em;
		text-wrap: balance;
	}

	.hc-wp .gpu-addon-heading p {
		max-width: 900px;
		margin: 18px auto 0;
		color: rgba(255, 255, 255, 0.82);
		font-size: 17px;
		line-height: 1.76;
		opacity: 1;
	}

	.hc-wp .gpu-addon-section--light .gpu-addon-heading h2 {
		color: #0f172a;
	}

	.hc-wp .gpu-addon-section--light .gpu-addon-heading p {
		color: #475569;
	}

	.hc-wp .gpu-addon-intro-panel {
		margin-bottom: 44px;
		padding: 28px;
		border: 1px solid rgba(255, 255, 255, 0.16);
		border-radius: 34px;
		background: linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(2, 6, 23, 0.72));
		box-shadow: 0 28px 80px rgba(2, 6, 23, 0.35);
	}

	.hc-wp .gpu-addon-intro-grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 18px;
	}

	.hc-wp .gpu-addon-intro-card {
		position: relative;
		overflow: hidden;
		min-height: 230px;
		padding: 28px;
		border: 1px solid rgba(255, 255, 255, 0.14);
		border-radius: 26px;
		background: radial-gradient(circle at top right, rgba(118, 185, 0, 0.2), transparent 42%), rgba(255, 255, 255, 0.07);
	}

	.hc-wp .gpu-addon-intro-card::after {
		content: "";
		position: absolute;
		right: -34px;
		bottom: -34px;
		width: 108px;
		height: 108px;
		border-radius: 999px;
		background: rgba(34, 211, 238, 0.13);
	}

	.hc-wp .gpu-addon-intro-card span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		margin-bottom: 22px;
		border-radius: 14px;
		background: linear-gradient(135deg, var(--gpu-addon-accent), var(--gpu-addon-cyan));
		color: #020617;
		font-size: 15px;
		font-weight: 700;
	}

	.hc-wp .gpu-addon-intro-card h3 {
		position: relative;
		z-index: 1;
		margin: 0 0 12px;
		color: #ffffff;
		font-size: clamp(22px, 2vw, 30px);
		font-weight: 700;
		line-height: 1.15;
		letter-spacing: -0.04em;
	}

	.hc-wp .gpu-addon-intro-card p {
		position: relative;
		z-index: 1;
		margin: 0;
		color: rgba(255, 255, 255, 0.82);
		font-size: 15.5px;
		line-height: 1.72;
	}

	.hc-wp .gpu-addon-grid,
	.hc-wp .gpu-addon-scale-grid,
	.hc-wp .gpu-addon-ecosystem-grid {
		display: grid;
		gap: 24px;
	}

	.hc-wp .gpu-addon-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hc-wp .gpu-addon-card {
		display: flex;
		flex-direction: column;
		height: 100%;
		padding: 28px;
		border: 1px solid var(--gpu-addon-line);
		border-radius: 30px;
		background: var(--gpu-addon-card);
		box-shadow: 0 24px 70px rgba(2, 6, 23, 0.22);
	}

	.hc-wp .gpu-addon-card__image {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 154px;
		margin-bottom: 22px;
		border-radius: 24px;
		background: rgba(255, 255, 255, 0.06);
		overflow: hidden;
	}

	.hc-wp .gpu-addon-card__image img {
		display: block;
		max-width: 100%;
		max-height: 190px;
		object-fit: contain;
	}

	.hc-wp .gpu-addon-card h3,
	.hc-wp .gpu-addon-ecosystem-card h3,
	.hc-wp .gpu-addon-region-card h3 {
		margin: 0 0 12px;
		color: #ffffff;
		font-size: 22px;
		font-weight: 700;
		line-height: 1.22;
		letter-spacing: -0.03em;
	}

	.hc-wp .gpu-addon-card p,
	.hc-wp .gpu-addon-ecosystem-card p,
	.hc-wp .gpu-addon-region-card p {
		margin: 0;
		color: rgba(255, 255, 255, 0.76);
		font-size: 15.5px;
		line-height: 1.72;
	}

	.hc-wp .gpu-addon-scale-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hc-wp .gpu-addon-scale-card {
		background: #ffffff;
		color: #0f172a;
	}

	.hc-wp .gpu-addon-scale-card h3,
	.hc-wp .gpu-addon-ecosystem-card h3 {
		color: #0f172a;
	}

	.hc-wp .gpu-addon-scale-card p,
	.hc-wp .gpu-addon-ecosystem-card p {
		color: #475569;
	}

	.hc-wp .gpu-addon-scale-card .gpu-addon-card__image {
		background: linear-gradient(135deg, rgba(118, 185, 0, 0.1), rgba(34, 211, 238, 0.1));
	}

	.hc-wp .gpu-addon-pricing {
		position: relative;
		overflow: hidden;
		background: linear-gradient(135deg, #052e16 0%, #0f172a 52%, #020617 100%);
		color: #ffffff;
		text-align: center;
	}

	.hc-wp .gpu-addon-pricing::before {
		content: "";
		position: absolute;
		inset: auto -120px -220px auto;
		width: 460px;
		height: 460px;
		border-radius: 999px;
		background: rgba(118, 185, 0, 0.18);
		pointer-events: none;
	}

	.hc-wp .gpu-addon-pricing .site-container {
		position: relative;
		z-index: 1;
	}

	.hc-wp .gpu-addon-cta-box {
		max-width: 1040px;
		margin: 34px auto 0;
		padding: 34px;
		border: 1px solid rgba(255, 255, 255, 0.16);
		border-radius: 32px;
		background: rgba(255, 255, 255, 0.08);
		backdrop-filter: blur(12px);
	}

	.hc-wp .gpu-addon-cta-box h3 {
		margin: 0 0 12px;
		color: #ffffff;
		font-size: clamp(26px, 3vw, 42px);
		font-weight: 900;
		letter-spacing: -0.045em;
	}

	.hc-wp .gpu-addon-cta-box p {
		max-width: 860px;
		margin: 0 auto;
		color: rgba(255, 255, 255, 0.78);
		font-size: 17px;
		line-height: 1.72;
	}

	.hc-wp .gpu-addon-ecosystem-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.hc-wp .gpu-addon-ecosystem-card {
		padding: 26px;
		border: 1px solid rgba(15, 23, 42, 0.08);
		border-radius: 28px;
		background: #ffffff;
		box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
	}

	.hc-wp .gpu-addon-link {
		display: inline-flex;
		align-items: center;
		margin-top: 18px;
		color: #15803d;
		font-size: 14px;
		font-weight: 600;
		text-decoration: none;
	}

	.hc-wp .gpu-addon-link:hover {
		text-decoration: underline;
	}

	.hc-wp .gpu-addon-region {
		display: grid;
		grid-template-columns: minmax(0, 0.95fr) minmax(340px, 1fr);
		gap: 42px;
		align-items: center;
	}

	.hc-wp .gpu-addon-region-map {
		padding: 24px;
		border-radius: 34px;
		background: rgba(255, 255, 255, 0.06);
		border: 1px solid var(--gpu-addon-line);
	}

	.hc-wp .gpu-addon-region-map img {
		display: block;
		width: 100%;
		height: auto;
	}

	.hc-wp .gpu-addon-region-list {
		display: grid;
		gap: 16px;
	}

	.hc-wp .gpu-addon-region-card {
		display: grid;
		grid-template-columns: 72px 1fr;
		gap: 18px;
		align-items: center;
		padding: 20px;
		border: 1px solid var(--gpu-addon-line);
		border-radius: 24px;
		background: rgba(255, 255, 255, 0.06);
	}

	.hc-wp .gpu-addon-region-card strong {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 58px;
		height: 58px;
		border-radius: 18px;
		background: linear-gradient(135deg, var(--gpu-addon-accent), var(--gpu-addon-cyan));
		color: #020617;
		font-size: 20px;
		font-weight: 700;
	}

	.hc-wp .gpu-addon-final {
		text-align: center;
	}

	.hc-wp .gpu-addon-final h2 {
		max-width: 980px;
		margin-left: auto;
		margin-right: auto;
	}

	@media (max-width: 1100px) {
		.hc-wp .gpu-addon-intro-grid,
		.hc-wp .gpu-addon-grid,
		.hc-wp .gpu-addon-scale-grid,
		.hc-wp .gpu-addon-ecosystem-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.hc-wp .gpu-addon-region {
			grid-template-columns: 1fr;
		}
	}

	@media (max-width: 700px) {
		.hc-wp .gpu-instance-addon .site-container {
			padding: 0 20px;
		}

		.hc-wp .gpu-addon-section {
			padding: 66px 0;
		}

		.hc-wp .gpu-addon-intro-grid,
		.hc-wp .gpu-addon-grid,
		.hc-wp .gpu-addon-scale-grid,
		.hc-wp .gpu-addon-ecosystem-grid {
			grid-template-columns: 1fr;
		}

		.hc-wp .gpu-addon-intro-panel,
		.hc-wp .gpu-addon-card,
		.hc-wp .gpu-addon-ecosystem-card,
		.hc-wp .gpu-addon-cta-box {
			padding: 22px;
			border-radius: 24px;
		}
	}