.sl-page {
	color: #0a2145;
	background: #fff;
}

/* Tobacco industry solution page */
.tobacco-detail {
	background: #fbfaf2;
	color: #103624;
}

.tobacco-detail .hy-header {
	background: rgba(255,255,255,0.97);
	box-shadow: 0 1px 0 rgba(9,84,49,0.1);
}

.tobacco-detail .hy-nav .active {
	color: #0b6b3c;
}

.tobacco-detail .hy-nav .active::after {
	background: #0b6b3c;
}

.tobacco-detail .hy-primary {
	background: linear-gradient(180deg, #f4d28d, #d59a42);
	border-color: #d59a42;
	color: #123d22;
}

.tb-hero {
	min-height: 430px;
	background:
		linear-gradient(90deg, rgba(0,75,42,0.96) 0%, rgba(0,83,45,0.9) 38%, rgba(0,83,45,0.48) 62%, rgba(0,83,45,0.08) 100%),
		url("../images/generated/solution-tobacco-hero-v2.png") center right / cover no-repeat;
}

.tb-hero-inner {
	display: grid;
	align-items: center;
	min-height: 350px;
}

.tb-hero-copy {
	max-width: 670px;
	padding-top: 18px;
}

.tb-hero-copy h1 {
	margin: 0 0 20px;
	color: #fff;
	font-size: clamp(30px, 3.05vw, 40px);
	line-height: 1.18;
	font-weight: 900;
	letter-spacing: 0;
}

.tb-hero-copy p {
	max-width: 610px;
	margin: 0 0 16px;
	color: rgba(255,255,255,0.9);
	font-size: 16px;
	line-height: 1.9;
	font-weight: 700;
}

.tb-actions {
	display: flex;
	gap: 18px;
	margin-top: 26px;
}

.tb-actions a {
	min-width: 146px;
	height: 44px;
	justify-content: center;
	border-radius: 6px;
	font-weight: 900;
}

.tb-actions .hy-secondary {
	border-color: rgba(255,255,255,0.7);
	color: #fff;
	background: rgba(255,255,255,0.06);
}

.tb-hero-tags {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
	padding-bottom: 20px;
}

.tb-hero-tags span {
	display: grid;
	place-items: center;
	min-height: 42px;
	border: 1px solid rgba(244,210,141,0.66);
	border-radius: 8px;
	background: rgba(0,73,40,0.62);
	color: #f6e2ad;
	font-size: 14px;
	font-weight: 900;
}

.tb-stat {
	padding: 26px 0;
	background: #fbfaf2;
}

.tb-stat-row {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	min-height: 86px;
	align-items: center;
	border: 1px solid #ead8ae;
	border-radius: 14px;
	background: #fffdf6;
}

.tb-stat-row article {
	display: grid;
	grid-template-columns: 50px 1fr;
	gap: 2px 14px;
	align-items: center;
	padding: 0 28px;
	border-right: 1px solid #e0c99c;
}

.tb-stat-row article:last-child {
	border-right: 0;
}

.tb-stat-row i {
	grid-row: span 2;
	color: #0b6b3c;
	font-size: 34px;
}

.tb-stat-row strong {
	color: #0b6b3c;
	font-size: 27px;
	line-height: 1;
	font-weight: 900;
	white-space: nowrap;
}

.tb-stat-row span {
	color: #334b3d;
	font-size: 14px;
	font-weight: 800;
}

.tb-section {
	padding: 34px 0;
	background: #fbfaf2;
}

.tb-section:nth-of-type(even) {
	background: #fffdf6;
}

.tb-title {
	margin: 0 0 24px;
}

.tb-title.centered {
	text-align: center;
}

.tb-title h2 {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0 36px 10px;
	color: #0b5e36;
	font-size: 24px;
	line-height: 1.25;
	font-weight: 900;
	letter-spacing: 0;
}

.tb-title h2::before,
.tb-title h2::after {
	content: "";
	position: absolute;
	bottom: 2px;
	width: 72px;
	height: 2px;
	background: #0b6b3c;
}

.tb-title h2::before { right: 100%; }
.tb-title h2::after { left: 100%; }

.tb-problem-board {
	overflow: hidden;
	border: 1px solid #d7ad64;
	border-radius: 9px;
	background: #fffdf6;
	box-shadow: 0 10px 24px rgba(93, 72, 30, 0.06);
}

.tb-board-head {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: stretch;
	background: linear-gradient(90deg, #0b6b3c 0 50%, #c8913d 50% 100%);
}

.tb-board-head strong {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 40px;
	padding: 9px 20px;
	background: #0b6b3c;
	color: #fff;
	font-size: 16px;
	font-weight: 900;
	text-align: center;
}

.tb-board-head strong:first-child {
	z-index: 1;
}

.tb-board-head strong:first-child::after {
	content: "";
	position: absolute;
	right: -32px;
	top: 0;
	width: 0;
	height: 0;
	border-top: 40px solid #0b6b3c;
	border-right: 32px solid transparent;
}

.tb-board-head strong:last-child {
	background: linear-gradient(90deg, #d59a42, #b78031);
}

.tb-problem-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 86px minmax(0, 1fr);
	align-items: stretch;
	min-height: 66px;
	border-top: 1px solid #ead8ae;
}

.tb-problem-row > div {
	display: grid;
	align-content: center;
	padding: 12px 28px;
	color: #314638;
	font-size: 14px;
	line-height: 1.65;
}

.tb-problem-row > div:first-child {
	display: grid;
	grid-template-columns: 44px 1fr;
	gap: 2px 12px;
	align-content: center;
}

.tb-problem-row i {
	grid-row: span 2;
	color: #0b6b3c;
	font-size: 24px;
}

.tb-problem-row b {
	color: #193b2a;
	font-size: 14px;
}

.tb-problem-row p {
	margin: 2px 0 0;
	color: #667566;
	font-size: 12px;
}

.tb-problem-row em {
	position: relative;
	display: grid;
	place-items: center;
	background: linear-gradient(90deg, rgba(255,253,246,0), rgba(255,253,246,0.86), rgba(255,253,246,0));
}

.tb-problem-row em::before {
	content: "\f061";
	color: #d59a42;
	font-family: "Font Awesome 6 Free";
	font-size: 28px;
	font-style: normal;
	font-weight: 900;
}

.tb-scene-grid {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 16px;
}

.tb-scene-grid article {
	text-align: center;
}

.tb-scene-grid i {
	display: inline-grid;
	place-items: center;
	width: 78px;
	height: 78px;
	border: 4px solid #d7ad64;
	border-radius: 50%;
	background: #0b6b3c;
	color: #fff;
	font-size: 34px;
	box-shadow: inset 0 0 0 2px rgba(255,255,255,0.25);
}

.tb-scene-grid h3 {
	margin: 10px 0 10px;
	color: #123d22;
	font-size: 15px;
	font-weight: 900;
}

.tb-scene-grid img {
	width: 100%;
	aspect-ratio: 1.28 / 1;
	object-fit: cover;
	border: 1px solid #d9c49b;
	border-radius: 6px;
	display: block;
}

.tb-two-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px;
}

.tb-panel {
	padding: 22px;
	border: 1px solid #dec89b;
	border-radius: 10px;
	background: #fffdf6;
	min-height: 500px;
}

.tb-matrix {
	display: grid;
	gap: 9px;
}

.tb-matrix-row {
	display: grid;
	grid-template-columns: 112px repeat(4, minmax(0, 1fr));
	gap: 8px;
	align-items: stretch;
}

.tb-matrix-row b,
.tb-matrix-row span,
.tb-matrix-foot {
	display: grid;
	place-items: center;
	min-height: 44px;
	padding: 8px;
	border-radius: 5px;
	background: #edf6e9;
	color: #20523a;
	font-size: 14px;
	font-weight: 900;
	text-align: center;
}

.tb-matrix-row b,
.tb-matrix-foot {
	background: #0b6b3c;
	color: #fff;
}

.tb-matrix-extra {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 10px;
}

.tb-matrix-extra article {
	display: grid;
	grid-template-columns: 34px 1fr;
	gap: 3px 10px;
	align-items: start;
	min-height: 84px;
	padding: 13px 12px;
	border: 1px solid #d9c49b;
	border-radius: 8px;
	background: #f8fbf2;
}

.tb-matrix-extra i {
	grid-row: span 2;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 6px;
	background: #0b6b3c;
	color: #fff;
	font-size: 15px;
}

.tb-matrix-extra strong {
	color: #123d22;
	font-size: 14px;
	line-height: 1.25;
	font-weight: 900;
}

.tb-matrix-extra span {
	color: #637263;
	font-size: 12px;
	line-height: 1.55;
}

.tb-core-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.tb-core-grid article {
	display: grid;
	grid-template-columns: 42px 1fr;
	gap: 5px 10px;
	min-height: 94px;
	padding: 14px;
	border: 1px solid #d9c49b;
	border-radius: 8px;
	background: #f8fbf2;
}

.tb-core-grid i {
	grid-row: span 2;
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 6px;
	background: #0b6b3c;
	color: #fff;
}

.tb-core-grid h3,
.tb-value-grid h3,
.tb-target-grid h3 {
	margin: 0;
	color: #123d22;
	font-size: 15px;
	font-weight: 900;
}

.tb-core-grid p,
.tb-value-grid p,
.tb-target-grid p,
.tb-faq-grid p {
	margin: 5px 0 0;
	color: #637263;
	font-size: 12px;
	line-height: 1.6;
}

.tb-value-grid,
.tb-target-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 16px;
}

.tb-value-grid article,
.tb-target-grid article {
	padding: 18px;
	border: 1px solid #e2d1ae;
	border-radius: 10px;
	background: #fffdf6;
	text-align: center;
}

.tb-value-grid i,
.tb-target-grid i {
	display: inline-grid;
	place-items: center;
	width: 42px;
	height: 42px;
	margin-bottom: 10px;
	border-radius: 8px;
	color: #0b6b3c;
	font-size: 24px;
}

.tb-target-grid {
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

.tb-faq-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.tb-faq-grid details {
	min-height: 112px;
	padding: 18px;
	border: 1px solid #e2d1ae;
	border-radius: 10px;
	background: #fffdf6;
}

.tb-faq-grid summary {
	color: #123d22;
	font-size: 14px;
	font-weight: 900;
	cursor: pointer;
}

.tb-faq-grid summary::-webkit-details-marker {
	display: none;
}

.tb-bottom-cta {
	padding: 0;
	background: #fbfaf2;
}

.tb-bottom-inner {
	display: grid;
	place-items: center;
	min-height: 122px;
	padding: 24px;
	background:
		linear-gradient(90deg, rgba(0,88,48,0.92), rgba(0,88,48,0.86)),
		url("../images/generated/solution-tobacco-hero-v2.png") center / cover no-repeat;
	text-align: center;
}

.tb-bottom-inner h2 {
	margin: 0;
	color: #f6d58d;
	font-size: 28px;
	font-weight: 900;
}

.tb-bottom-inner .tb-actions {
	margin-top: 18px;
}

@media (max-width: 1100px) {
	.tb-hero-tags,
	.tb-stat-row,
	.tb-scene-grid,
	.tb-value-grid,
	.tb-target-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.tb-two-col,
	.tb-board-head,
	.tb-problem-row {
		grid-template-columns: 1fr;
	}
	.tb-problem-row em,
	.tb-board-head strong:last-child {
		grid-column: auto;
	}
	.tb-core-grid,
	.tb-matrix-extra,
	.tb-faq-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.tb-hero {
		min-height: 620px;
		background:
			linear-gradient(180deg, rgba(0,75,42,0.96) 0%, rgba(0,75,42,0.88) 56%, rgba(0,75,42,0.34) 100%),
			url("../images/generated/solution-tobacco-hero-v2.png") center bottom / auto 50% no-repeat;
	}
	.tb-hero-inner {
		align-items: start;
		padding-top: 28px;
	}
	.tb-hero-copy h1 {
		font-size: clamp(30px, 3.05vw, 40px);
	}
	.tb-hero-tags,
	.tb-stat-row,
	.tb-scene-grid,
	.tb-value-grid,
	.tb-target-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.tb-stat-row article {
		border-right: 0;
	}
}

@media (max-width: 520px) {
	.tb-actions {
		flex-direction: column;
		align-items: stretch;
	}
	.tb-hero-tags,
	.tb-stat-row,
	.tb-scene-grid,
	.tb-core-grid,
	.tb-matrix-extra,
	.tb-value-grid,
	.tb-target-grid,
	.tb-faq-grid,
	.tb-matrix-row {
		grid-template-columns: 1fr;
	}
	.tb-section {
		padding: 28px 0;
	}
}

/* Transportation solution page */
.transport-detail {
	background: #f4f8fd;
	color: #08213d;
}

.transport-detail .hy-header {
	background: #061a32;
	box-shadow: 0 1px 0 rgba(255,255,255,0.08);
}

.transport-detail .hy-nav a,
.transport-detail .hy-login {
	color: #fff;
}

.transport-detail .hy-nav .active {
	color: #fff;
}

.transport-detail .hy-nav .active::after {
	background: #2f8cff;
}

.transport-detail .hy-primary {
	background: #ff7a1a;
	border-color: #ff7a1a;
	color: #fff;
}

.tp-hero {
	position: relative;
	min-height: 430px;
	background:
		linear-gradient(90deg, rgba(5,25,52,0.96) 0%, rgba(5,32,65,0.9) 36%, rgba(5,32,65,0.5) 55%, rgba(5,32,65,0.1) 100%),
		url("../images/generated/solution-transport-hero-v2.png") center right / cover no-repeat;
}

.tp-hero-inner {
	display: grid;
	align-items: center;
	min-height: 360px;
}

.tp-hero-copy {
	max-width: 680px;
	padding-top: 22px;
}

.tp-hero-copy h1 {
	margin: 0 0 22px;
	color: #fff;
	font-size: clamp(30px, 3.05vw, 40px);
	line-height: 1.18;
	font-weight: 900;
	letter-spacing: 0;
}

.tp-hero-copy p {
	max-width: 560px;
	margin: 0;
	color: rgba(255,255,255,0.88);
	font-size: 16px;
	line-height: 1.9;
	font-weight: 700;
}

.tp-actions {
	display: flex;
	align-items: center;
	gap: 22px;
	margin-top: 28px;
}

.tp-actions a {
	min-width: 150px;
	height: 44px;
	justify-content: center;
	border-radius: 999px;
	font-weight: 900;
}

.tp-actions .hy-secondary {
	border-color: rgba(255,255,255,0.7);
	color: #fff;
	background: rgba(255,255,255,0.08);
}

.tp-hero-tags {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
	padding-bottom: 18px;
}

.tp-hero-tags span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	border: 1px solid rgba(157,203,255,0.52);
	border-radius: 10px;
	background: rgba(15,71,130,0.78);
	color: #fff;
	font-size: 14px;
	font-weight: 900;
	backdrop-filter: blur(4px);
}

.tp-hero-tags i {
	color: #ddecff;
	font-size: 20px;
}

.tp-stat {
	background: linear-gradient(90deg, #0a315d, #064789);
}

.tp-stat-row {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: center;
	min-height: 98px;
}

.tp-stat-row article {
	display: grid;
	grid-template-columns: 58px 1fr;
	align-items: center;
	gap: 2px 16px;
	padding: 0 28px;
	border-right: 1px solid rgba(255,255,255,0.28);
}

.tp-stat-row article:last-child {
	border-right: 0;
}

.tp-stat-row i {
	grid-row: span 2;
	color: #eaf4ff;
	font-size: 40px;
}

.tp-stat-row strong {
	color: #fff;
	font-size: 20px;
	line-height: 1;
	font-weight: 900;
	white-space: nowrap;
}

.tp-stat-row span {
	color: rgba(255,255,255,0.86);
	font-size: 14px;
	font-weight: 800;
}

.tp-section {
	padding: 36px 0;
	background: #fff;
}

.tp-section:nth-of-type(even) {
	background: #f4f8fd;
}

.tp-title {
	margin: 0 0 24px;
}

.tp-title h2 {
	margin: 0;
	color: #082a54;
	font-size: 26px;
	line-height: 1.25;
	font-weight: 900;
	letter-spacing: 0;
}

.tp-title em {
	color: #3d68a2;
	font-size: 15px;
	font-style: normal;
	font-weight: 900;
}

.tp-challenge-layout {
	display: grid;
	grid-template-columns: 0.65fr 1.35fr;
	gap: 34px;
	align-items: stretch;
}

.tp-challenge-intro {
	padding: 8px 0 0;
}

.tp-challenge-intro p {
	margin: 0 0 22px;
	color: #344b66;
	font-size: 15px;
	line-height: 1.9;
}

.tp-challenge-intro img {
	width: 100%;
	height: 185px;
	object-fit: cover;
	border-radius: 10px;
	display: block;
}

.tp-challenge-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.tp-challenge-grid article {
	display: grid;
	grid-template-columns: 58px 1fr;
	gap: 16px;
	align-items: center;
	min-height: 112px;
	padding: 22px;
	border: 1px solid #d9e6f6;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(22,75,137,0.05);
}

.tp-challenge-grid i {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	color: #1f65c9;
	font-size: 32px;
}

.tp-challenge-grid article:nth-child(4) i {
	color: #ff7a1a;
}

.tp-challenge-grid h3,
.tp-scene-grid h3,
.tp-deploy-grid h3,
.tp-flow h3 {
	margin: 0;
	color: #12355f;
	font-size: 16px;
	line-height: 1.35;
	font-weight: 900;
}

.tp-challenge-grid p,
.tp-scene-grid p,
.tp-deploy-grid p,
.tp-flow p,
.tp-faq-list p {
	margin: 7px 0 0;
	color: #526985;
	font-size: 13px;
	line-height: 1.7;
}

.tp-scene-grid {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 12px;
}

.tp-scene-grid article {
	position: relative;
	overflow: hidden;
	border: 1px solid #d9e6f6;
	border-radius: 10px;
	background: #fff;
	text-align: center;
}

.tp-scene-grid img {
	width: 100%;
	aspect-ratio: 1.35 / 1;
	object-fit: cover;
	display: block;
}

.tp-scene-grid span {
	position: absolute;
	left: 50%;
	top: -1px;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	transform: translateX(-50%);
	border-radius: 0 0 999px 999px;
	background: #1f74df;
	color: #fff;
	font-size: 12px;
	font-weight: 900;
}

.tp-scene-grid h3 {
	padding: 12px 8px 0;
	font-size: 14px;
}

.tp-scene-grid p {
	padding: 0 8px 14px;
	font-size: 12px;
}

.tp-arch-layout {
	display: grid;
	grid-template-columns: 1.35fr 0.75fr;
	gap: 28px;
	align-items: start;
}

.tp-matrix {
	padding: 14px;
	border: 1px solid #d9e6f6;
	border-radius: 10px;
	background: #fff;
}

.tp-row {
	display: grid;
	grid-template-columns: 104px repeat(6, minmax(0, 1fr));
	gap: 8px;
	align-items: stretch;
	margin-bottom: 10px;
}

.tp-row:last-child {
	margin-bottom: 0;
}

.tp-row b,
.tp-row span {
	display: grid;
	place-items: center;
	min-height: 42px;
	padding: 8px;
	border-radius: 5px;
	background: #eef5ff;
	color: #225089;
	font-size: 13px;
	font-weight: 900;
	text-align: center;
}

.tp-row b {
	background: #2d77e5;
	color: #fff;
}

.tp-key-list {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 18px 20px;
	border: 1px solid #d9e6f6;
	border-radius: 10px;
	background: #fff;
	list-style: none;
}

.tp-key-list li {
	position: relative;
	padding-left: 22px;
	color: #344b66;
	font-size: 14px;
	line-height: 1.55;
}

.tp-key-list li::before {
	content: "\f058";
	position: absolute;
	left: 0;
	top: 1px;
	color: #ff7a1a;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}

.tp-value-layout {
	display: grid;
	grid-template-columns: 1fr repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.tp-value-list {
	display: grid;
	gap: 9px;
	padding: 16px;
	border-radius: 10px;
	background: #eef5ff;
}

.tp-value-list article {
	display: grid;
	grid-template-columns: 28px 1fr;
	gap: 3px 10px;
}

.tp-value-list i {
	grid-row: span 2;
	color: #246fda;
	font-size: 20px;
}

.tp-value-list strong {
	color: #17406f;
	font-size: 14px;
	font-weight: 900;
}

.tp-value-list span {
	color: #526985;
	font-size: 12px;
	line-height: 1.5;
}

.tp-chart-card {
	position: relative;
	min-height: 172px;
	padding: 22px;
	border: 1px solid #d9e6f6;
	border-radius: 12px;
	background: linear-gradient(180deg, #fff, #f7fbff);
	overflow: hidden;
}

.tp-chart-card::after {
	content: "";
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 18px;
	height: 42px;
	background: linear-gradient(145deg, transparent 10%, rgba(36,111,218,0.18) 12%, transparent 14%, transparent 36%, rgba(36,111,218,0.22) 38%, transparent 40%, transparent 64%, rgba(36,111,218,0.28) 66%, transparent 68%);
	border-bottom: 2px solid rgba(36,111,218,0.5);
}

.tp-chart-card h3 {
	margin: 0 0 16px;
	color: #42556e;
	font-size: 15px;
	font-weight: 900;
}

.tp-chart-card strong {
	color: #246fda;
	font-size: 22px;
	font-weight: 900;
}

.tp-chart-card p {
	margin: 8px 0 0;
	color: #7a8ba1;
	font-size: 12px;
}

.tp-chart-card.green strong { color: #20a867; }
.tp-chart-card.orange strong { color: #ff7a1a; }
.tp-chart-card.purple strong { color: #8b5cf6; }

.tp-deploy-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 16px;
}

.tp-deploy-grid article {
	display: grid;
	grid-template-columns: 50px 1fr;
	gap: 4px 14px;
	align-items: start;
	padding: 18px;
	border: 1px solid #d9e6f6;
	border-radius: 10px;
	background: #fff;
}

.tp-deploy-grid i {
	grid-row: span 2;
	color: #246fda;
	font-size: 32px;
}

.tp-deploy-grid article:nth-child(4) i {
	color: #ff7a1a;
}

.tp-flow {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
}

.tp-flow article {
	position: relative;
	padding: 18px 16px;
	border: 1px solid #d9e6f6;
	border-radius: 10px;
	background: linear-gradient(135deg, #fff, #eef5ff);
	text-align: center;
}

.tp-flow b {
	display: inline-grid;
	place-items: center;
	width: 34px;
	height: 34px;
	margin-bottom: 10px;
	border-radius: 50%;
	background: #246fda;
	color: #fff;
}

.tp-target-grid {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 14px;
}

.tp-target-grid article {
	overflow: hidden;
	border: 1px solid #d9e6f6;
	border-radius: 10px;
	background: #fff;
	text-align: center;
}

.tp-target-grid img {
	width: 100%;
	height: 76px;
	object-fit: cover;
	display: block;
}

.tp-target-grid span {
	display: block;
	padding: 10px 6px;
	color: #12355f;
	font-size: 14px;
	font-weight: 900;
}

.tp-faq-cta-layout {
	display: grid;
	grid-template-columns: 0.62fr 1fr;
	gap: 24px;
	align-items: stretch;
}

.tp-faq-panel,
.tp-bottom-card {
	border-radius: 12px;
	background: #fff;
}

.tp-faq-panel {
	padding: 18px;
}

.tp-faq-list {
	display: grid;
	gap: 8px;
}

.tp-faq-list details {
	padding: 10px 0;
	border-bottom: 1px solid #d9e6f6;
}

.tp-faq-list summary {
	color: #17406f;
	font-size: 13px;
	font-weight: 900;
	cursor: pointer;
}

.tp-faq-list summary::-webkit-details-marker {
	display: none;
}

.tp-bottom-card {
	display: grid;
	align-content: center;
	padding: 34px 46px;
	background:
		linear-gradient(90deg, rgba(6,30,62,0.96), rgba(6,56,107,0.9)),
		url("../images/generated/solution-transport-hero-v2.png") right center / cover no-repeat;
	color: #fff;
}

.tp-bottom-card h2 {
	max-width: 560px;
	margin: 0;
	color: #fff;
	font-size: 28px;
	line-height: 1.35;
	font-weight: 900;
}

@media (max-width: 1100px) {
	.tp-hero-tags,
	.tp-stat-row,
	.tp-deploy-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.tp-challenge-layout,
	.tp-arch-layout,
	.tp-value-layout,
	.tp-faq-cta-layout {
		grid-template-columns: 1fr;
	}

	.tp-scene-grid,
	.tp-target-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.tp-row {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (max-width: 720px) {
	.tp-hero {
		min-height: 620px;
		background:
			linear-gradient(180deg, rgba(5,25,52,0.98) 0%, rgba(5,25,52,0.82) 56%, rgba(5,25,52,0.32) 100%),
			url("../images/generated/solution-transport-hero-v2.png") center bottom / auto 48% no-repeat;
	}

	.tp-hero-inner {
		align-items: start;
		padding-top: 30px;
	}

	.tp-hero-copy h1 {
		font-size: clamp(30px, 3.05vw, 40px);
	}

	.tp-hero-tags,
	.tp-stat-row,
	.tp-challenge-grid,
	.tp-scene-grid,
	.tp-flow,
	.tp-deploy-grid,
	.tp-target-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tp-stat-row article {
		border-right: 0;
	}
}

@media (max-width: 520px) {
	.tp-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.tp-hero-tags,
	.tp-stat-row,
	.tp-challenge-grid,
	.tp-scene-grid,
	.tp-row,
	.tp-flow,
	.tp-deploy-grid,
	.tp-target-grid {
		grid-template-columns: 1fr;
	}

	.tp-section {
		padding: 30px 0;
	}
}

/* Construction engineering solution page */
.construction-detail {
	background: #f7f8fa;
	color: #09213e;
}

.construction-detail .hy-header {
	background: rgba(255,255,255,0.97);
	box-shadow: 0 1px 0 rgba(10,32,60,0.08);
}

.construction-detail .hy-nav .active,
.construction-detail .hy-header .hy-primary,
.construction-detail .hy-primary {
	background: #ff5a16;
	border-color: #ff5a16;
	color: #fff;
}

.construction-detail .hy-nav .active {
	background: transparent;
	color: #ff5a16;
}

.construction-detail .hy-nav .active::after {
	background: #ff5a16;
}

.cn-hero {
	min-height: 468px;
	background:
		linear-gradient(90deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.95) 34%, rgba(255,255,255,0.6) 53%, rgba(255,255,255,0.08) 72%, rgba(255,255,255,0) 100%),
		url("../images/generated/solution-construction-hero-v2.png") center right / cover no-repeat;
}

.cn-breadcrumb {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 42px;
	color: #667384;
	font-size: 13px;
}

.cn-breadcrumb a,
.cn-breadcrumb strong {
	color: #4f5f72;
	font-weight: 700;
}

.cn-hero-inner {
	display: grid;
	align-items: center;
	min-height: 386px;
}

.cn-hero-copy {
	max-width: 585px;
}

.cn-hero-copy h1 {
	margin: 0 0 18px;
	color: #0b274b;
	font-size: clamp(30px, 3.05vw, 40px);
	line-height: 1.18;
	font-weight: 900;
	letter-spacing: 0;
}

.cn-hero-copy h1 span {
	display: block;
	color: #ff5a16;
}

.cn-hero-copy p {
	margin: 0 0 16px;
	color: #3f4e62;
	font-size: 16px;
	line-height: 1.95;
}

.cn-hero-copy ul {
	display: grid;
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #243a54;
	font-size: 13px;
	line-height: 1.5;
}

.cn-hero-copy li {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.cn-hero-copy li i {
	margin-top: 2px;
	color: #ff5a16;
}

.cn-actions {
	display: flex;
	gap: 20px;
	margin-top: 24px;
}

.cn-actions a {
	min-width: 126px;
	height: 42px;
	justify-content: center;
	border-radius: 5px;
	font-weight: 900;
}

.cn-actions .hy-secondary {
	border-color: #ff8a54;
	color: #ff5a16;
	background: #fff;
}

.cn-tags {
	background: #fff;
	border-top: 1px solid #eef0f3;
	border-bottom: 1px solid #e8edf3;
}

.cn-tags-inner {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	min-height: 68px;
	align-items: center;
}

.cn-tags-inner span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	color: #26364a;
	font-size: 15px;
	font-weight: 800;
	border-right: 1px solid #dfe5ee;
}

.cn-tags-inner span:last-child {
	border-right: 0;
}

.cn-tags-inner i {
	color: #ff5a16;
	font-size: 26px;
}

.cn-stat {
	background: #082947;
}

.cn-stat-row {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	min-height: 92px;
	align-items: center;
}

.cn-stat-row article {
	display: grid;
	grid-template-columns: 54px 1fr;
	align-items: center;
	gap: 3px 14px;
	padding: 0 28px;
	border-right: 1px solid rgba(255,255,255,0.26);
}

.cn-stat-row article:last-child {
	border-right: 0;
}

.cn-stat-row i {
	grid-row: span 2;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border: 1px solid rgba(255,255,255,0.76);
	border-radius: 50%;
	color: #fff;
	font-size: 21px;
}

.cn-stat-row strong {
	color: #fff;
	font-size: 28px;
	line-height: 1;
	font-weight: 900;
	white-space: nowrap;
}

.cn-stat-row span {
	color: rgba(255,255,255,0.82);
	font-size: 13px;
	font-weight: 700;
}

.cn-section {
	padding: 34px 0;
	background: #fff;
}

.cn-section:nth-of-type(even) {
	background: #f7f8fa;
}

.cn-title {
	margin: 0 0 22px;
}

.cn-title h2 {
	position: relative;
	display: inline-block;
	margin: 0;
	padding-bottom: 10px;
	color: #071f3d;
	font-size: 26px;
	line-height: 1.25;
	font-weight: 900;
	letter-spacing: 0;
}

.cn-title h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 42px;
	height: 3px;
	background: #ff5a16;
}

.cn-title em {
	color: #111827;
	font-size: 14px;
	font-style: normal;
	font-weight: 900;
}

.cn-pain-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.cn-pain-grid article {
	display: grid;
	grid-template-columns: 72px 1fr;
	gap: 18px;
	align-items: center;
	min-height: 116px;
	padding: 22px;
	border: 1px solid #d8dde5;
	border-radius: 8px;
	background: #fff;
}

.cn-pain-grid i {
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	color: #ff5a16;
	font-size: 34px;
}

.cn-pain-grid h3,
.cn-scene-grid h3,
.cn-core-grid h3,
.cn-flow h3 {
	margin: 0;
	color: #162b43;
	font-size: 17px;
	line-height: 1.35;
	font-weight: 900;
}

.cn-pain-grid p,
.cn-core-grid p,
.cn-flow p,
.cn-faq-grid p {
	margin: 8px 0 0;
	color: #536171;
	font-size: 13px;
	line-height: 1.75;
}

.cn-scene-section {
	padding-top: 38px;
	padding-bottom: 38px;
}

.cn-scene-grid {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 12px;
}

.cn-scene-grid article {
	position: relative;
	overflow: hidden;
	border: 1px solid #d8dde5;
	border-radius: 8px;
	background: #fff;
}

.cn-scene-grid img {
	width: 100%;
	aspect-ratio: 1.38 / 1;
	object-fit: cover;
	display: block;
}

.cn-scene-grid span {
	position: absolute;
	left: 8px;
	top: 82px;
	display: grid;
	place-items: center;
	width: 28px;
	height: 22px;
	border-radius: 999px;
	background: #ff5a16;
	color: #fff;
	font-size: 12px;
	font-weight: 900;
}

.cn-scene-grid h3 {
	padding: 12px 8px 14px;
	text-align: center;
	font-size: 14px;
}

.cn-solution-layout {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 44px;
	align-items: start;
}

.cn-wheel {
	position: relative;
	width: 430px;
	height: 330px;
	margin: 0 auto;
	background:
		radial-gradient(circle at center, #fff 0 27%, transparent 28%),
		repeating-radial-gradient(circle at center, transparent 0 58px, rgba(255,90,22,0.22) 59px, transparent 60px),
		conic-gradient(from -90deg, rgba(255,90,22,0.3), rgba(255,90,22,0.04), rgba(255,90,22,0.3));
	border-radius: 50%;
}

.cn-wheel-core {
	position: absolute;
	left: 50%;
	top: 50%;
	display: grid;
	place-items: center;
	width: 136px;
	height: 136px;
	transform: translate(-50%, -50%);
	border: 8px solid #f3f6fa;
	border-radius: 50%;
	background: #082947;
	color: #fff;
	text-align: center;
	box-shadow: 0 16px 28px rgba(8,41,71,0.18);
}

.cn-wheel-core i {
	font-size: 34px;
}

.cn-wheel-core strong {
	font-size: 15px;
	line-height: 1.35;
}

.cn-wheel span {
	position: absolute;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-width: 92px;
	padding: 8px 12px;
	border: 1px solid #e5a078;
	border-radius: 999px;
	background: #fff;
	color: #334155;
	font-size: 13px;
	font-weight: 800;
	box-shadow: 0 6px 18px rgba(255,90,22,0.08);
}

.cn-wheel span i {
	color: #ff5a16;
}

.cn-w1 { left: 50%; top: 0; transform: translateX(-50%); }
.cn-w2 { right: 8px; top: 44px; }
.cn-w3 { right: 0; top: 130px; }
.cn-w4 { right: 34px; bottom: 46px; }
.cn-w5 { left: 50%; bottom: 0; transform: translateX(-50%); }
.cn-w6 { left: 28px; bottom: 46px; }
.cn-w7 { left: 0; top: 130px; }
.cn-w8 { left: 16px; top: 44px; }

.cn-table {
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
	border-radius: 8px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #d8dde5;
}

.cn-table th,
.cn-table td {
	padding: 13px 14px;
	border: 1px solid #d8dde5;
	color: #34465b;
	font-size: 13px;
	line-height: 1.6;
	text-align: left;
}

.cn-table th {
	background: #082947;
	color: #fff;
	font-size: 14px;
	font-weight: 900;
	text-align: center;
}

.cn-core-grid {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 14px;
}

.cn-core-grid article {
	padding: 20px 12px;
	border: 1px solid #d8dde5;
	border-radius: 10px;
	background: #fff;
	text-align: center;
}

.cn-core-grid i {
	display: inline-grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin-bottom: 12px;
	border: 1px solid #d7dee8;
	border-radius: 8px;
	color: #082947;
	font-size: 25px;
}

.cn-core-grid h3 {
	font-size: 15px;
}

.cn-flow {
	position: relative;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 28px;
	padding-top: 8px;
}

.cn-flow::before {
	content: "";
	position: absolute;
	left: 8%;
	right: 8%;
	top: 25px;
	height: 2px;
	background: #ff5a16;
}

.cn-flow article {
	position: relative;
	text-align: center;
}

.cn-flow b {
	position: relative;
	z-index: 1;
	display: inline-grid;
	place-items: center;
	width: 42px;
	height: 42px;
	margin-bottom: 14px;
	border: 2px solid #ff5a16;
	border-radius: 50%;
	background: #fff;
	color: #ff5a16;
	font-weight: 900;
}

.cn-target-grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 16px;
}

.cn-target-grid article {
	overflow: hidden;
	border: 1px solid #d8dde5;
	border-radius: 8px;
	background: #fff;
	text-align: center;
}

.cn-target-grid img {
	width: 100%;
	height: 78px;
	object-fit: cover;
	display: block;
}

.cn-target-grid span {
	display: block;
	padding: 10px 8px;
	color: #162b43;
	font-size: 15px;
	font-weight: 900;
}

.cn-faq-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

.cn-faq-grid details {
	min-height: 112px;
	padding: 14px;
	border: 1px solid #d8dde5;
	border-radius: 8px;
	background: #fff;
}

.cn-faq-grid summary {
	display: flex;
	gap: 7px;
	color: #162b43;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.55;
	cursor: pointer;
}

.cn-faq-grid summary::-webkit-details-marker {
	display: none;
}

.cn-faq-grid summary i {
	margin-top: 2px;
	color: #ff5a16;
}

.cn-bottom-cta {
	padding: 34px 0 0;
	background: #fff;
}

.cn-bottom-inner {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 36px;
	min-height: 112px;
	padding: 24px 68px 24px 170px;
	border-radius: 8px 8px 0 0;
	background:
		linear-gradient(90deg, rgba(8,41,71,0.98), rgba(8,41,71,0.9)),
		linear-gradient(120deg, rgba(255,90,22,0.3), transparent 32%);
	color: #fff;
	position: relative;
	overflow: hidden;
}

.cn-bottom-inner::before {
	content: "\f0ad";
	position: absolute;
	left: 56px;
	top: 22px;
	display: grid;
	place-items: center;
	width: 82px;
	height: 68px;
	border-radius: 16px;
	background: rgba(255,90,22,0.95);
	color: #fff;
	font-family: "Font Awesome 6 Free";
	font-size: 40px;
	font-weight: 900;
}

.cn-bottom-inner h2 {
	margin: 0 0 8px;
	color: #fff;
	font-size: 24px;
	font-weight: 900;
}

.cn-bottom-inner p {
	margin: 0;
	color: rgba(255,255,255,0.85);
	font-size: 15px;
}

.cn-bottom-inner .cn-actions {
	margin: 0;
}

.cn-bottom-inner .hy-secondary {
	border-color: rgba(255,255,255,0.7);
	color: #fff;
	background: transparent;
}

@media (max-width: 1100px) {
	.cn-tags-inner,
	.cn-stat-row,
	.cn-core-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.cn-pain-grid,
	.cn-solution-layout,
	.cn-faq-grid {
		grid-template-columns: 1fr;
	}

	.cn-scene-grid,
	.cn-target-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.cn-hero {
		min-height: 620px;
		background:
			linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.95) 54%, rgba(255,255,255,0.45) 100%),
			url("../images/generated/solution-construction-hero-v2.png") center bottom / auto 50% no-repeat;
	}

	.cn-hero-inner {
		align-items: start;
		padding-top: 22px;
	}

	.cn-hero-copy h1 {
		font-size: clamp(30px, 3.05vw, 40px);
	}

	.cn-tags-inner,
	.cn-stat-row,
	.cn-scene-grid,
	.cn-core-grid,
	.cn-target-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cn-tags-inner span,
	.cn-stat-row article {
		border-right: 0;
	}

	.cn-wheel {
		width: 320px;
		height: 288px;
	}

	.cn-wheel span {
		position: static;
		transform: none;
		margin: 6px;
	}

	.cn-flow {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cn-flow::before {
		display: none;
	}

	.cn-bottom-inner {
		grid-template-columns: 1fr;
		padding: 24px 22px 24px 126px;
	}

	.cn-bottom-inner::before {
		left: 24px;
	}
}

@media (max-width: 520px) {
	.cn-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.cn-tags-inner,
	.cn-stat-row,
	.cn-pain-grid,
	.cn-scene-grid,
	.cn-core-grid,
	.cn-flow,
	.cn-target-grid,
	.cn-faq-grid {
		grid-template-columns: 1fr;
	}

	.cn-section {
		padding: 28px 0;
	}

	.cn-bottom-inner {
		padding: 24px 18px 120px;
		text-align: center;
	}

	.cn-bottom-inner::before {
		left: 50%;
		top: auto;
		bottom: 24px;
		transform: translateX(-50%);
	}
}

/* Training institution solution page */
.training-detail {
	background: #f7fbff;
	color: #061f4a;
}

.training-detail .hy-header {
	background: rgba(255,255,255,0.96);
	box-shadow: 0 1px 0 rgba(15,82,185,0.08);
}

.tr-hero {
	position: relative;
	min-height: 430px;
	padding-bottom: 18px;
	background:
		linear-gradient(90deg, rgba(244,250,255,0.99) 0%, rgba(244,250,255,0.96) 34%, rgba(244,250,255,0.55) 52%, rgba(244,250,255,0.1) 74%, rgba(244,250,255,0) 100%),
		url("../images/generated/solution-training-hero-v2.png") center right / cover no-repeat;
}

.tr-breadcrumb {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 40px;
	color: #647c9f;
	font-size: 13px;
}

.tr-breadcrumb a,
.tr-breadcrumb strong {
	color: #536d95;
	font-weight: 700;
}

.tr-hero-inner {
	min-height: 318px;
	display: grid;
	align-items: center;
}

.tr-hero-copy {
	max-width: 610px;
	padding-bottom: 14px;
}

.tr-hero-copy h1 {
	margin: 0 0 12px;
	color: #071f50;
	font-size: clamp(30px, 3.05vw, 40px);
	line-height: 1.18;
	font-weight: 900;
	letter-spacing: 0;
}

.tr-hero-copy h2 {
	margin: 0 0 18px;
	color: #102f68;
	font-size: 24px;
	line-height: 1.45;
	font-weight: 900;
}

.tr-hero-copy p {
	max-width: 560px;
	margin: 0;
	color: #395372;
	font-size: 16px;
	line-height: 1.95;
}

.tr-actions {
	display: flex;
	align-items: center;
	gap: 22px;
	margin-top: 26px;
}

.tr-actions a {
	min-width: 150px;
	height: 44px;
	justify-content: center;
	border-radius: 4px;
	font-weight: 900;
}

.tr-hero-tags {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	max-width: 620px;
	margin-top: 0;
	padding: 12px 18px;
	border-radius: 7px;
	background: rgba(255,255,255,0.96);
	box-shadow: 0 12px 28px rgba(25,88,175,0.12);
}

.tr-hero-tags span {
	display: grid;
	grid-template-columns: 26px 1fr;
	align-items: center;
	column-gap: 8px;
	color: #123d7a;
	font-size: 14px;
	font-weight: 900;
	white-space: nowrap;
}

.tr-hero-tags i {
	grid-row: span 2;
	color: #0b69f0;
	font-size: 16px;
	text-align: center;
}

.tr-hero-tags em {
	color: #5c7394;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
}

.tr-stat-section {
	padding: 4px 0 28px;
	background: #f7fbff;
}

.tr-stat-row {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	padding: 18px 20px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(33,85,154,0.09), inset 0 0 0 1px #dbe8fb;
}

.tr-stat-row article {
	display: grid;
	grid-template-columns: 44px 1fr;
	align-items: center;
	gap: 4px 14px;
	padding: 0 18px;
	border-right: 1px solid #dce8f8;
}

.tr-stat-row article:last-child {
	border-right: 0;
}

.tr-stat-row i {
	grid-row: span 2;
	color: #0767ef;
	font-size: 28px;
	text-align: center;
}

.tr-stat-row strong {
	color: #075ee8;
	font-size: 26px;
	line-height: 1;
	font-weight: 900;
	white-space: nowrap;
}

.tr-stat-row span {
	color: #4f6686;
	font-size: 14px;
	font-weight: 700;
}

.tr-card-section {
	padding: 18px 0;
	background: #f7fbff;
}

.tr-title {
	display: flex;
	align-items: center;
	margin: 0 0 14px;
}

.tr-title h2 {
	position: relative;
	margin: 0;
	padding-left: 12px;
	color: #06214e;
	font-size: 22px;
	line-height: 1.25;
	font-weight: 900;
	letter-spacing: 0;
}

.tr-title h2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 4px;
	height: 22px;
	border-radius: 999px;
	background: #0868f0;
}

.tr-two-columns {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(320px, 1fr);
	gap: 22px;
}

.tr-pain-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 8px;
}

.tr-pain-grid article {
	min-height: 156px;
	padding: 18px 10px 14px;
	border: 1px solid #d5e5fb;
	border-radius: 8px;
	background: #fff;
	text-align: center;
}

.tr-pain-grid i {
	display: inline-grid;
	place-items: center;
	width: 36px;
	height: 36px;
	margin-bottom: 10px;
	color: #0868f0;
	font-size: 24px;
}

.tr-pain-grid h3,
.tr-scene-buttons span,
.tr-flow-row h3,
.tr-cap-grid h3,
.tr-open-content strong,
.tr-value-grid h3,
.tr-support-list strong,
.tr-target-grid strong {
	margin: 0;
	color: #0b3370;
	font-size: 15px;
	line-height: 1.35;
	font-weight: 900;
}

.tr-pain-grid p,
.tr-flow-row p,
.tr-cap-grid p,
.tr-value-grid p,
.tr-support-list em,
.tr-target-grid em {
	margin: 8px 0 0;
	color: #526985;
	font-size: 12px;
	line-height: 1.6;
	font-style: normal;
}

.tr-scene-buttons {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 14px;
	min-height: 156px;
}

.tr-scene-buttons span {
	display: grid;
	place-items: center;
	min-height: 0;
	padding: 8px;
	border: 1px solid #bcd4fb;
	border-radius: 6px;
	background: #fff;
	color: #075ee8;
	text-align: center;
}

.tr-panel,
.tr-cap-panel,
.tr-open-panel,
.tr-small-panel {
	border: 1px solid #d5e5fb;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(27,87,165,0.06);
}

.tr-panel {
	padding: 18px 18px 22px;
}

.tr-flow-row {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	align-items: start;
	gap: 14px;
}

.tr-flow-row article {
	position: relative;
	text-align: center;
}

.tr-flow-row article:not(:last-child)::before {
	content: "";
	position: absolute;
	left: calc(50% + 28px);
	top: 25px;
	width: calc(100% - 42px);
	height: 1px;
	background: #0b66e8;
}

.tr-flow-row article:not(:last-child)::after {
	content: "";
	position: absolute;
	left: calc(100% - 18px);
	top: 21px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 7px solid #0b66e8;
}

.tr-flow-row i {
	display: inline-grid;
	place-items: center;
	width: 58px;
	height: 58px;
	margin-bottom: 12px;
	border: 1px solid #bcd8ff;
	border-radius: 50%;
	background: #eef6ff;
	color: #0868f0;
	font-size: 24px;
}

.tr-flow-row b {
	display: block;
	margin-bottom: 9px;
	color: #0a55c5;
	font-size: 17px;
	font-weight: 900;
}

.tr-cap-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 22px;
}

.tr-cap-panel,
.tr-open-panel {
	min-height: 340px;
	padding: 18px;
}

.tr-cap-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px 24px;
}

.tr-cap-grid article {
	display: grid;
	grid-template-columns: 34px 1fr;
	gap: 12px;
	align-items: start;
}

.tr-cap-grid i,
.tr-open-content i,
.tr-support-list i,
.tr-target-grid i {
	display: inline-grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 6px;
	background: #e8f2ff;
	color: #0868f0;
	font-size: 17px;
}

.tr-open-panel {
	background:
		linear-gradient(90deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.96) 54%, rgba(255,255,255,0.18) 100%),
		url("../images/generated/solution-training-delivery-v2.png") right bottom / 52% auto no-repeat,
		#fff;
}

.tr-open-content {
	max-width: 54%;
}

.tr-open-content ul {
	display: grid;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tr-open-content li {
	display: grid;
	grid-template-columns: 30px 1fr;
	gap: 8px 12px;
}

.tr-open-content i {
	grid-row: span 2;
}

.tr-open-content span {
	color: #516982;
	font-size: 12px;
	line-height: 1.65;
}

.tr-value-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.tr-value-grid article {
	display: grid;
	grid-template-columns: 58px 1fr;
	align-items: center;
	gap: 14px;
	min-height: 96px;
	padding: 18px;
	border: 1px solid #bdd7ff;
	border-radius: 8px;
	background: #fff;
}

.tr-value-grid i {
	display: inline-grid;
	place-items: center;
	width: 54px;
	height: 54px;
	border-radius: 8px;
	background: linear-gradient(180deg, #eaf3ff, #dcecff);
	color: #0868f0;
	font-size: 30px;
}

.tr-support-layout {
	display: grid;
	grid-template-columns: 1.15fr 0.95fr;
	gap: 22px;
	align-items: stretch;
}

.tr-small-panel {
	padding: 16px;
	min-height: 214px;
}

.tr-support-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px 16px;
}

.tr-support-list span,
.tr-target-grid span {
	display: grid;
	grid-template-columns: 32px 1fr;
	gap: 4px 10px;
	align-items: start;
}

.tr-support-list i,
.tr-target-grid i {
	grid-row: span 2;
}

.tr-target-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px 12px;
}

.tr-faq-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 26px;
}

.tr-faq-grid details {
	border: 1px solid #dce8fb;
	border-radius: 5px;
	background: #fff;
}

.tr-faq-grid summary {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	color: #203f66;
	font-size: 14px;
	font-weight: 800;
	cursor: pointer;
}

.tr-faq-grid summary::-webkit-details-marker {
	display: none;
}

.tr-faq-grid summary::after {
	content: "\f107";
	margin-left: auto;
	color: #075ee8;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}

.tr-faq-grid details[open] summary::after {
	content: "\f106";
}

.tr-faq-grid i {
	color: #0868f0;
}

.tr-faq-grid p {
	margin: 0;
	padding: 0 14px 12px 36px;
	color: #516982;
	font-size: 12px;
	line-height: 1.7;
}

.tr-bottom-cta {
	padding: 18px 0 28px;
	background: #f7fbff;
}

.tr-bottom-inner {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 32px;
	min-height: 112px;
	padding: 24px 90px 24px 300px;
	border-radius: 10px;
	background:
		linear-gradient(90deg, rgba(0,90,231,0.92), rgba(0,102,243,0.96)),
		radial-gradient(circle at 14% 55%, rgba(255,255,255,0.24), transparent 26%);
	color: #fff;
}

.tr-bottom-inner::before {
	content: "\f3ed";
	position: absolute;
	left: 86px;
	top: 24px;
	width: 112px;
	height: 72px;
	display: grid;
	place-items: center;
	border-radius: 18px;
	background: rgba(255,255,255,0.16);
	color: rgba(255,255,255,0.9);
	font-family: "Font Awesome 6 Free";
	font-size: 58px;
	font-weight: 900;
}

.tr-bottom-inner h2 {
	margin: 0 0 8px;
	color: #fff;
	font-size: 28px;
	font-weight: 900;
}

.tr-bottom-inner p {
	margin: 0;
	color: rgba(255,255,255,0.86);
	font-size: 16px;
}

.tr-bottom-inner .tr-actions {
	margin: 0;
}

.tr-bottom-inner .hy-white-btn,
.tr-bottom-inner .hy-outline-light {
	min-width: 150px;
	height: 42px;
}

.tr-bottom-inner .hy-outline-light {
	border-color: rgba(255,255,255,0.58);
	color: #fff;
}

@media (max-width: 1100px) {
	.tr-pain-grid,
	.tr-flow-row {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.tr-flow-row article::before,
	.tr-flow-row article::after {
		display: none;
	}

	.tr-two-columns,
	.tr-cap-layout,
	.tr-support-layout {
		grid-template-columns: 1fr;
	}

	.tr-open-content {
		max-width: 58%;
	}

	.tr-support-list,
	.tr-target-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.tr-hero {
		min-height: 560px;
		background:
			linear-gradient(180deg, rgba(244,250,255,0.99) 0%, rgba(244,250,255,0.96) 55%, rgba(244,250,255,0.44) 100%),
			url("../images/generated/solution-training-hero-v2.png") center bottom / auto 54% no-repeat;
	}

	.tr-hero-inner {
		align-items: start;
		padding-top: 24px;
	}

	.tr-hero-copy h1 {
		font-size: clamp(30px, 3.05vw, 40px);
	}

	.tr-hero-copy h2 {
		font-size: 24px;
	}

	.tr-hero-tags,
	.tr-stat-row,
	.tr-pain-grid,
	.tr-scene-buttons,
	.tr-flow-row,
	.tr-cap-grid,
	.tr-value-grid,
	.tr-support-list,
	.tr-target-grid,
	.tr-faq-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tr-stat-row article {
		border-right: 0;
	}

	.tr-open-panel {
		background: #fff;
	}

	.tr-open-content {
		max-width: none;
	}

	.tr-bottom-inner {
		grid-template-columns: 1fr;
		padding: 24px 20px 24px 130px;
	}

	.tr-bottom-inner::before {
		left: 22px;
	}
}

@media (max-width: 520px) {
	.tr-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.tr-hero-tags,
	.tr-stat-row,
	.tr-pain-grid,
	.tr-scene-buttons,
	.tr-flow-row,
	.tr-cap-grid,
	.tr-value-grid,
	.tr-support-list,
	.tr-target-grid,
	.tr-faq-grid {
		grid-template-columns: 1fr;
	}

	.tr-bottom-inner {
		padding: 24px 18px 140px;
		text-align: center;
	}

	.tr-bottom-inner::before {
		left: 50%;
		top: auto;
		bottom: 24px;
		transform: translateX(-50%);
	}
}

.hy-nav .active {
	color: #0968ff;
}

.hy-nav .active::after {
	opacity: 1;
	transform: scaleX(1);
}

.sl-hero {
	position: relative;
	overflow: hidden;
	padding: 74px 0 62px;
	background:
		radial-gradient(circle at 88% 12%, rgba(34, 127, 255, 0.14), transparent 34%),
		linear-gradient(135deg, #fbfdff 0%, #eef6ff 100%);
}

.sl-hero::after {
	content: "";
	position: absolute;
	right: -180px;
	top: -260px;
	width: 720px;
	height: 720px;
	border-radius: 50%;
	border: 1px solid rgba(9, 104, 255, 0.08);
	pointer-events: none;
}

.sl-hero-inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 0.95fr 1.05fr;
	gap: 56px;
	align-items: center;
}

.sl-kicker {
	margin: 0 0 18px;
	color: #0a2145;
	font-size: 13px;
	font-weight: 900;
}

.sl-hero h1 {
	margin: 0;
	color: #061b42;
	font-size: clamp(30px, 3.05vw, 40px);
	line-height: 1.24;
	font-weight: 700;
	letter-spacing: 0;
}

.sl-hero h1 span {
	color: #0968ff;
}

.sl-hero-desc {
	max-width: 620px;
	margin: 24px 0 36px;
	color: #334b6c;
	font-size: 16px;
	line-height: 1.9;
}

.sl-hero-points {
	display: grid;
	grid-template-columns: repeat(2, minmax(210px, 1fr));
	gap: 16px 22px;
	max-width: 560px;
}

.sl-hero-points span {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	padding: 4px 2px;
	min-width: 0;
	transition: transform .24s ease;
}

.sl-hero-points span:hover {
	transform: translateY(-4px);
}

.sl-hero-points i {
	grid-row: 1 / span 2;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	color: #0968ff;
	background: rgba(255,255,255,.66);
	box-shadow: 0 12px 24px rgba(38, 114, 255, .12);
	font-size: 14px;
}

.sl-hero-points b,
.sl-hero-points em {
	display: block;
}

.sl-hero-points b {
	color: #15294d;
	font-size: 14px;
	line-height: 1.3;
}

.sl-hero-points em {
	margin-top: 3px;
	color: #6d7f99;
	font-size: 12px;
	font-style: normal;
	line-height: 1.35;
}

.sl-hero-visual {
	position: relative;
	min-height: 360px;
}

.sl-hero-visual img {
	position: absolute;
	inset: 50% auto auto 50%;
	width: 720px;
	max-width: none;
	transform: translate(-48%, -50%);
	filter: drop-shadow(0 24px 44px rgba(31, 96, 179, 0.14));
	transition: transform .35s ease, filter .35s ease;
}

.sl-hero-visual:hover img {
	transform: translate(-48%, -52%) scale(1.02);
	filter: drop-shadow(0 32px 58px rgba(31, 96, 179, 0.2));
}

.sl-section {
	padding: 74px 0;
}

.sl-section + .sl-section {
	padding-top: 42px;
}

.sl-section-head {
	display: flex;
	align-items: baseline;
	gap: 24px;
	margin-bottom: 24px;
}

.sl-section-head.compact {
	display: block;
	margin-bottom: 18px;
}

.sl-section-head h2 {
	margin: 0;
	color: #071f4a;
	font-size: 26px;
	line-height: 1.25;
	white-space: nowrap;
}

.sl-section-head p {
	margin: 0;
	color: #58708f;
	font-size: 14px;
	line-height: 1.6;
}

.sl-industry-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.sl-industry-grid article {
	position: relative;
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) 82px;
	gap: 10px;
	align-items: center;
	min-height: 126px;
	padding: 18px 16px;
	border-radius: 8px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dce9fb, 0 14px 34px rgba(28, 86, 168, 0.06);
	overflow: hidden;
	transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.sl-industry-link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.sl-industry-grid article::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 116px;
	height: 74px;
	background: radial-gradient(circle at 70% 80%, rgba(9, 104, 255, 0.13), transparent 58%);
	pointer-events: none;
}

.sl-industry-grid article:hover {
	transform: translateY(-6px);
	box-shadow: inset 0 0 0 1px #9fc4ff, 0 22px 46px rgba(28, 86, 168, 0.12);
}

.sl-industry-grid strong {
	align-self: start;
	color: #0968ff;
	font-size: 28px;
	line-height: 1;
}

.sl-industry-grid h3,
.sl-industry-grid p {
	margin: 0;
}

.sl-industry-grid h3 {
	font-size: 15px;
	line-height: 1.35;
	white-space: nowrap;
}

.sl-industry-grid p {
	margin-top: 8px;
	color: #405a79;
	font-size: 12px;
	line-height: 1.65;
}

.sl-industry-grid i {
	position: relative;
	z-index: 1;
	justify-self: center;
	color: #0968ff;
	font-size: 44px;
	opacity: 0.86;
}

.sl-flow {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 0;
	padding: 24px 18px;
	border-radius: 8px;
	background: linear-gradient(180deg, #f8fbff, #eef6ff);
	box-shadow: inset 0 0 0 1px #dfeaff;
}

.sl-flow span {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 8px;
	text-align: center;
}

.sl-flow span:not(:last-child)::after {
	content: "";
	position: absolute;
	right: -20px;
	top: 32px;
	width: 34px;
	height: 1px;
	background: repeating-linear-gradient(90deg, #6aa6ff 0 4px, transparent 4px 8px);
}

.sl-flow span:not(:last-child)::before {
	content: "";
	position: absolute;
	right: -21px;
	top: 28px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #6aa6ff;
	border-right: 2px solid #6aa6ff;
	transform: rotate(45deg);
}

.sl-flow i {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	color: #0968ff;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dce9fb;
}

.sl-flow b,
.sl-flow em {
	display: block;
	white-space: nowrap;
}

.sl-flow b {
	font-size: 14px;
}

.sl-flow em {
	color: #6d7f99;
	font-size: 11px;
	font-style: normal;
}

.sl-compact {
	padding-top: 54px;
}

.sl-deploy-value {
	padding-top: 50px;
	padding-bottom: 52px;
	background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
}

.sl-deploy-value .sl-section-head {
	margin-bottom: 18px;
}

.sl-deploy-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 18px;
	margin-bottom: 34px;
}

.sl-deploy-grid article {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 3px 12px;
	align-items: center;
	min-height: 78px;
	padding: 15px 18px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.88);
	box-shadow: inset 0 0 0 1px #dbe8fb, 0 10px 24px rgba(31, 88, 168, 0.04);
	transition: transform .22s ease, box-shadow .22s ease;
}

.sl-deploy-grid article:hover {
	transform: translateY(-4px);
	box-shadow: inset 0 0 0 1px #a9caff, 0 16px 32px rgba(31, 88, 168, 0.09);
}

.sl-deploy-grid i {
	grid-row: 1 / span 2;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	color: #0968ff;
	background: #eef6ff;
	box-shadow: inset 0 0 0 1px #cfe1ff;
	font-size: 17px;
}

.sl-deploy-grid h3,
.sl-deploy-grid p {
	margin: 0;
}

.sl-deploy-grid h3 {
	color: #0a2145;
	font-size: 14px;
	white-space: nowrap;
}

.sl-deploy-grid p {
	color: #526b88;
	font-size: 11px;
	line-height: 1.5;
}

.sl-value-panel {
	padding-top: 2px;
}

.sl-value-content {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(340px, 0.85fr);
	gap: 44px;
	align-items: center;
}

.sl-value-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 19px 58px;
}

.sl-value-list span {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 3px 12px;
}

.sl-value-list i {
	grid-row: 1 / span 2;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 8px;
	color: #0968ff;
	background: #eef6ff;
}

.sl-value-list b {
	color: #0a2145;
	font-size: 14px;
	white-space: nowrap;
}

.sl-value-list em {
	color: #58708f;
	font-size: 12px;
	font-style: normal;
	line-height: 1.6;
}

.sl-metric-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	overflow: hidden;
	border-radius: 0;
	background: #f1f6ff;
	box-shadow: inset 0 0 0 1px #e3edfb;
}

.sl-metric-grid strong {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 84px;
	color: #0968ff;
	font-size: 26px;
	line-height: 1.1;
	background: rgba(255, 255, 255, 0.46);
	box-shadow: inset -1px -1px 0 #e3edfb;
}

.sl-metric-grid span {
	display: block;
	margin-top: 8px;
	color: #24415f;
	font-size: 12px;
	font-weight: 800;
}

.sl-reason-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 18px;
}

.sl-reason-grid article {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 2px 12px;
	min-height: 92px;
	padding: 18px;
	border-radius: 8px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dce9fb, 0 10px 26px rgba(31, 88, 168, 0.05);
	transition: transform .22s ease, box-shadow .22s ease;
}

.sl-reason-grid article:hover {
	transform: translateY(-5px);
	box-shadow: inset 0 0 0 1px #a9caff, 0 18px 38px rgba(31, 88, 168, 0.1);
}

.sl-reason-grid i {
	grid-row: 1 / span 2;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	color: #0968ff;
	background: #eaf4ff;
	font-size: 18px;
}

.sl-reason-grid h3,
.sl-reason-grid p {
	margin: 0;
}

.sl-reason-grid h3 {
	font-size: 14px;
	white-space: nowrap;
}

.sl-reason-grid p {
	color: #59708d;
	font-size: 12px;
	line-height: 1.55;
}

.sl-proof {
	padding-top: 48px;
}

.sl-logo-row {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 18px;
	align-items: center;
	margin-bottom: 30px;
}

.sl-logo-row span {
	display: grid;
	place-items: center;
	height: 42px;
	color: #155d58;
	font-size: 15px;
	font-weight: 900;
	white-space: nowrap;
}

.sl-quote-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.sl-quote-grid blockquote {
	position: relative;
	margin: 0;
	min-height: 122px;
	padding: 28px 28px 22px 72px;
	border-radius: 8px;
	color: #23405f;
	background: linear-gradient(180deg, #f8fbff, #eef6ff);
	box-shadow: inset 0 0 0 1px #dfeaff;
}

.sl-quote-grid blockquote::before {
	content: "“";
	position: absolute;
	left: 22px;
	top: 12px;
	color: #0968ff;
	font-size: 56px;
	font-weight: 900;
}

.sl-quote-grid cite {
	display: block;
	margin-top: 18px;
	color: #59708d;
	font-style: normal;
	font-size: 12px;
}

.sl-cta {
	padding: 36px 0 76px;
}

.sl-cta-inner {
	display: grid;
	grid-template-columns: 1fr 164px 190px;
	gap: 24px;
	align-items: center;
	padding: 34px 40px;
	border-radius: 8px;
	color: #fff;
	background:
		radial-gradient(circle at 100% 0, rgba(255,255,255,0.18), transparent 36%),
		linear-gradient(135deg, #0968ff, #0047d9);
	box-shadow: 0 20px 42px rgba(9, 104, 255, 0.22);
}

.sl-cta h2,
.sl-cta p {
	margin: 0;
}

.sl-cta h2 {
	font-size: 28px;
}

.sl-cta p {
	margin-top: 8px;
	color: rgba(255,255,255,0.78);
}

.sl-cta .hy-primary,
.sl-cta .hy-secondary {
	justify-content: center;
	border-color: rgba(255,255,255,0.56);
	color: #0968ff;
	background: #fff;
}

.sl-cta .hy-secondary {
	color: #fff;
	background: transparent;
}

.se-page {
	color: #11264a;
	background: #fff;
}

.se-page .hy-nav .active {
	color: #0968ff;
}

.se-page .hy-nav .active::after {
	opacity: 1;
	transform: scaleX(1);
}

.se-hero {
	position: relative;
	overflow: hidden;
	padding: 22px 0 58px;
	background:
		radial-gradient(circle at 92% 26%, rgba(9, 104, 255, 0.11), transparent 9%),
		linear-gradient(180deg, #f4f9ff 0%, #edf6ff 100%);
}

.se-hero::after {
	content: "";
	position: absolute;
	right: 68px;
	bottom: 18px;
	width: 340px;
	height: 170px;
	border-radius: 50%;
	background: rgba(9, 104, 255, 0.1);
	filter: blur(2px);
}

.se-breadcrumb {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 52px;
	color: #5f7494;
	font-size: 13px;
}

.se-breadcrumb a,
.se-breadcrumb strong {
	color: #24568f;
	font-weight: 700;
}

.se-hero-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(520px, 1.1fr);
	gap: 72px;
	align-items: center;
}

.se-hero-copy h1 {
	margin: 0 0 18px;
	color: #071f4a;
	font-size: clamp(30px, 3.05vw, 40px);
	line-height: 1.22;
	letter-spacing: 0;
}

.se-subtitle {
	margin: 0 0 18px;
	color: #455f82;
	font-size: 22px;
	font-weight: 500;
}

.se-desc {
	max-width: 560px;
	margin: 0;
	color: #536b8a;
	font-size: 15px;
	line-height: 1.9;
}

.se-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin: 36px 0 34px;
}

.se-tags span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #244f86;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}

.se-tags i {
	color: #0968ff;
	font-size: 16px;
}

.se-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}

.se-actions .hy-primary,
.se-actions .hy-secondary {
	min-width: 132px;
	justify-content: center;
}

.se-hero-visual {
	position: relative;
	min-height: 350px;
}

.se-hero-visual::before {
	content: "";
	position: absolute;
	left: -26px;
	right: 10px;
	bottom: 18px;
	height: 220px;
	border-radius: 48% 52% 34% 36%;
	background: linear-gradient(135deg, rgba(9, 104, 255, 0.16), rgba(9, 104, 255, 0.06));
}

.se-dashboard {
	position: relative;
	z-index: 1;
	width: min(560px, 100%);
	margin: 0 auto;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 28px 58px rgba(20, 92, 190, 0.2);
	overflow: hidden;
}

.se-window-bar {
	display: flex;
	align-items: center;
	gap: 5px;
	height: 34px;
	padding: 0 16px;
	background: linear-gradient(135deg, #2f7dff, #0754f2);
}

.se-window-bar span {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: rgba(255,255,255,0.72);
}

.se-window-bar i {
	margin-left: auto;
	width: 36px;
	height: 6px;
	border-radius: 99px;
	background: rgba(255,255,255,0.26);
}

.se-dashboard-body {
	display: grid;
	grid-template-columns: 124px 1fr 96px;
	gap: 18px;
	min-height: 238px;
	padding: 24px 24px 26px;
}

.se-board-left,
.se-board-main {
	border-radius: 8px;
	background: #f7fbff;
	box-shadow: inset 0 0 0 1px #e1ecff;
}

.se-board-left {
	padding: 18px 14px;
}

.se-board-left small {
	display: block;
	color: #6f84a4;
	font-size: 10px;
}

.se-board-left strong {
	display: block;
	margin: 10px 0 22px;
	color: #0968ff;
	font-size: 28px;
}

.se-board-left strong span {
	font-size: 12px;
}

.se-bars {
	display: flex;
	align-items: end;
	gap: 8px;
	height: 76px;
}

.se-bars i {
	flex: 1;
	border-radius: 3px 3px 0 0;
	background: linear-gradient(180deg, #2d82ff, #b7d6ff);
}

.se-bars i:nth-child(1) { height: 45%; }
.se-bars i:nth-child(2) { height: 66%; }
.se-bars i:nth-child(3) { height: 38%; }
.se-bars i:nth-child(4) { height: 74%; }
.se-bars i:nth-child(5) { height: 52%; }
.se-bars i:nth-child(6) { height: 82%; }

.se-board-main {
	position: relative;
	padding: 18px;
}

.se-filters {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.se-filters span {
	height: 26px;
	border-radius: 4px;
	background: #eef5ff;
}

.se-chart-line {
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 42px;
	height: 88px;
	background:
		linear-gradient(90deg, transparent 0 8%, rgba(9,104,255,0.17) 8% 9%, transparent 9% 100%),
		linear-gradient(180deg, transparent 0 32%, #dfeaff 32% 33%, transparent 33% 66%, #dfeaff 66% 67%, transparent 67%),
		linear-gradient(135deg, transparent 10%, #3386ff 11% 13%, transparent 14% 28%, #3386ff 29% 31%, transparent 32% 44%, #3386ff 45% 47%, transparent 48% 61%, #3386ff 62% 64%, transparent 65%);
}

.se-chart-dots {
	position: absolute;
	left: 42px;
	right: 42px;
	bottom: 78px;
	display: flex;
	justify-content: space-between;
}

.se-chart-dots i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #0968ff;
	box-shadow: 0 0 0 4px rgba(9,104,255,0.12);
}

.se-donut {
	align-self: start;
	justify-self: center;
	width: 82px;
	height: 82px;
	margin-top: 36px;
	border-radius: 50%;
	background: conic-gradient(#0968ff 0 38%, #ffc34d 38% 62%, #74d59c 62% 78%, #dfeaff 78% 100%);
	box-shadow: inset 0 0 0 18px #fff;
}

.se-float-card {
	position: absolute;
	z-index: 2;
	right: 0;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 116px;
	padding: 14px 16px;
	border-radius: 8px;
	color: #1c3860;
	background: rgba(255,255,255,0.96);
	box-shadow: 0 14px 30px rgba(40, 92, 170, 0.14);
	font-size: 14px;
	font-weight: 800;
}

.se-float-card i {
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	border-radius: 6px;
	color: #0968ff;
	background: #eef6ff;
}

.se-float-1 { top: 60px; }
.se-float-2 { top: 132px; }
.se-float-3 { top: 204px; }
.se-float-4 { top: 276px; }
.se-float-2 i { color: #ff9b21; background: #fff4e8; }
.se-float-3 i { color: #22b16f; background: #eafff4; }

.se-section {
	padding: 52px 0;
}

.se-tight {
	padding-top: 26px;
}

.se-title {
	text-align: center;
	margin-bottom: 38px;
}

.se-title h2 {
	position: relative;
	display: inline-block;
	margin: 0;
	color: #071f4a;
	font-size: 26px;
	line-height: 1.25;
	letter-spacing: 0;
}

.se-title h2::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -16px;
	width: 38px;
	height: 4px;
	border-radius: 99px;
	background: #0968ff;
	transform: translateX(-50%);
}

.se-challenge-grid,
.se-scene-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 18px;
}

.se-challenge-grid article {
	min-height: 160px;
	padding: 30px 24px 24px;
	border-radius: 8px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dce8fb, 0 14px 36px rgba(28, 86, 168, 0.06);
}

.se-challenge-grid i,
.se-module-grid i,
.se-value-strip i {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	color: #0968ff;
	background: #eef6ff;
}

.se-challenge-grid h3,
.se-scene-grid h3,
.se-module-grid h3,
.se-value-strip h3,
.se-case-grid h3 {
	margin: 18px 0 10px;
	color: #0d274f;
	font-size: 15px;
}

.se-challenge-grid p,
.se-scene-grid p,
.se-module-grid p,
.se-value-strip p,
.se-case-grid p {
	margin: 0;
	color: #536b8a;
	font-size: 12px;
	line-height: 1.7;
}

.se-scene-grid article {
	overflow: hidden;
	border-radius: 8px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dce8fb, 0 14px 36px rgba(28, 86, 168, 0.06);
}

.se-scene-dense {
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 12px;
}

.se-scene-grid img {
	display: block;
	width: 100%;
	height: 118px;
	object-fit: cover;
}

.se-scene-dense img {
	height: 92px;
}

.se-scene-grid div {
	padding: 14px 16px 18px;
}

.se-scene-grid h3 {
	margin: 0 0 8px;
}

.se-arch-section {
	padding-top: 34px;
}

.se-arch-layout {
	display: grid;
	grid-template-columns: 430px minmax(0, 1fr);
	gap: 42px;
	align-items: center;
}

.se-loop {
	position: relative;
	width: 330px;
	height: 330px;
	margin: 0 auto;
	border-radius: 50%;
	background: radial-gradient(circle, #eaf4ff 0 42%, #f6fbff 42% 100%);
}

.se-loop::before {
	content: "";
	position: absolute;
	inset: 78px;
	border-radius: 50%;
	background: #d8eaff;
}

.se-loop-center {
	position: absolute;
	inset: 112px;
	z-index: 2;
	display: grid;
	place-items: center;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.35;
	background: linear-gradient(135deg, #0b57ff, #2f82ff);
	box-shadow: 0 16px 32px rgba(9, 104, 255, 0.24);
}

.se-loop span {
	position: absolute;
	left: 50%;
	top: 50%;
	display: grid;
	justify-items: center;
	gap: 7px;
	width: 74px;
	color: #244f86;
	font-size: 12px;
	font-weight: 800;
	transform: rotate(var(--a)) translate(132px) rotate(var(--r)) translate(-50%, -50%);
	transform-origin: 0 0;
}

.se-loop i {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 8px;
	color: #0968ff;
	background: #fff;
	box-shadow: 0 8px 18px rgba(9,104,255,0.12);
}

.se-loop em {
	font-style: normal;
	white-space: nowrap;
}

.se-module-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 34px;
}

.se-module-grid article {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	min-height: 82px;
	padding: 15px 18px;
	border-radius: 8px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dce8fb, 0 12px 28px rgba(28, 86, 168, 0.04);
}

.se-module-grid h3 {
	margin: 0 0 6px;
}

.se-value-strip {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	border-radius: 8px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dce8fb, 0 14px 34px rgba(28, 86, 168, 0.06);
}

.se-value-strip article {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 4px 12px;
	align-items: center;
	min-height: 104px;
	padding: 20px 18px;
}

.se-value-strip article:not(:last-child) {
	border-right: 1px solid #e6eefb;
}

.se-value-strip i {
	grid-row: 1 / span 2;
}

.se-value-strip h3 {
	margin: 0;
}

.se-case-section {
	padding-top: 32px;
}

.se-case-head {
	position: relative;
}

.se-case-head > a {
	position: absolute;
	right: 0;
	top: 8px;
	color: #24568f;
	font-size: 13px;
	font-weight: 800;
}

.se-case-wrap {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) 34px;
	gap: 20px;
	align-items: center;
}

.se-case-wrap button {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 0;
	color: #12325d;
	background: transparent;
	cursor: default;
}

.se-case-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.se-case-grid article {
	min-height: 218px;
	padding: 24px 28px;
	border-radius: 8px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dce8fb, 0 14px 34px rgba(28, 86, 168, 0.06);
}

.se-case-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.se-case-top b {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	color: #0968ff;
	background: #eef6ff;
	font-size: 16px;
}

.se-case-top span {
	padding: 4px 12px;
	border-radius: 99px;
	color: #0968ff;
	background: #eef6ff;
	font-size: 12px;
	font-weight: 800;
}

.se-case-grid h3 {
	margin-top: 18px;
	font-size: 16px;
}

.se-case-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 26px;
}

.se-case-metrics strong {
	color: #0968ff;
	font-size: 16px;
	line-height: 1.25;
}

.se-case-metrics span {
	display: block;
	margin-top: 5px;
	color: #536b8a;
	font-size: 12px;
	font-weight: 500;
}

.se-stats {
	padding: 0 0 38px;
}

.se-stats-inner {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	overflow: hidden;
	border-radius: 8px;
	color: #fff;
	background: linear-gradient(135deg, #0346c9, #1f70ff);
	box-shadow: 0 18px 38px rgba(9, 104, 255, 0.2);
}

.se-stats strong {
	display: grid;
	place-items: center;
	min-height: 100px;
	font-size: 30px;
	line-height: 1.15;
}

.se-stats strong:not(:last-child) {
	border-right: 1px solid rgba(255,255,255,0.2);
}

.se-stats span {
	display: block;
	margin-top: 8px;
	font-size: 13px;
	font-weight: 600;
}

.se-bottom-cta {
	padding: 0 0 58px;
}

.se-bottom-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 390px;
	gap: 30px;
	align-items: center;
	min-height: 190px;
	padding: 32px 48px;
	border-radius: 8px;
	color: #fff;
	background:
		radial-gradient(circle at 82% 42%, rgba(255,255,255,0.18), transparent 24%),
		linear-gradient(135deg, #0a57f0, #2f85ff);
	box-shadow: 0 18px 38px rgba(9, 104, 255, 0.2);
	overflow: hidden;
}

.se-bottom-inner h2 {
	margin: 0;
	font-size: 28px;
	line-height: 1.25;
}

.se-bottom-inner p {
	margin: 14px 0 24px;
	color: rgba(255,255,255,0.84);
	font-size: 15px;
}

.se-bottom-inner img {
	width: 390px;
	max-width: 100%;
	filter: drop-shadow(0 18px 34px rgba(0,0,0,0.14));
}

.se-page.gov { --se-accent: #075ee8; --se-soft: #edf6ff; --se-hero-img: url("../images/generated/solution-government-hero.png"); }
.se-page.med { --se-accent: #16a7c7; --se-soft: #ecfbff; --se-hero-img: url("../images/generated/solution-medical-hero.png"); }

.se-page.med .med-challenge-section {
	background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
}

.se-page.med .med-challenge-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 16px;
}

.se-page.med .med-challenge-grid article {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 196px;
	padding: 28px 18px 24px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(28, 86, 168, 0.08);
	text-align: center;
}

.se-page.med .med-challenge-grid i {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	margin-bottom: 16px;
	border-radius: 50%;
	color: #fff;
	font-size: 18px;
	flex-shrink: 0;
}

.se-page.med .med-challenge-grid article:nth-child(1) i { background: #2196f3; }
.se-page.med .med-challenge-grid article:nth-child(2) i { background: #22c55e; }
.se-page.med .med-challenge-grid article:nth-child(3) i { background: #f59e0b; }
.se-page.med .med-challenge-grid article:nth-child(4) i { background: #8b5cf6; }
.se-page.med .med-challenge-grid article:nth-child(5) i { background: #ef4444; }

.se-page.med .med-challenge-grid h3 {
	margin: 0 0 10px;
	color: #0a2145;
	font-size: 15px;
	line-height: 1.35;
	font-weight: 800;
}

.se-page.med .med-challenge-grid p {
	margin: 0;
	color: #536b8a;
	font-size: 12px;
	line-height: 1.65;
}

.se-page.med .med-scene-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.se-page.med .med-scene-grid article {
	overflow: hidden;
	border: 1px solid #dbe7f8;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(28, 86, 168, 0.06);
}

.se-page.med .med-scene-grid img {
	display: block;
	width: 100%;
	height: 168px;
	object-fit: cover;
}

.se-page.med .med-scene-grid div {
	padding: 16px 18px 20px;
	border-top: 1px solid #e6eefb;
	text-align: left;
}

.se-page.med .med-scene-grid h3 {
	margin: 0 0 8px;
	color: #075ee8;
	font-size: 15px;
	line-height: 1.35;
	font-weight: 800;
}

.se-page.med .med-scene-grid p {
	margin: 0;
	color: #536b8a;
	font-size: 12px;
	line-height: 1.65;
}

.se-page.med .med-flow-row {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 0;
	align-items: stretch;
}

.se-page.med .med-flow-row article {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-height: 118px;
	padding: 18px 8px 14px;
	margin-right: 20px;
	border: 1px solid #dbe7f8;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(28, 86, 168, 0.06);
	text-align: center;
}

.se-page.med .med-flow-row article:last-child {
	margin-right: 0;
}

.se-page.med .med-flow-row article:not(:last-child)::after {
	content: "\f054";
	position: absolute;
	right: -14px;
	top: 50%;
	z-index: 2;
	color: #0968ff;
	font-family: "Font Awesome 6 Free";
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
	transform: translateY(-50%);
}

.se-page.med .med-flow-row i {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	margin-bottom: 12px;
	border-radius: 50%;
	color: #fff;
	background: #2196f3;
	font-size: 18px;
	flex-shrink: 0;
}

.se-page.med .med-flow-row article:nth-child(3) i {
	background: #16a7c7;
}

.se-page.med .med-flow-row h3 {
	margin: 0;
	color: #0a2145;
	font-size: 12px;
	line-height: 1.4;
	font-weight: 800;
}

.se-page.med .med-flow-note {
	max-width: 920px;
	margin: 22px auto 0;
	color: #536b8a;
	font-size: 12px;
	line-height: 1.75;
	text-align: center;
}

.se-page.med .med-capability-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
	gap: 28px;
	align-items: stretch;
}

.se-page.med .med-capability-panel,
.se-page.med .med-require-panel {
	display: grid;
	grid-template-rows: auto 1fr;
	min-height: 0;
}

.se-page.med .med-capability-inner {
	display: grid;
	grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
	gap: 18px;
	align-items: stretch;
	height: 100%;
	min-height: 100%;
}

.se-page.med .med-core-loop.se-loop {
	width: 280px;
	height: 280px;
	margin: 0 auto;
	align-self: center;
}

.se-page.med .med-core-loop.se-loop::before {
	inset: 66px;
}

.se-page.med .med-core-loop .se-loop-center {
	inset: 94px;
	font-size: 15px;
}

.se-page.med .med-core-loop.se-loop span {
	width: 68px;
	transform: rotate(var(--a)) translate(112px) rotate(var(--r)) translate(-50%, -50%);
}

.se-page.med .med-core-loop.se-loop i {
	width: 28px;
	height: 28px;
	font-size: 13px;
}

.se-page.med .med-core-loop.se-loop em {
	font-size: 11px;
}

.se-page.med .med-cap-list {
	display: flex;
	flex-direction: column;
	height: 100%;
	border: 1px solid #dbe7f8;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 6px 18px rgba(28, 86, 168, 0.06);
}

.se-page.med .med-cap-list article {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	flex: 1;
	min-height: 52px;
	padding: 11px 14px;
	border-bottom: 1px solid #e6eefb;
}

.se-page.med .med-cap-list article:last-child {
	border-bottom: 0;
}

.se-page.med .med-cap-list i {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border: 1px solid #cfe3ff;
	border-radius: 7px;
	color: #0968ff;
	background: #fff;
	font-size: 14px;
}

.se-page.med .med-cap-list article > div {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 6px;
	min-width: 0;
}

.se-page.med .med-cap-list h3 {
	margin: 0;
	color: #075ee8;
	font-size: 13px;
	line-height: 1.45;
	font-weight: 800;
	white-space: nowrap;
}

.se-page.med .med-cap-list p {
	margin: 0;
	color: #536b8a;
	font-size: 11px;
	line-height: 1.55;
}

.se-page.med .med-require-table {
	width: 100%;
	height: 100%;
	border: 1px solid #dbe7f8;
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 6px 18px rgba(28, 86, 168, 0.06);
	table-layout: fixed;
}

.se-page.med .med-require-table tbody {
	height: 100%;
}

.se-page.med .med-require-table tbody tr {
	height: 16.6667%;
}

.se-page.med .med-require-table th,
.se-page.med .med-require-table td {
	padding: 13px 16px;
	border-bottom: 1px solid #e6eefb;
	font-size: 12px;
	line-height: 1.6;
	text-align: left;
	vertical-align: middle;
}

.se-page.med .med-require-table thead th {
	background: #eef6ff;
	color: #075ee8;
	font-size: 13px;
	font-weight: 800;
}

.se-page.med .med-require-table tbody tr:last-child td {
	border-bottom: 0;
}

.se-page.med .med-require-table tbody td:first-child {
	width: 34%;
	color: #0a2145;
	font-weight: 700;
}

.se-page.med .med-require-table tbody td:last-child {
	color: #536b8a;
}

.se-page.med .med-value-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
}

.se-page.med .med-value-grid article {
	padding: 16px 14px 14px;
	border: 1px solid #dbe7f8;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(28, 86, 168, 0.06);
}

.se-page.med .med-value-head {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

.se-page.med .med-value-head i {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	flex-shrink: 0;
}

.se-page.med .med-value-grid article:nth-child(1) .med-value-head i { background: #16a7c7; }
.se-page.med .med-value-grid article:nth-child(2) .med-value-head i { background: #2196f3; }
.se-page.med .med-value-grid article:nth-child(3) .med-value-head i { background: #075ee8; }
.se-page.med .med-value-grid article:nth-child(4) .med-value-head i { background: #f59e0b; }
.se-page.med .med-value-grid article:nth-child(5) .med-value-head i { background: #3b82f6; }
.se-page.med .med-value-grid article:nth-child(6) .med-value-head i { background: #2563eb; }

.se-page.med .med-value-head h3 {
	margin: 0;
	color: #075ee8;
	font-size: 13px;
	line-height: 1.35;
	font-weight: 800;
}

.se-page.med .med-value-grid p {
	margin: 0;
	color: #536b8a;
	font-size: 11px;
	line-height: 1.6;
}

.se-page.med .med-target-grid {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 12px;
}

.se-page.med .med-target-grid article {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 52px;
	padding: 10px 12px;
	border: 1px solid #dbe7f8;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 4px 14px rgba(28, 86, 168, 0.05);
}

.se-page.med .med-target-grid i {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 6px;
	color: #0968ff;
	background: #edf6ff;
	font-size: 13px;
	flex-shrink: 0;
}

.se-page.med .med-target-grid span {
	color: #0a2145;
	font-size: 12px;
	line-height: 1.35;
	font-weight: 700;
}

.se-page.med .med-faq-board {
	padding: 18px 20px;
	border: 1px solid #dbe7f8;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(28, 86, 168, 0.06);
}

.se-page.med .med-faq-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 28px;
}

.se-page.med .med-faq-grid details {
	border-bottom: 1px solid #e6eefb;
}

.se-page.med .med-faq-grid details:last-child,
.se-page.med .med-faq-grid details:nth-last-child(2):nth-child(odd) {
	border-bottom: 0;
}

.se-page.med .med-faq-grid summary {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
	padding: 14px 0;
	color: #0a2145;
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
	list-style: none;
}

.se-page.med .med-faq-grid summary > span {
	flex: 1;
	min-width: 0;
	line-height: 1.45;
}

.se-page.med .med-faq-grid summary::-webkit-details-marker {
	display: none;
}

.se-page.med .med-faq-grid summary i {
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	color: #fff;
	background: #0968ff;
	font-size: 11px;
	flex-shrink: 0;
}

.se-page.med .med-faq-grid summary::after {
	content: "\f078";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	flex: 0 0 auto;
	color: #0968ff;
	font-size: 11px;
	transition: transform .2s ease;
}

.se-page.med .med-faq-grid details[open] summary::after {
	transform: rotate(180deg);
}

.se-page.med .med-faq-grid p {
	margin: 0 0 14px 30px;
	color: #536b8a;
	font-size: 12px;
	line-height: 1.65;
}

.se-page.med .se-bottom-cta {
	padding: 0 0 48px;
}

.se-page.med .se-bottom-inner {
	grid-template-columns: minmax(0, 1fr) 290px;
	gap: 16px;
	align-items: center;
	min-height: 0;
	padding: 20px 34px;
	border-radius: 12px;
}

.se-page.med .se-bottom-inner h2 {
	font-size: 24px;
	line-height: 1.3;
}

.se-page.med .se-bottom-inner p {
	margin: 8px 0 14px;
	font-size: 13px;
	line-height: 1.5;
}

.se-page.med .se-bottom-inner .se-actions {
	gap: 12px;
}

.se-page.med .se-bottom-inner .hy-white-btn,
.se-page.med .se-bottom-inner .hy-outline-light {
	min-height: 36px;
	padding: 0 18px;
	font-size: 13px;
	line-height: 36px;
}

.se-page.med .se-bottom-inner img {
	width: 290px;
	max-height: 138px;
	object-fit: contain;
	object-position: center right;
	align-self: center;
	margin: 0;
	filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.12));
}
.se-page.edu { --se-accent: #0c62e6; --se-soft: #f1f7ff; --se-hero-img: url("../images/generated/solution-education-hero-v3.png"); }

.edu-detail {
	background: #f6faff;
	color: #08234d;
}

.edu-detail .hy-header {
	background: rgba(255,255,255,0.96);
	box-shadow: 0 1px 0 rgba(21,74,145,0.08);
}

.edu-hero {
	position: relative;
	min-height: 430px;
	background:
		linear-gradient(90deg, rgba(239,247,255,0.99) 0%, rgba(239,247,255,0.96) 33%, rgba(239,247,255,0.58) 50%, rgba(239,247,255,0.08) 72%, rgba(239,247,255,0) 100%),
		url("../images/generated/solution-education-hero-v3.png") center right / cover no-repeat;
}

.edu-breadcrumb {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 40px;
	color: #6d7f99;
	font-size: 13px;
}

.edu-breadcrumb a,
.edu-breadcrumb strong {
	color: #516b91;
	font-weight: 700;
}

.edu-hero-inner {
	min-height: 322px;
	display: grid;
	align-items: center;
}

.edu-hero-copy {
	max-width: 560px;
	padding-bottom: 8px;
}

.edu-hero-copy h1 {
	margin: 0 0 14px;
	color: #08234d;
	font-size: clamp(30px, 3.05vw, 40px);
	line-height: 1.22;
	font-weight: 900;
}

.edu-kicker {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	margin: 0 0 18px;
	padding: 6px 18px;
	border-radius: 999px;
	color: #fff;
	background: #0c62e6;
	font-size: 13px;
	font-weight: 900;
}

.edu-hero-copy > p:not(.edu-kicker) {
	max-width: 500px;
	margin: 0;
	color: #405a7d;
	font-size: 13px;
	line-height: 1.9;
}

.edu-actions {
	display: flex;
	gap: 24px;
	margin-top: 28px;
}

.edu-actions a {
	min-width: 150px;
	height: 46px;
	justify-content: center;
	border-radius: 4px;
	font-weight: 900;
}

.edu-hero-tags {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	max-width: 560px;
	margin-top: -1px;
	padding: 12px 18px;
	border-radius: 8px;
	background: rgba(255,255,255,0.94);
	box-shadow: 0 10px 26px rgba(34,98,180,0.12);
}

.edu-hero-tags span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #244f86;
	font-size: 14px;
	font-weight: 900;
}

.edu-hero-tags i {
	color: #0c62e6;
}

.edu-card-section {
	padding: 18px 0;
	background: #f6faff;
}

.edu-card-section > .hy-shell {
	padding: 0;
}

.edu-pain-section > .hy-shell,
.edu-scene-section > .hy-shell,
.edu-loop-section > .hy-shell,
.edu-core-section > .hy-shell,
.edu-compare-section > .hy-shell,
.edu-result-section > .hy-shell,
.edu-deploy-section > .hy-shell,
.edu-case-section > .hy-shell,
.edu-faq-cta-inner {
	padding: 20px 22px;
	border-radius: 12px;
	background: rgba(255,255,255,0.98);
	box-shadow: 0 12px 32px rgba(31,89,162,0.08), inset 0 0 0 1px #e2ebf8;
}

.edu-title {
	margin-bottom: 18px;
}

.edu-title h2 {
	margin: 0;
	color: #08234d;
	font-size: 24px;
	line-height: 1.25;
	font-weight: 900;
}

.edu-pain-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
}

.edu-pain-grid article {
	min-height: 160px;
	padding: 24px 18px;
	border: 1px solid #dce8fb;
	border-radius: 8px;
	background: #fff;
	text-align: center;
}

.edu-pain-grid i,
.edu-core-grid i {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	margin: 0 auto 14px;
	border-radius: 10px;
	color: #0c62e6;
	background: #eef5ff;
	font-size: 20px;
}

.edu-pain-grid h3,
.edu-scene-grid h3,
.edu-core-grid h3,
.edu-result-grid h3 {
	margin: 0 0 8px;
	color: #10294f;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 900;
}

.edu-pain-grid p,
.edu-scene-grid p,
.edu-core-grid p {
	margin: 0;
	color: #536b8a;
	font-size: 12px;
	line-height: 1.65;
}

.edu-scene-grid {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 12px;
}

.edu-scene-grid article {
	position: relative;
	overflow: hidden;
	border: 1px solid #dce8fb;
	border-radius: 8px;
	background: #fff;
}

.edu-scene-grid img {
	display: block;
	width: 100%;
	height: 92px;
	object-fit: cover;
}

.edu-scene-grid span {
	position: absolute;
	left: 10px;
	top: 76px;
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	color: #fff;
	background: #0c62e6;
	font-size: 11px;
	font-weight: 900;
}

.edu-scene-grid h3 {
	margin: 16px 10px 6px;
}

.edu-scene-grid p {
	margin: 0 10px 14px;
}

.edu-loop-row {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	border: 1px solid #dce8fb;
	border-radius: 8px;
	background: #fff;
}

.edu-loop-row article {
	position: relative;
	min-height: 86px;
	padding: 16px 10px;
	text-align: center;
}

.edu-loop-row article:not(:last-child)::after {
	content: "";
	position: absolute;
	right: -8px;
	top: 29px;
	width: 16px;
	height: 1px;
	background: #0c62e6;
}

.edu-loop-row article:not(:last-child)::before {
	content: "";
	position: absolute;
	right: -10px;
	top: 25px;
	border: 5px solid transparent;
	border-left-color: #0c62e6;
}

.edu-loop-row i {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	margin: 0 auto 8px;
	border-radius: 50%;
	color: #0c62e6;
	background: #eef5ff;
	box-shadow: inset 0 0 0 1px #c8daf4;
}

.edu-loop-row h3 {
	margin: 0 0 4px;
	color: #10294f;
	font-size: 13px;
	font-weight: 900;
}

.edu-loop-row p {
	margin: 0;
	color: #536b8a;
	font-size: 10px;
	line-height: 1.45;
}

.edu-core-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0;
	overflow: hidden;
	border: 1px solid #dce8fb;
	border-radius: 8px;
	background: #fff;
}

.edu-core-grid article {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	min-height: 84px;
	padding: 16px 18px;
	background: #f8fbff;
}

.edu-core-grid article:nth-child(odd) {
	background: #fff;
}

.edu-core-grid i {
	margin: 0;
}

.edu-compare-table {
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: inset 0 0 0 1px #dce8fb;
	background: #fff;
	font-size: 13px;
}

.edu-compare-table th,
.edu-compare-table td {
	padding: 12px 16px;
	border: 1px solid #dce8fb;
	color: #405a7d;
	text-align: center;
}

.edu-compare-table th {
	color: #0c62e6;
	background: #eef5ff;
	font-weight: 900;
}

.edu-compare-table td:first-child {
	width: 140px;
	color: #fff;
	background: #0c62e6;
	font-weight: 900;
}

.edu-result-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

.edu-result-grid article {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	min-height: 88px;
	padding: 16px 18px;
	border-radius: 8px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dce8fb;
}

.edu-result-grid i {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 8px;
	color: #0c62e6;
	background: #eef5ff;
	font-size: 22px;
}

.edu-result-grid p {
	margin: 0;
	color: #536b8a;
	font-size: 12px;
	line-height: 1.55;
}

.edu-result-grid strong {
	color: #0c62e6;
	font-size: 30px;
	line-height: 1.1;
}

.edu-deploy-panel {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	overflow: hidden;
	border: 1px solid #dce8fb;
	border-radius: 8px;
	background: #fff;
}

.edu-deploy-panel > div {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	padding: 16px;
}

.edu-deploy-panel > div + div {
	border-left: 1px solid #dce8fb;
}

.edu-deploy-panel h3 {
	grid-column: 1 / -1;
	margin: 0 0 14px;
	color: #0c62e6;
	text-align: center;
	font-size: 14px;
}

.edu-deploy-panel span {
	display: grid;
	justify-items: center;
	gap: 8px;
	color: #10294f;
	font-size: 13px;
	font-weight: 900;
}

.edu-deploy-panel i {
	color: #0c62e6;
	font-size: 26px;
}

.edu-deploy-panel em {
	color: #536b8a;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
}

.edu-case-row {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
}

.edu-case-row span {
	display: grid;
	place-items: center;
	min-height: 68px;
	border: 1px solid #dce8fb;
	border-radius: 8px;
	color: #10294f;
	background: #fff;
	font-weight: 900;
	text-align: center;
}

.edu-case-section p {
	margin: 12px 0 0;
	color: #7c8ca5;
	text-align: center;
	font-size: 12px;
}

.edu-faq-cta-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(420px, 0.95fr);
	gap: 28px;
}

.edu-faq-list details {
	border: 1px solid #dce8fb;
	border-radius: 6px;
	background: #fff;
}

.edu-faq-list details + details {
	margin-top: 8px;
}

.edu-faq-list summary {
	padding: 13px 16px;
	color: #244f86;
	font-size: 14px;
	font-weight: 800;
	cursor: default;
}

.edu-faq-list p {
	margin: 0;
	padding: 0 16px 14px;
	color: #536b8a;
	font-size: 13px;
	line-height: 1.7;
}

.edu-blue-cta {
	position: relative;
	min-height: 258px;
	padding: 34px 32px;
	border-radius: 8px;
	color: #fff;
	background: linear-gradient(135deg, #095be8, #0069ff);
	overflow: hidden;
}

.edu-blue-cta h2 {
	margin: 0;
	font-size: 28px;
	line-height: 1.35;
}

.edu-blue-cta p {
	margin: 12px 0 22px;
	color: rgba(255,255,255,0.82);
}

.edu-blue-cta img {
	position: absolute;
	right: 20px;
	bottom: 0;
	width: 240px;
	max-height: 132px;
	object-fit: contain;
}

@media (max-width: 1100px) {
	.edu-pain-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.edu-scene-grid,
	.edu-loop-row {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.edu-loop-row article::before,
	.edu-loop-row article::after {
		display: none;
	}

	.edu-core-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.edu-result-grid,
	.edu-case-row {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.edu-deploy-panel,
	.edu-faq-cta-inner {
		grid-template-columns: 1fr;
	}

	.edu-deploy-panel > div + div {
		border-left: 0;
		border-top: 1px solid #dce8fb;
	}
}

@media (max-width: 720px) {
	.edu-hero {
		min-height: 560px;
		background:
			linear-gradient(180deg, rgba(239,247,255,0.98) 0%, rgba(239,247,255,0.94) 54%, rgba(239,247,255,0.44) 100%),
			url("../images/generated/solution-education-hero-v3.png") center bottom / auto 54% no-repeat;
	}

	.edu-hero-inner {
		align-items: start;
		padding-top: 24px;
	}

	.edu-hero-copy h1 {
		font-size: clamp(30px, 3.05vw, 40px);
	}

	.edu-hero-tags,
	.edu-pain-grid,
	.edu-scene-grid,
	.edu-loop-row,
	.edu-core-grid,
	.edu-result-grid,
	.edu-case-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.edu-deploy-panel > div {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.edu-compare-table {
		min-width: 760px;
	}

	.edu-compare-section .hy-shell {
		overflow-x: auto;
	}
}

@media (max-width: 520px) {
	.edu-actions {
		flex-direction: column;
		gap: 12px;
	}

	.edu-hero-tags,
	.edu-pain-grid,
	.edu-scene-grid,
	.edu-loop-row,
	.edu-core-grid,
	.edu-result-grid,
	.edu-case-row {
		grid-template-columns: 1fr;
	}

	.edu-faq-cta-inner {
		padding: 16px;
	}

	.edu-blue-cta {
		padding: 24px 20px 120px;
	}

	.edu-blue-cta h2 {
		font-size: 22px;
	}
}
.se-page.fin { --se-accent: #d9aa58; --se-soft: #fff7e8; --se-hero-img: url("../images/generated/solution-finance-hero-v2.png"); }
.se-page.energy { --se-accent: #0b75ff; --se-soft: #edf7ff; --se-hero-img: url("../images/generated/solution-energy-hero.png"); }
.se-page.energy .energy-section-title {
	position: relative;
	margin-bottom: 24px;
	padding-left: 13px;
	text-align: left;
}

.se-page.energy .energy-section-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 4px;
	height: 18px;
	border-radius: 2px;
	background: #0b75ff;
}

.se-page.energy .energy-section-title h2 {
	margin: 0;
	color: #071f4a;
	font-size: 22px;
	line-height: 1.25;
	font-weight: 900;
	letter-spacing: 0;
}

.se-page.energy .energy-challenge-grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 14px;
}

.se-page.energy .energy-challenge-grid article {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	grid-template-rows: auto auto;
	gap: 0 10px;
	align-items: start;
	min-width: 0;
}

.se-page.energy .energy-challenge-grid i {
	display: grid;
	grid-row: 1 / span 2;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	color: #0968ff;
	background: #edf6ff;
	font-size: 16px;
	flex-shrink: 0;
}

.se-page.energy .energy-challenge-grid h3 {
	margin: 0 0 6px;
	grid-column: 2;
	grid-row: 1;
	color: #0a2145;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 800;
	white-space: nowrap;
}

.se-page.energy .energy-challenge-grid p {
	margin: 0;
	grid-column: 2;
	grid-row: 2;
	color: #405a79;
	font-size: 12px;
	line-height: 1.6;
}

.se-page.energy .energy-scene-grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 12px;
}

.se-page.energy .energy-scene-grid article {
	overflow: hidden;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #dbe7f8;
	box-shadow: 0 8px 22px rgba(28, 86, 168, 0.05);
}

.se-page.energy .energy-scene-media {
	position: relative;
}

.se-page.energy .energy-scene-media img {
	display: block;
	width: 100%;
	height: 108px;
	object-fit: cover;
	background: #eef6ff;
}

.se-page.energy .energy-scene-no {
	position: absolute;
	left: 10px;
	bottom: -13px;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border: 2px solid #fff;
	border-radius: 50%;
	color: #fff;
	background: linear-gradient(135deg, #075ee8, #2f8bff);
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	box-shadow: 0 6px 14px rgba(9, 104, 255, 0.22);
}

.se-page.energy .energy-scene-body {
	padding: 22px 10px 12px;
}

.se-page.energy .energy-scene-grid h3 {
	margin: 0 0 6px;
	color: #0a2145;
	font-size: 13px;
	line-height: 1.35;
	font-weight: 800;
	text-align: left;
}

.se-page.energy .energy-scene-grid p {
	margin: 0;
	color: #405a79;
	font-size: 11px;
	line-height: 1.55;
	text-align: left;
}

.se-page.coal { --se-accent: #f5b02e; --se-soft: #fff8e8; --se-hero-img: url("../images/generated/solution-coal-hero.png"); }
.se-page.training { --se-accent: #0b75ff; --se-soft: #eef6ff; --se-hero-img: url("../images/generated/solution-training-hero.png"); }
.se-page.chemical { --se-accent: #0b75ff; --se-soft: #eef6ff; --se-hero-img: url("../images/generated/solution-chemical-hero.png"); }
.se-page.construction { --se-accent: #ff6a19; --se-soft: #fff4eb; --se-hero-img: url("../images/generated/solution-construction-hero.png"); }
.se-page.transport { --se-accent: #0b75ff; --se-soft: #eef8ff; --se-hero-img: url("../images/generated/solution-transport-hero.png"); }
.se-page.tobacco { --se-accent: #19a66a; --se-soft: #edfdf5; --se-hero-img: url("../images/generated/solution-tobacco-hero.png"); }
.se-page.communication { --se-accent: #2563ff; --se-soft: #eef4ff; --se-hero-img: url("../images/generated/solution-communication-hero.png"); }
.se-page.noncoal { --se-accent: #ff7a1a; --se-soft: #fff4eb; --se-hero-img: url("../images/generated/solution-noncoal-hero.png"); }
.se-page.group { --se-accent: #0b75ff; --se-soft: #eef4ff; --se-hero-img: url("../images/generated/solution-group-hero.png"); }

.se-page.gov .se-hero,
.se-page.med .se-hero,
.se-page.edu .se-hero,
.se-page.energy .se-hero,
.se-page.training .se-hero,
.se-page.chemical .se-hero,
.se-page.transport .se-hero,
.se-page.tobacco .se-hero,
.se-page.communication .se-hero,
.se-page.noncoal .se-hero,
.se-page.construction .se-hero {
	background:
		linear-gradient(90deg, rgba(244,249,255,0.98) 0%, rgba(244,249,255,0.9) 42%, rgba(244,249,255,0.5) 70%, rgba(244,249,255,0.2) 100%),
		var(--se-hero-img) center right / auto 100% no-repeat,
		linear-gradient(180deg, #f4f9ff 0%, #edf6ff 100%);
}

.se-page.fin .se-hero,
.se-page.coal .se-hero,
.se-page.group .se-hero {
	color: #fff;
	background:
		linear-gradient(90deg, rgba(3,18,49,0.98) 0%, rgba(5,31,73,0.96) 48%, rgba(6,37,85,0.72) 100%),
		var(--se-hero-img) center right / auto 100% no-repeat,
		#061537;
}

.se-page.fin .se-breadcrumb,
.se-page.fin .se-breadcrumb a,
.se-page.fin .se-breadcrumb strong,
.se-page.fin .se-hero-copy h1,
.se-page.fin .se-subtitle,
.se-page.fin .se-desc,
.se-page.fin .se-tags span,
.se-page.coal .se-breadcrumb,
.se-page.coal .se-breadcrumb a,
.se-page.coal .se-breadcrumb strong,
.se-page.coal .se-hero-copy h1,
.se-page.coal .se-subtitle,
.se-page.coal .se-desc,
.se-page.coal .se-tags span,
.se-page.group .se-breadcrumb,
.se-page.group .se-breadcrumb a,
.se-page.group .se-breadcrumb strong,
.se-page.group .se-hero-copy h1,
.se-page.group .se-subtitle,
.se-page.group .se-desc,
.se-page.group .se-tags span {
	color: #fff;
}

.se-page.fin .hy-primary,
.se-page.coal .hy-primary,
.se-page.group .hy-primary {
	color: #061537;
	background: linear-gradient(135deg, #ffe0a3, #d9aa58);
	box-shadow: 0 14px 28px rgba(217,170,88,0.24);
}

.se-page.fin .se-stats-inner,
.se-page.fin .se-bottom-inner,
.se-page.coal .se-stats-inner,
.se-page.coal .se-bottom-inner,
.se-page.group .se-stats-inner,
.se-page.group .se-bottom-inner {
	background: linear-gradient(135deg, #061537, #073b88);
}

.se-page.fin .se-title h2::after,
.se-page.fin .se-tags i,
.se-page.fin .se-challenge-grid i,
.se-page.fin .se-module-grid i,
.se-page.fin .se-value-strip i,
.se-page.fin .se-case-metrics strong {
	color: var(--se-accent);
}

.se-page.fin .se-title h2::after {
	background: var(--se-accent);
}

.se-page.fin .se-hero {
	min-height: 430px;
	padding: 0;
	overflow: hidden;
	background:
		linear-gradient(90deg, rgba(3,18,49,0.99) 0%, rgba(3,18,49,0.96) 34%, rgba(3,18,49,0.68) 52%, rgba(3,18,49,0.18) 76%, rgba(3,18,49,0) 100%),
		var(--se-hero-img) center right / cover no-repeat,
		#061537;
}

.se-page.fin .se-hero::after {
	display: none;
}

.se-page.fin .se-hero-grid {
	grid-template-columns: minmax(560px, 0.52fr) minmax(0, 1fr);
	gap: 0;
	min-height: 430px;
	align-items: center;
}

.se-page.fin .se-hero-copy {
	position: relative;
	z-index: 2;
	max-width: 650px;
	padding: 44px 0 36px;
}

.se-page.fin .se-hero-copy h1 {
	margin-bottom: 14px;
	color: #fff;
	font-size: clamp(30px, 3.05vw, 40px);
	line-height: 1.18;
	text-shadow: 0 8px 24px rgba(0,0,0,0.22);
}

.se-page.fin .se-subtitle {
	max-width: 620px;
	margin-bottom: 10px;
	color: #ffd98b;
	font-size: 16px;
	line-height: 1.75;
	font-weight: 800;
}

.se-page.fin .se-desc {
	max-width: 640px;
	color: rgba(236,244,255,0.9);
	font-size: 14px;
	line-height: 1.8;
}

.se-page.fin .se-actions {
	margin-top: 24px;
	gap: 18px;
}

.se-page.fin .se-actions .hy-primary,
.se-page.fin .se-actions .hy-secondary {
	min-width: 142px;
	height: 46px;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 800;
}

.se-page.fin .se-actions .hy-primary {
	color: #2d210b;
	background: linear-gradient(135deg, #ffe7b0 0%, #e0b15d 100%);
	box-shadow: 0 12px 28px rgba(224,177,93,0.26);
}

.se-page.fin .se-actions .hy-secondary {
	color: #fff;
	border: 1px solid rgba(255,255,255,0.66);
	background: rgba(6,21,55,0.28);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}

.se-page.fin .finance-hero-tags {
	gap: 10px;
	margin: 24px 0 0;
}

.se-page.fin .finance-hero-tags span {
	height: 34px;
	padding: 0 12px;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 4px;
	color: rgba(255,255,255,0.92);
	background: rgba(5,20,52,0.5);
	backdrop-filter: blur(8px);
	box-shadow: 0 10px 24px rgba(0,0,0,0.15);
	font-size: 14px;
}

.se-page.fin .finance-hero-tags i {
	color: #f0bd65;
}

.se-page.fin .finance-challenge-section {
	padding-bottom: 34px;
	background: #fff;
}

.se-page.fin .finance-scene-section {
	padding-top: 8px;
	background: #fff;
}

.se-page.fin .finance-challenge-section .se-title,
.se-page.fin .finance-scene-section .se-title {
	margin-bottom: 24px;
	text-align: left;
}

.se-page.fin .finance-challenge-section .se-title h2,
.se-page.fin .finance-scene-section .se-title h2 {
	font-size: 26px;
	font-weight: 900;
}

.se-page.fin .finance-challenge-section .se-title h2::after,
.se-page.fin .finance-scene-section .se-title h2::after {
	display: none;
}

.se-page.fin .finance-challenge-grid,
.se-page.fin .finance-scene-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
}

.se-page.fin .finance-challenge-grid article {
	min-height: 176px;
	padding: 22px 18px 18px;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px #e3ebf7, 0 10px 24px rgba(19, 56, 105, 0.04);
	text-align: center;
}

.se-page.fin .finance-challenge-grid i {
	width: 44px;
	height: 44px;
	margin: 0 auto 16px;
	border-radius: 12px;
	color: #244f9b;
	background: linear-gradient(180deg, #eef5ff 0%, #e7efff 100%);
	box-shadow: inset 0 0 0 1px #cddcf5;
	font-size: 20px;
}

.se-page.fin .finance-challenge-grid h3,
.se-page.fin .finance-scene-grid h3 {
	margin: 0 0 8px;
	color: #10294f;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 900;
}

.se-page.fin .finance-challenge-grid p,
.se-page.fin .finance-scene-grid p {
	color: #586d88;
	font-size: 12px;
	line-height: 1.65;
}

.se-page.fin .finance-scene-grid article {
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px #e3ebf7, 0 10px 24px rgba(19, 56, 105, 0.04);
}

.se-page.fin .finance-scene-grid img {
	height: 112px;
	object-fit: cover;
}

.se-page.fin .finance-scene-grid div {
	padding: 13px 14px 16px;
}

.se-page.fin .finance-land-section {
	padding-top: 36px;
	background: #fff;
}

.se-page.fin .finance-land-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 390px;
	gap: 54px;
	align-items: stretch;
}

.se-page.fin .finance-land-left,
.se-page.fin .finance-land-right {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.se-page.fin .finance-land-section .se-title {
	margin-bottom: 24px;
	text-align: left;
}

.se-page.fin .finance-land-section .se-title h2 {
	color: #071f4a;
	font-size: 26px;
	font-weight: 900;
}

.se-page.fin .finance-land-section .se-title h2::after {
	display: none;
}

.se-page.fin .finance-land-content {
	display: grid;
	grid-template-columns: 180px minmax(440px, 1fr);
	gap: 22px;
	align-items: center;
	flex: 1;
}

.se-page.fin .finance-land-content > p {
	margin: 0;
	color: #425a7b;
	font-size: 14px;
	line-height: 1.9;
}

.se-page.fin .finance-land-map {
	position: relative;
	min-height: 470px;
	width: min(100%, 560px);
	margin-left: auto;
}

.se-page.fin .finance-land-map::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 218px;
	height: 218px;
	border: 1px dashed rgba(37,83,162,0.34);
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.se-page.fin .finance-land-map::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 118px;
	height: 118px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,0.12) 0 44%, transparent 45% 100%);
	box-shadow: 0 0 0 10px rgba(36,79,155,0.08), 0 0 0 18px rgba(36,79,155,0.04);
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.se-page.fin .finance-land-core {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	display: grid;
	place-items: center;
	width: 108px;
	height: 108px;
	border: 4px solid #fff;
	border-radius: 50%;
	color: #fff;
	background: radial-gradient(circle at 35% 28%, #234d98, #061f4f);
	box-shadow: 0 10px 24px rgba(6,31,79,0.26), 0 0 0 1px #cddcf5;
	text-align: center;
	transform: translate(-50%, -50%);
}

.se-page.fin .finance-land-core i {
	font-size: 28px;
}

.se-page.fin .finance-land-core strong {
	display: block;
	margin-top: -8px;
	font-size: 15px;
	line-height: 1.35;
}

.se-page.fin .land-card {
	position: absolute;
	z-index: 1;
	width: 152px;
	height: 72px;
	padding: 10px 12px;
	border: 1px solid #bed0ec;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 8px 18px rgba(21,65,130,0.06);
}

.se-page.fin .land-card::before {
	content: "";
	position: absolute;
	top: 50%;
	width: var(--line, 64px);
	border-top: 1px solid #7fa2d8;
}

.se-page.fin .land-card::after {
	content: "";
	position: absolute;
	top: calc(50% - 3px);
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #244f9b;
}

.se-page.fin .land-left::before {
	right: calc(var(--line, 64px) * -1);
}

.se-page.fin .land-left::after {
	right: calc((var(--line, 64px) + 4px) * -1);
}

.se-page.fin .land-right::before {
	left: calc(var(--line, 64px) * -1);
}

.se-page.fin .land-right::after {
	left: calc((var(--line, 64px) + 4px) * -1);
}

.se-page.fin .land-card h3 {
	margin: 0 0 4px;
	color: #173d7d;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.25;
}

.se-page.fin .land-card p {
	margin: 0;
	color: #536b8a;
	font-size: 10px;
	line-height: 1.42;
}

.se-page.fin .land-1 { --line: 58px; left: 10px; top: 0; }
.se-page.fin .land-2 { --line: 84px; left: 0; top: 98px; }
.se-page.fin .land-3 { --line: 128px; left: 0; top: 196px; }
.se-page.fin .land-4 { --line: 84px; left: 0; top: 294px; }
.se-page.fin .land-5 { --line: 58px; left: 10px; top: 392px; }
.se-page.fin .land-6 { --line: 58px; right: 10px; top: 0; }
.se-page.fin .land-7 { --line: 84px; right: 0; top: 98px; }
.se-page.fin .land-8 { --line: 128px; right: 0; top: 196px; }
.se-page.fin .land-9 { --line: 84px; right: 0; top: 294px; }
.se-page.fin .land-10 { --line: 58px; right: 10px; top: 392px; }

.se-page.fin .finance-key-list {
	flex: 1;
	display: grid;
	grid-template-rows: repeat(6, minmax(0, 1fr));
	overflow: hidden;
	border: 1px solid #dbe6f6;
	border-radius: 6px;
	background: #fff;
}

.se-page.fin .finance-key-list article {
	display: grid;
	grid-template-columns: 148px minmax(0, 1fr);
	gap: 0;
	align-items: center;
	min-height: 0;
	padding: 0;
	background: #fff;
}

.se-page.fin .finance-key-list article:not(:last-child) {
	border-bottom: 1px solid #e5edf8;
}

.se-page.fin .finance-key-name {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 7px;
	align-items: center;
	align-self: stretch;
	padding: 0 10px;
	background: #eef5ff;
}

.se-page.fin .finance-key-list i {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	margin: 0 auto;
	color: #244f9b;
	font-size: 16px;
}

.se-page.fin .finance-key-list h3 {
	margin: 0;
	color: #173d7d;
	font-size: 13px;
	line-height: 1.35;
	font-weight: 900;
}

.se-page.fin .finance-key-list p {
	margin: 0;
	padding: 12px 14px;
	color: #536b8a;
	font-size: 11px;
	line-height: 1.7;
}

.se-page.fin .finance-value-section,
.se-page.fin .finance-deploy-section,
.se-page.fin .finance-process-section {
	padding-top: 24px;
	background: #fff;
}

.se-page.fin .finance-value-section .se-title,
.se-page.fin .finance-deploy-section .se-title,
.se-page.fin .finance-process-section .se-title {
	margin-bottom: 18px;
	text-align: left;
}

.se-page.fin .finance-value-section .se-title h2,
.se-page.fin .finance-deploy-section .se-title h2,
.se-page.fin .finance-process-section .se-title h2 {
	font-size: 24px;
	font-weight: 900;
}

.se-page.fin .finance-value-section .se-title h2::after,
.se-page.fin .finance-deploy-section .se-title h2::after,
.se-page.fin .finance-process-section .se-title h2::after {
	display: none;
}

.se-page.fin .finance-value-row {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 0;
	padding: 18px 16px;
	border-radius: 10px;
	background: #f5f9ff;
	box-shadow: inset 0 0 0 1px #e5edf8;
}

.se-page.fin .finance-value-row article {
	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
	gap: 10px;
	align-items: start;
	min-height: 86px;
	padding: 0 14px;
	min-width: 0;
	text-align: center;
}

.se-page.fin .finance-value-row article:not(:last-child) {
	border-right: 1px solid #e1eaf7;
}

.se-page.fin .finance-value-row i,
.se-page.fin .finance-deploy-grid i {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	color: #244f9b;
	background: #e9f2ff;
	box-shadow: inset 0 0 0 1px #c9daf4;
	font-size: 16px;
}

.se-page.fin .finance-value-row i {
	margin: 0 auto;
}

.se-page.fin .finance-value-row h3,
.se-page.fin .finance-deploy-grid h3 {
	margin: 0 0 6px;
	color: #10294f;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 900;
	word-break: keep-all;
	overflow-wrap: normal;
}

.se-page.fin .finance-value-row p,
.se-page.fin .finance-deploy-grid p {
	margin: 0;
	color: #536b8a;
	font-size: 11px;
	line-height: 1.6;
	word-break: normal;
	overflow-wrap: normal;
}

.se-page.fin .finance-value-row p {
	max-width: 132px;
	margin: 0 auto;
}

.se-page.fin .finance-deploy-section .hy-shell {
	padding: 20px 24px 18px;
	border-radius: 10px;
	background: #f5f9ff;
	box-shadow: inset 0 0 0 1px #e5edf8;
}

.se-page.fin .finance-deploy-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 26px;
}

.se-page.fin .finance-deploy-grid article {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	min-height: 78px;
	padding: 16px 20px;
	border-radius: 6px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dce8fb;
}

.se-page.fin .finance-security-note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 18px 0 0;
	color: #244f86;
	font-size: 14px;
	line-height: 1.7;
	font-weight: 700;
	text-align: center;
}

.se-page.fin .finance-security-note i {
	color: #244f9b;
	font-size: 18px;
}

.se-page.fin .finance-process-flow {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 24px;
	position: relative;
	padding-top: 10px;
}

.se-page.fin .finance-process-flow article {
	position: relative;
	text-align: center;
}

.se-page.fin .finance-process-flow article:not(:last-child)::before {
	content: "";
	position: absolute;
	left: calc(50% + 25px);
	top: 20px;
	width: calc(100% - 26px);
	height: 1px;
	background: #244f9b;
}

.se-page.fin .finance-process-flow article:not(:last-child)::after {
	content: "";
	position: absolute;
	left: calc(100% + 2px);
	top: 16px;
	border: 5px solid transparent;
	border-left-color: #244f9b;
}

.se-page.fin .finance-process-flow i {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	margin: 0 auto 10px;
	border-radius: 50%;
	color: #244f9b;
	background: #eef5ff;
	box-shadow: inset 0 0 0 1px #c8daf4, 0 0 0 4px #fff;
	font-size: 18px;
}

.se-page.fin .finance-process-flow h3 {
	margin: 0 0 4px;
	color: #10294f;
	font-size: 14px;
	font-weight: 900;
}

.se-page.fin .finance-process-flow p {
	margin: 0 auto;
	max-width: 138px;
	color: #536b8a;
	font-size: 11px;
	line-height: 1.55;
}

.se-page.gov .se-hero,
.se-page.med .se-hero,
.se-page.edu .se-hero,
.se-page.fin .se-hero,
.se-page.energy .se-hero,
.se-page.coal .se-hero,
.se-page.training .se-hero,
.se-page.chemical .se-hero,
.se-page.construction .se-hero,
.se-page.transport .se-hero,
.se-page.tobacco .se-hero,
.se-page.communication .se-hero,
.se-page.noncoal .se-hero,
.se-page.group .se-hero {
	min-height: 520px;
}

.se-page.gov .se-hero-grid,
.se-page.med .se-hero-grid,
.se-page.edu .se-hero-grid,
.se-page.fin .se-hero-grid,
.se-page.energy .se-hero-grid,
.se-page.coal .se-hero-grid,
.se-page.training .se-hero-grid,
.se-page.chemical .se-hero-grid,
.se-page.construction .se-hero-grid,
.se-page.transport .se-hero-grid,
.se-page.tobacco .se-hero-grid,
.se-page.communication .se-hero-grid,
.se-page.noncoal .se-hero-grid,
.se-page.group .se-hero-grid {
	grid-template-columns: minmax(0, 0.72fr) minmax(420px, 1fr);
	min-height: 410px;
}

.se-page.gov .se-hero-visual,
.se-page.med .se-hero-visual,
.se-page.edu .se-hero-visual,
.se-page.fin .se-hero-visual,
.se-page.energy .se-hero-visual,
.se-page.coal .se-hero-visual,
.se-page.training .se-hero-visual,
.se-page.chemical .se-hero-visual,
.se-page.construction .se-hero-visual,
.se-page.transport .se-hero-visual,
.se-page.tobacco .se-hero-visual,
.se-page.communication .se-hero-visual,
.se-page.noncoal .se-hero-visual,
.se-page.group .se-hero-visual {
	display: none;
}

.se-page.gov .se-hero-copy,
.se-page.med .se-hero-copy,
.se-page.edu .se-hero-copy,
.se-page.fin .se-hero-copy,
.se-page.energy .se-hero-copy,
.se-page.coal .se-hero-copy,
.se-page.training .se-hero-copy,
.se-page.chemical .se-hero-copy,
.se-page.construction .se-hero-copy,
.se-page.transport .se-hero-copy,
.se-page.tobacco .se-hero-copy,
.se-page.communication .se-hero-copy,
.se-page.noncoal .se-hero-copy,
.se-page.group .se-hero-copy {
	align-self: center;
}

.se-page.fin .se-hero {
	min-height: 430px;
	padding: 0;
	background:
		linear-gradient(90deg, rgba(3,18,49,0.99) 0%, rgba(3,18,49,0.96) 34%, rgba(3,18,49,0.68) 52%, rgba(3,18,49,0.18) 76%, rgba(3,18,49,0) 100%),
		var(--se-hero-img) center right / cover no-repeat,
		#061537;
}

.se-page.fin .se-hero-grid {
	grid-template-columns: minmax(560px, 0.52fr) minmax(0, 1fr);
	min-height: 430px;
}

.se-page.fin .se-hero-copy {
	max-width: 650px;
	padding: 44px 0 36px;
}

.se-page.gov .se-hero {
	min-height: 414px;
	padding: 0;
	background:
		linear-gradient(90deg, rgba(247,251,255,0.99) 0%, rgba(247,251,255,0.96) 30%, rgba(247,251,255,0.78) 45%, rgba(247,251,255,0.26) 68%, rgba(247,251,255,0) 100%),
		var(--se-hero-img) center right / cover no-repeat,
		linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
}

.se-page.gov .se-hero::after {
	display: none;
}

.se-page.gov .se-breadcrumb {
	display: none;
}

.se-page.gov .se-hero-grid {
	grid-template-columns: minmax(500px, 0.56fr) minmax(0, 1fr);
	gap: 0;
	min-height: 414px;
	align-items: center;
}

.se-page.gov .se-hero-copy {
	position: relative;
	z-index: 2;
	max-width: 620px;
	padding: 42px 0 34px;
}

.se-page.gov .sl-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
	padding: 7px 13px;
	border: 1px solid rgba(7, 94, 232, 0.28);
	border-radius: 6px;
	color: #075ee8;
	background: rgba(255,255,255,0.76);
	box-shadow: 0 8px 22px rgba(43, 113, 204, 0.08);
	font-size: 13px;
	font-weight: 800;
}

.se-page.gov .sl-kicker i {
	font-size: 15px;
}

.se-page.gov .se-hero-copy h1 {
	margin-bottom: 12px;
	color: #071b4a;
	font-size: clamp(30px, 3.05vw, 40px);
	line-height: 1.18;
	font-weight: 900;
}

.se-page.gov .se-subtitle {
	margin-bottom: 14px;
	color: #112e61;
	font-size: 17px;
	line-height: 1.5;
	font-weight: 800;
}

.se-page.gov .se-desc {
	max-width: 560px;
	color: #4c6280;
	font-size: 15px;
	line-height: 1.78;
}

.se-page.gov .se-actions {
	gap: 26px;
	margin-top: 22px;
}

.se-page.gov .se-actions .hy-primary,
.se-page.gov .se-actions .hy-secondary {
	min-width: 142px;
	height: 44px;
	border-radius: 5px;
	font-size: 15px;
	font-weight: 800;
}

.se-page.gov .se-actions .hy-secondary {
	color: #075ee8;
	border-color: #075ee8;
	background: rgba(255,255,255,0.72);
}

.se-page.gov .gov-hero-tags {
	display: grid;
	grid-template-columns: repeat(5, max-content);
	gap: 0;
	width: fit-content;
	margin: 34px 0 0;
	padding: 0 12px;
	border-radius: 8px;
	background: rgba(255,255,255,0.9);
	box-shadow: 0 12px 28px rgba(41, 91, 161, 0.1), inset 0 0 0 1px rgba(211, 226, 247, 0.8);
	backdrop-filter: blur(8px);
}

.se-page.gov .gov-hero-tags span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 48px;
	padding: 0 16px;
	color: #162f5e;
	font-size: 14px;
	font-weight: 800;
}

.se-page.gov .gov-hero-tags i {
	color: #075ee8;
	font-size: 16px;
}

.se-page.gov .se-mini-stat {
	margin-top: 0;
}

.se-page.gov .gov-showcase {
	background:
		radial-gradient(circle at 50% 0%, rgba(9, 104, 255, 0.09), transparent 42%),
		linear-gradient(180deg, #f7fbff 0%, #fff 100%);
}

.se-page.gov .gov-challenge-section {
	padding: 52px 0 44px;
}

.se-page.gov .gov-scenes-section {
	padding-top: 36px;
}

.se-page.gov .gov-showcase .se-title {
	margin-bottom: 26px;
}

.se-page.gov .gov-showcase .se-title h2 {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	color: #071f4a;
	font-size: 26px;
	font-weight: 900;
}

.se-page.gov .gov-showcase .se-title h2::before,
.se-page.gov .gov-showcase .se-title h2::after {
	content: "";
	position: static;
	display: block;
	width: 54px;
	height: 8px;
	border-radius: 0;
	background:
		radial-gradient(circle at right center, #0968ff 0 2px, transparent 3px),
		linear-gradient(90deg, transparent 0%, rgba(9,104,255,0.08) 10%, #0968ff 76%, transparent 100%);
	box-shadow: none;
	transform: none;
}

.se-page.gov .gov-showcase .se-title h2::after {
	background:
		radial-gradient(circle at left center, #0968ff 0 2px, transparent 3px),
		linear-gradient(90deg, transparent 0%, #0968ff 24%, rgba(9,104,255,0.08) 90%, transparent 100%);
}

.se-page.gov .gov-challenge-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 20px;
}

.se-page.gov .gov-challenge-grid article {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 176px;
	padding: 26px 20px 22px;
	text-align: center;
	border: 1px solid #dce8fb;
	border-radius: 8px;
	background: rgba(255,255,255,0.94);
	box-shadow: 0 12px 26px rgba(26, 79, 153, 0.11);
}

.se-page.gov .gov-challenge-grid i {
	width: 54px;
	height: 54px;
	margin: 0 auto 14px;
	border-radius: 0;
	color: #0968ff;
	background: transparent;
	font-size: 40px;
}

.se-page.gov .gov-challenge-grid h3 {
	margin: 0 0 10px;
	color: #0c2a63;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.35;
}

.se-page.gov .gov-challenge-grid p {
	max-width: 150px;
	color: #3f4e66;
	font-size: 12px;
	line-height: 1.7;
	font-weight: 500;
}

.se-page.gov .gov-scene-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
}

.se-page.gov .gov-scene-grid article {
	position: relative;
	overflow: hidden;
	border: 1px solid #dce8fb;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 12px 26px rgba(26, 79, 153, 0.11);
}

.se-page.gov .gov-scene-grid img {
	height: 136px;
	object-fit: cover;
}

.se-page.gov .gov-scene-grid div {
	position: relative;
	min-height: 126px;
	padding: 28px 14px 16px;
	text-align: center;
}

.se-page.gov .gov-scene-grid div span {
	position: absolute;
	left: 50%;
	top: -24px;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 4px solid #fff;
	border-radius: 50%;
	color: #fff;
	background: linear-gradient(135deg, #075ee8, #2f8bff);
	box-shadow: 0 8px 18px rgba(9, 104, 255, 0.24);
	transform: translateX(-50%);
}

.se-page.gov .gov-scene-grid div span i {
	font-size: 16px;
}

.se-page.gov .gov-scene-grid h3 {
	margin: 0 0 10px;
	color: #0c2a63;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.4;
}

.se-page.gov .gov-scene-grid p {
	color: #3f4e66;
	font-size: 12px;
	line-height: 1.65;
	font-weight: 500;
}

.se-page.gov .gov-flow-section,
.se-page.gov .gov-capability-section {
	background:
		radial-gradient(circle at 50% 0%, rgba(9, 104, 255, 0.08), transparent 40%),
		linear-gradient(180deg, #fff 0%, #f8fbff 100%);
}

.se-page.gov .gov-flow-section {
	padding: 70px 0 62px;
}

.se-page.gov .gov-capability-section {
	padding: 66px 0 68px;
}

.se-page.gov .gov-flow-section .se-title,
.se-page.gov .gov-capability-section .se-title {
	margin-bottom: 46px;
}

.se-page.gov .gov-capability-layout .se-title {
	margin-bottom: 26px;
}

.se-page.gov .gov-flow-section .se-title h2,
.se-page.gov .gov-capability-section .se-title h2 {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	font-size: 26px;
	font-weight: 900;
}

.se-page.gov .gov-flow-section .se-title h2::before,
.se-page.gov .gov-flow-section .se-title h2::after,
.se-page.gov .gov-capability-section .se-title h2::before,
.se-page.gov .gov-capability-section .se-title h2::after {
	content: "";
	position: static;
	display: block;
	width: 54px;
	height: 8px;
	border-radius: 0;
	background:
		radial-gradient(circle at right center, #0968ff 0 2px, transparent 3px),
		linear-gradient(90deg, transparent 0%, rgba(9,104,255,0.08) 10%, #0968ff 76%, transparent 100%);
	box-shadow: none;
	transform: none;
}

.se-page.gov .gov-flow-section .se-title h2::after,
.se-page.gov .gov-capability-section .se-title h2::after {
	background:
		radial-gradient(circle at left center, #0968ff 0 2px, transparent 3px),
		linear-gradient(90deg, transparent 0%, #0968ff 24%, rgba(9,104,255,0.08) 90%, transparent 100%);
}

.se-page.gov .gov-flow {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
	max-width: 1120px;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	box-shadow: none;
}

.se-page.gov .gov-flow article {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	height: 150px;
	min-height: 150px;
	padding: 46px 14px 16px;
	text-align: center;
	border: 1px solid #dce8fb;
	border-radius: 8px;
	background: rgba(255,255,255,0.96);
	box-shadow: 0 12px 24px rgba(28, 86, 168, 0.08);
}

.se-page.gov .gov-flow article:not(:last-child)::after {
	content: "";
	position: absolute;
	z-index: 3;
	top: 24px;
	right: -26px;
	width: 36px;
	height: 2px;
	background: #0968ff;
}

.se-page.gov .gov-flow article:not(:last-child)::before {
	content: "";
	position: absolute;
	z-index: 4;
	top: 19px;
	right: -27px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #0968ff;
	border-right: 2px solid #0968ff;
	transform: rotate(45deg);
}

.se-page.gov .gov-flow i {
	position: absolute;
	left: 50%;
	top: -32px;
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border: 1px solid #d9e8ff;
	border-radius: 50%;
	color: #0968ff;
	background: radial-gradient(circle, #fff 0 54%, #eff6ff 100%);
	box-shadow: 0 10px 22px rgba(28, 86, 168, 0.12);
	font-size: 26px;
	transform: translateX(-50%);
}

.se-page.gov .gov-flow h3 {
	margin: 0 0 8px;
	color: #0c2a63;
	font-size: 14px;
	font-weight: 900;
}

.se-page.gov .gov-flow p {
	margin: 0;
	color: #3f4e66;
	font-size: 11px;
	line-height: 1.55;
	font-weight: 500;
}

.se-page.gov .gov-capability-layout {
	grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
	gap: 28px;
	align-items: stretch;
}

.se-page.gov .gov-capability-table {
	width: 100%;
	height: calc(100% - 62px);
	border: 1px solid #dce8fb;
	border-radius: 8px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	background: rgba(255,255,255,0.96);
	box-shadow: 0 12px 24px rgba(28, 86, 168, 0.08);
}

.se-page.gov .gov-capability-table th,
.se-page.gov .gov-capability-table td {
	padding: 13px 14px;
	border-right: 0;
	border-bottom: 1px solid #e5eefb;
	color: #3f4e66;
	font-size: 12px;
	line-height: 1.5;
	background: transparent;
	text-align: left;
}

.se-page.gov .gov-capability-table tr:last-child th,
.se-page.gov .gov-capability-table tr:last-child td {
	border-bottom: 0;
}

.se-page.gov .gov-capability-table td:first-child {
	width: 58px;
	text-align: center;
}

.se-page.gov .gov-capability-table i {
	display: inline-grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 6px;
	color: #0968ff;
	background: #edf6ff;
	font-size: 15px;
}

.se-page.gov .gov-capability-table th {
	width: 150px;
	color: #0c2a63;
	font-size: 13px;
	font-weight: 900;
	white-space: nowrap;
}

.se-page.gov .gov-deploy-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	height: calc(100% - 62px);
}

.se-page.gov .gov-deploy-grid article {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 128px;
	padding: 18px 14px 16px;
	text-align: center;
	border: 1px solid #dce8fb;
	border-radius: 8px;
	background: rgba(255,255,255,0.96);
	box-shadow: 0 12px 24px rgba(28, 86, 168, 0.08);
}

.se-page.gov .gov-deploy-grid i {
	width: 44px;
	height: 44px;
	margin-bottom: 12px;
	border-radius: 0;
	color: #0968ff;
	background: transparent;
	font-size: 34px;
}

.se-page.gov .gov-deploy-grid h3 {
	margin: 0 0 8px;
	color: #0c2a63;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.35;
}

.se-page.gov .gov-deploy-grid p {
	margin: 0;
	color: #3f4e66;
	font-size: 12px;
	line-height: 1.55;
	font-weight: 600;
}

.se-mini-stat {
	margin-top: -34px;
	position: relative;
	z-index: 3;
}

.se-mini-stat-inner {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0;
	border-radius: 8px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dce8fb, 0 16px 36px rgba(28, 86, 168, 0.12);
	overflow: hidden;
}

.se-mini-stat strong {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 14px;
	row-gap: 6px;
	align-items: center;
	align-content: center;
	min-height: 82px;
	padding: 0 22px;
	color: #0968ff;
}

.se-mini-stat strong:not(:last-child) {
	border-right: 1px solid #e5edf9;
}

.se-mini-stat i {
	grid-row: 1 / span 2;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #eef6ff;
	font-size: 15px;
}

.se-mini-stat b {
	grid-column: 2;
	display: block;
	color: #0968ff;
	font-size: 26px;
	line-height: 1;
	white-space: nowrap;
}

.se-mini-stat span {
	grid-column: 2;
	display: block;
	color: #344a67;
	font-size: 12px;
	line-height: 1.25;
	font-weight: 800;
	white-space: nowrap;
}

.se-flow {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
	align-items: start;
}

.se-flow article {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 10px;
	min-height: 116px;
	padding: 18px 14px;
	border-radius: 8px;
	text-align: center;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dce8fb, 0 10px 24px rgba(28, 86, 168, 0.04);
}

.se-flow article:not(:last-child)::after {
	content: "";
	position: absolute;
	right: -14px;
	top: 36px;
	width: 16px;
	height: 1px;
	background: #0968ff;
}

.se-flow i {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: #0968ff;
	background: #eef6ff;
}

.se-flow h3 {
	margin: 0;
	color: #0d274f;
	font-size: 14px;
}

.se-flow p {
	margin: 0;
	color: #536b8a;
	font-size: 12px;
	line-height: 1.55;
}

.se-table {
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
	border-radius: 8px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dce8fb;
}

.se-table th,
.se-table td {
	padding: 14px 18px;
	border: 1px solid #dce8fb;
	color: #284364;
	font-size: 13px;
	line-height: 1.7;
}

.se-table th {
	color: #075ee8;
	background: #eef6ff;
	font-weight: 900;
}

.se-logo-strip {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
}

.se-logo-strip span {
	display: grid;
	place-items: center;
	min-height: 60px;
	border-radius: 8px;
	color: #0d274f;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dce8fb, 0 10px 22px rgba(28, 86, 168, 0.04);
	font-weight: 900;
}

.se-faq-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 28px;
}

.se-faq-grid details {
	border-radius: 8px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dce8fb;
}

.se-faq-grid summary {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 15px 18px;
	color: #0d274f;
	font-size: 14px;
	font-weight: 800;
	cursor: pointer;
}

.se-faq-grid p {
	margin: 0;
	padding: 0 18px 16px;
	color: #536b8a;
	font-size: 13px;
	line-height: 1.75;
}

.chemical-detail .se-section {
	padding: 34px 0;
}

.chemical-detail .se-tight {
	padding-top: 12px;
}

.chemical-section-title {
	position: relative;
	margin-bottom: 26px;
	padding-left: 13px;
}

.chemical-section-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 4px;
	height: 18px;
	border-radius: 2px;
	background: #0b75ff;
}

.chemical-section-title h2 {
	margin: 0;
	color: #071f4a;
	font-size: 22px;
	line-height: 1.25;
	letter-spacing: 0;
}

.chemical-pain-grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 14px;
}

.chemical-pain-grid article {
	min-height: 156px;
	padding: 20px 16px 18px;
	border-radius: 8px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #d7e6fb, 0 10px 26px rgba(28, 86, 168, 0.04);
}

.chemical-pain-grid i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	margin: 0 auto 14px;
	border-radius: 50%;
	color: #0b75ff;
	background: #eef6ff;
	font-size: 18px;
}

.chemical-pain-grid article:first-child i {
	color: #f35b5b;
	background: #fff0f0;
}

.chemical-pain-grid h3 {
	min-height: 42px;
	margin: 0 0 10px;
	color: #0a2145;
	font-size: 14px;
	line-height: 1.45;
	text-align: center;
}

.chemical-pain-grid p {
	margin: 0;
	color: #405a79;
	font-size: 12px;
	line-height: 1.65;
	text-align: left;
}

.chemical-scene-grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 13px;
}

.chemical-scene-grid article {
	overflow: hidden;
	border-radius: 8px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #d7e6fb, 0 10px 26px rgba(28, 86, 168, 0.05);
}

.chemical-scene-grid img {
	display: block;
	width: 100%;
	height: 94px;
	object-fit: contain;
	background: #eef5ff;
}

.chemical-scene-grid div {
	padding: 10px 10px 13px;
	text-align: center;
}

.chemical-scene-grid h3 {
	margin: 0 0 7px;
	color: #075ee8;
	font-size: 13px;
	line-height: 1.3;
}

.chemical-scene-grid p {
	margin: 0;
	color: #425b78;
	font-size: 11px;
	line-height: 1.55;
}

.chemical-management-section,
.chemical-assurance-section {
	background: #fff;
}

.chemical-detail .chemical-pain-section {
	padding-top: 25px;
	padding-bottom: 25px;
}

.chemical-detail .chemical-scene-section,
.chemical-detail .chemical-management-section,
.chemical-detail .chemical-assurance-section {
	padding-top: 25px;
	padding-bottom: 25px;
}

.chemical-management-section {
	scroll-margin-top: 84px;
}

.chemical-flow-row {
	display: grid;
	grid-template-columns: repeat(9, minmax(0, 1fr));
	gap: 20px;
	margin-top: 40px;
}

.chemical-flow-row article {
	position: relative;
	min-height: 142px;
	padding: 30px 12px 14px;
	border: 1px solid #cfe0f6;
	border-radius: 8px;
	background: linear-gradient(180deg, #fff, #f9fcff);
	box-shadow: 0 6px 18px rgba(26, 96, 180, 0.06);
	text-align: center;
}

.chemical-flow-row article:not(:last-child)::after {
	content: "\f061";
	position: absolute;
	top: 18px;
	right: -18px;
	z-index: 2;
	color: #1f74e8;
	font-family: "Font Awesome 6 Free";
	font-size: 16px;
	font-weight: 900;
}

.chemical-flow-row b {
	position: absolute;
	top: -17px;
	left: 50%;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: linear-gradient(180deg, #3f97ff, #075ee8);
	box-shadow: 0 3px 8px rgba(7, 94, 232, 0.28);
	color: #fff;
	font-size: 13px;
	transform: translateX(-50%);
}

.chemical-flow-row h3 {
	margin: 0 0 10px;
	color: #0a2145;
	font-size: 14px;
	line-height: 1.35;
}

.chemical-flow-row p {
	margin: 0;
	color: #425b78;
	font-size: 12px;
	line-height: 1.65;
}

.chemical-compliance-grid {
	display: grid;
	grid-template-columns: 1.18fr 1.05fr 0.92fr;
	gap: 22px;
	margin-top: 34px;
	align-items: stretch;
}

.chemical-panel {
	min-width: 0;
}

.chemical-panel h2,
.chemical-assurance-section .chemical-section-title h2 {
	margin-bottom: 20px;
}

.chemical-feature-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	height: calc(100% - 44px);
	border: 1px solid #d7e6fb;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}

.chemical-feature-grid article,
.chemical-require-list article {
	display: grid;
	grid-template-columns: 42px 1fr;
	gap: 12px;
	min-height: 92px;
	padding: 16px;
	border-right: 1px solid #e3edf9;
	border-bottom: 1px solid #e3edf9;
}

.chemical-feature-grid article:nth-child(2n) {
	border-right: 0;
}

.chemical-feature-grid article:nth-last-child(-n + 2),
.chemical-require-list article:last-child {
	border-bottom: 0;
}

.chemical-feature-grid i,
.chemical-require-list i {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 7px;
	color: #1978ff;
	background: #edf6ff;
	box-shadow: inset 0 0 0 1px #b8d7ff;
	font-size: 17px;
}

.chemical-feature-grid h3,
.chemical-require-list h3,
.chemical-value-row h3,
.chemical-target-row h3 {
	margin: 0 0 7px;
	color: #075ee8;
	font-size: 14px;
	line-height: 1.35;
}

.chemical-feature-grid p,
.chemical-require-list p,
.chemical-value-row p,
.chemical-target-row p {
	margin: 0;
	color: #405a79;
	font-size: 12px;
	line-height: 1.65;
}

.chemical-require-list {
	display: grid;
	grid-template-rows: repeat(5, minmax(0, 1fr));
	height: calc(100% - 44px);
	border: 1px solid #d7e6fb;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}

.chemical-require-list article {
	min-height: 0;
	align-items: center;
	padding-top: 18px;
	padding-bottom: 18px;
	border-right: 0;
}

.chemical-standard-panel table {
	width: 100%;
	height: calc(100% - 44px);
	border-spacing: 0;
	border: 1px solid #d7e6fb;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 8px 22px rgba(25, 104, 205, 0.04);
}

.chemical-standard-panel th,
.chemical-standard-panel td {
	padding: 13px 16px;
	border-right: 1px solid #e0ebf8;
	border-bottom: 1px solid #e0ebf8;
	color: #344d6d;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
}

.chemical-standard-panel th {
	color: #075ee8;
	background: #eef6ff;
	font-weight: 700;
}

.chemical-standard-panel td:first-child {
	width: 104px;
	color: #203754;
	font-weight: 700;
}

.chemical-standard-panel tr:last-child td {
	border-bottom: 0;
}

.chemical-standard-panel th:last-child,
.chemical-standard-panel td:last-child {
	border-right: 0;
}

.chemical-assurance-section {
	border-top: 0;
}

.chemical-assurance-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 26px;
	align-items: stretch;
}

.chemical-value-row {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	height: calc(100% - 44px);
}

.chemical-value-row article {
	min-height: 168px;
	padding: 19px 14px 16px;
	border: 1px solid #d7e6fb;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 8px 22px rgba(25, 104, 205, 0.04);
	text-align: center;
}

.chemical-value-row i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	margin: 0 auto 13px;
	color: #1978ff;
	background: #edf6ff;
	border-radius: 50%;
	font-size: 20px;
}

.chemical-lower-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 26px;
	margin-top: 28px;
	align-items: stretch;
}

.chemical-target-row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px 16px;
	height: calc(100% - 44px);
}

.chemical-target-row article {
	min-height: 86px;
	text-align: center;
}

.chemical-target-row i {
	display: block;
	margin: 0 auto 10px;
	color: #1978ff;
	font-size: 27px;
}

.chemical-target-row p {
	font-size: 11px;
}

.chemical-faq-list {
	height: calc(100% - 44px);
	border: 1px solid #d7e6fb;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}

.chemical-faq-list details {
	border-bottom: 1px solid #e0ebf8;
}

.chemical-faq-list details:last-child {
	border-bottom: 0;
}

.chemical-faq-list summary {
	position: relative;
	padding: 16px 42px 16px 18px;
	color: #203754;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	list-style: none;
}

.chemical-faq-list summary::-webkit-details-marker {
	display: none;
}

.chemical-faq-list summary::after {
	content: "\f078";
	position: absolute;
	right: 18px;
	color: #6f86a5;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}

.chemical-faq-list details[open] summary::after {
	content: "\f077";
}

.chemical-faq-list p {
	margin: -2px 18px 13px;
	color: #425b78;
	font-size: 12px;
	line-height: 1.65;
}

.chemical-blue-cta {
	position: relative;
	overflow: hidden;
	padding: 38px 0 32px;
	background:
		linear-gradient(90deg, rgba(0, 84, 207, 0.96), rgba(0, 116, 255, 0.93)),
		url("../images/generated/solution-chemical-hero.png") center/cover no-repeat;
	color: #fff;
}

.chemical-blue-cta::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0));
	pointer-events: none;
}

.chemical-blue-cta-inner {
	position: relative;
	display: grid;
	grid-template-columns: 240px 1fr 240px;
	align-items: center;
	gap: 26px;
	text-align: center;
}

.chemical-blue-cta h2 {
	margin: 0 0 10px;
	color: #fff;
	font-size: 28px;
	line-height: 1.25;
}

.chemical-blue-cta p {
	margin: 0 0 18px;
	color: rgba(255, 255, 255, 0.9);
	font-size: 16px;
}

.chemical-blue-cta .se-actions {
	justify-content: center;
}

.chemical-blue-cta .hy-white-btn {
	background: #ffc34d;
	color: #6a4500;
}

.chemical-cta-worker {
	width: 100%;
	height: 150px;
	border-radius: 0;
	object-fit: cover;
	opacity: 0.92;
}

.chemical-cta-left {
	object-position: left center;
}

.chemical-cta-right {
	object-position: right center;
}

.coal-detail .hy-header {
	position: relative;
	z-index: 10;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 1px 0 rgba(9, 104, 255, 0.12);
}

.coal-detail .hy-header .hy-primary {
	color: #fff;
	background: linear-gradient(135deg, #0b57ff 0%, #2f82ff 100%);
	box-shadow: 0 14px 28px rgba(18, 92, 255, 0.24);
}

.coal-detail .coal-hero {
	min-height: 408px;
	padding: 24px 0 74px;
	background:
		linear-gradient(90deg, rgba(5, 22, 48, 0.96) 0%, rgba(6, 28, 62, 0.9) 32%, rgba(7, 33, 72, 0.58) 56%, rgba(7, 26, 52, 0.18) 100%),
		linear-gradient(180deg, rgba(4, 18, 38, 0.04), rgba(3, 12, 28, 0.18)),
		url("../images/generated/solution-coal-hero.png") 62% center / cover no-repeat;
}

.coal-detail .coal-hero::before {
	content: "";
	position: absolute;
	right: 18px;
	bottom: 0;
	width: min(42vw, 520px);
	height: 45%;
	background:
		radial-gradient(ellipse at 74% 73%, rgba(255, 186, 74, 0.32), transparent 0 12%, transparent 23%),
		linear-gradient(170deg, transparent 0 42%, rgba(10, 16, 24, 0.62) 43% 49%, transparent 50%),
		linear-gradient(38deg, transparent 0 49%, rgba(10, 16, 24, 0.65) 50% 54%, transparent 55%),
		linear-gradient(180deg, transparent 0 66%, rgba(9, 13, 20, 0.72) 67% 100%);
	clip-path: polygon(0 72%, 18% 60%, 30% 26%, 40% 60%, 58% 52%, 70% 20%, 80% 54%, 100% 45%, 100% 100%, 0 100%);
	opacity: 0.74;
	pointer-events: none;
}

.coal-detail .coal-hero::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 46%;
	background: linear-gradient(90deg, rgba(5, 22, 48, 0), rgba(5, 22, 48, 0.08) 48%, rgba(5, 22, 48, 0.26));
	pointer-events: none;
}

.coal-detail .coal-hero .se-breadcrumb {
	margin-bottom: 30px;
	color: rgba(255, 255, 255, 0.78);
}

.coal-detail .coal-hero .se-breadcrumb a,
.coal-detail .coal-hero .se-breadcrumb strong {
	color: rgba(255, 255, 255, 0.88);
}

.coal-detail .coal-hero .se-breadcrumb i {
	margin-right: 6px;
	font-size: 12px;
}

.coal-detail .coal-hero .se-hero-grid {
	display: block;
	min-height: 286px;
}

.coal-detail .coal-hero .se-hero-copy {
	max-width: 570px;
}

.coal-detail .coal-hero .se-hero-copy h1 {
	margin-bottom: 16px;
	color: #fff;
	font-size: clamp(30px, 3.05vw, 40px);
	font-weight: 900;
	line-height: 1.22;
	text-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.coal-detail .coal-hero .se-subtitle {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	margin-bottom: 18px;
	padding: 0 18px;
	border-radius: 6px;
	color: #fff;
	background: linear-gradient(90deg, #0b7cff, #075ee8);
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0;
	box-shadow: 0 10px 24px rgba(4, 91, 235, 0.28);
}

.coal-detail .coal-hero .se-desc {
	max-width: 548px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 16px;
	line-height: 1.95;
}

.coal-detail .coal-hero .se-tags {
	gap: 18px 26px;
	margin: 20px 0 28px;
}

.coal-detail .coal-hero .se-tags span {
	color: rgba(255, 255, 255, 0.9);
	font-size: 14px;
}

.coal-detail .coal-hero .se-tags i {
	color: #67a7ff;
}

.coal-detail .coal-hero .se-actions .hy-primary,
.coal-detail .coal-hero .se-actions .hy-secondary {
	min-width: 142px;
	border-radius: 5px;
}

.coal-detail .coal-hero .se-actions .hy-primary {
	color: #fff;
	background: #0968ff;
	box-shadow: 0 12px 28px rgba(4, 91, 235, 0.34);
}

.coal-detail .coal-hero .se-actions .hy-secondary {
	border-color: rgba(255, 255, 255, 0.45);
	color: #fff;
	background: rgba(4, 19, 40, 0.24);
}

.coal-detail .coal-hero .se-hero-visual {
	display: none;
}

.coal-detail .se-mini-stat {
	margin-top: -34px;
}

.coal-detail .se-mini-stat-inner {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	border-radius: 8px;
	box-shadow: inset 0 0 0 1px #e1eaf8, 0 16px 34px rgba(20, 66, 132, 0.14);
}

.coal-detail .se-mini-stat strong {
	grid-template-columns: 40px minmax(0, 1fr);
	min-height: 80px;
	padding: 0 20px;
}

.coal-detail .se-mini-stat i {
	width: 34px;
	height: 34px;
	color: #0968ff;
	background: #eef6ff;
	font-size: 18px;
}

.coal-detail .se-mini-stat b {
	font-size: 16px;
}

.coal-detail .coal-pain-section {
	padding-top: 52px;
	padding-bottom: 56px;
}

.coal-detail .coal-title {
	margin-bottom: 26px;
	text-align: left;
}

.coal-detail .coal-title h2 {
	padding-left: 12px;
	font-size: 22px;
}

.coal-detail .coal-title h2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 4px;
	height: 20px;
	border-radius: 99px;
	background: #0968ff;
}

.coal-detail .coal-title h2::after {
	display: none;
}

.coal-detail .se-challenge-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
}

.coal-detail .se-challenge-grid article {
	display: grid;
	justify-items: center;
	min-height: 184px;
	padding: 22px 18px 18px;
	text-align: center;
	box-shadow: inset 0 0 0 1px #dbe7f8, 0 10px 26px rgba(24, 70, 134, 0.06);
}

.coal-detail .se-challenge-grid i {
	width: 46px;
	height: 46px;
	margin-bottom: 12px;
	border-radius: 50%;
	color: #0968ff;
	background: linear-gradient(180deg, #edf6ff, #e4f0ff);
	font-size: 20px;
}

.coal-detail .se-challenge-grid h3 {
	margin: 0 0 9px;
	font-size: 15px;
	line-height: 1.35;
}

.coal-detail .se-challenge-grid p {
	color: #405a79;
	font-size: 12px;
	line-height: 1.65;
	text-align: left;
}

.coal-detail .se-bottom-inner img {
	object-position: center;
}

.coal-detail main {
	background: #fff;
}

.coal-detail .coal-section-title {
	position: relative;
	margin: 0 0 22px;
	padding-left: 13px;
	text-align: left;
}

.coal-detail .coal-section-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 4px;
	height: 18px;
	border-radius: 3px;
	background: #0968ff;
}

.coal-detail .coal-section-title h2 {
	margin: 0;
	color: #071f4a;
	font-size: 21px;
	line-height: 1.3;
	font-weight: 900;
	letter-spacing: 0;
}

.coal-detail .se-section {
	padding: 56px 0;
}

.coal-detail .se-section.se-tight {
	padding-top: 44px;
	padding-bottom: 56px;
}

.coal-detail .coal-scene-section {
	padding-top: 44px;
	padding-bottom: 56px;
}

.coal-detail .coal-ref-section,
.coal-detail .coal-capability-section,
.coal-detail .coal-problem-section,
.coal-detail .coal-lower-section,
.coal-detail .coal-faq-section {
	padding-top: 44px;
	padding-bottom: 56px;
}

.coal-detail .se-bottom-cta {
	padding-top: 36px;
	padding-bottom: 56px;
}

.coal-scene-cards {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
}

.coal-scene-cards article {
	overflow: hidden;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #dbe7f8;
	box-shadow: 0 8px 22px rgba(28, 86, 168, 0.05);
}

.coal-scene-cards img {
	display: block;
	width: 100%;
	height: 86px;
	object-fit: cover;
	background: #eef6ff;
}

.coal-scene-cards div {
	padding: 10px 12px 13px;
}

.coal-scene-cards h3 {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin: 0 0 8px;
	color: #075ee8;
	font-size: 13px;
	line-height: 1.35;
	font-weight: 900;
	text-align: center;
}

.coal-scene-cards h3 i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	color: #fff;
	background: #0968ff;
	font-size: 9px;
}

.coal-scene-cards p {
	margin: 0;
	color: #3f5575;
	font-size: 11px;
	line-height: 1.55;
	text-align: left;
}

.coal-loop-row {
	position: relative;
	display: grid;
	grid-template-columns: repeat(9, minmax(0, 1fr));
	gap: 0;
	align-items: start;
	padding: 8px 0 0;
	overflow: visible;
}

.coal-loop-row::before {
	content: "";
	position: absolute;
	left: 34px;
	right: 34px;
	top: 19px;
	height: 58px;
	border: 1px solid #e7f0ff;
	border-radius: 999px;
	background: linear-gradient(180deg, rgba(247, 251, 255, 0.94), rgba(236, 246, 255, 0.9));
	pointer-events: none;
}

.coal-loop-row article {
	position: relative;
	z-index: 1;
	display: grid;
	justify-items: center;
	align-content: start;
	min-height: 132px;
	padding: 0 6px;
	text-align: center;
	min-width: 0;
}

.coal-loop-row article:not(:last-child)::after {
	content: "\f061";
	position: absolute;
	right: -9px;
	top: 43px;
	color: #0968ff;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 15px;
}

.coal-loop-row b {
	display: grid;
	place-items: center;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 3;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	color: #fff;
	background: #0968ff;
	box-shadow: 0 4px 10px rgba(9, 104, 255, 0.22);
	font-size: 9px;
	line-height: 1;
	transform: translateX(-50%);
}

.coal-loop-row i {
	display: grid;
	place-items: center;
	position: relative;
	z-index: 1;
	width: 76px;
	height: 76px;
	margin: 8px auto 8px;
	border: 2px solid #d8e7ff;
	border-radius: 50%;
	color: #0968ff;
	background: linear-gradient(180deg, #fff 0%, #f7fbff 100%);
	box-shadow: inset 0 0 0 5px rgba(237, 246, 255, 0.96), 0 8px 18px rgba(9, 104, 255, 0.08);
	font-size: 26px;
}

.coal-loop-row i::before {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	color: #fff;
	background: linear-gradient(180deg, #2e8bff, #075ee8);
	box-shadow: 0 5px 12px rgba(9, 104, 255, 0.2);
	font-size: 19px;
}

.coal-loop-row h3 {
	margin: 0 0 5px;
	color: #0b2a5e;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.3;
	white-space: nowrap;
}

.coal-loop-row p {
	margin: 0;
	color: #405a79;
	font-size: 10px;
	line-height: 1.42;
}

.coal-capability-layout {
	display: grid;
	grid-template-columns: minmax(330px, 1fr) minmax(360px, 0.9fr) minmax(330px, 1fr);
	gap: 18px;
	align-items: center;
}

.coal-cap-list {
	display: grid;
	gap: 0;
	border: 1px solid #dbe7f8;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 8px 22px rgba(28, 86, 168, 0.04);
}

.coal-cap-list article {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	gap: 11px;
	min-height: 70px;
	padding: 13px 16px;
	border-bottom: 1px solid #e5eefb;
}

.coal-cap-list article:last-child {
	border-bottom: 0;
}

.coal-cap-list i,
.coal-info-items i,
.coal-value-list i,
.coal-target-grid i,
.coal-problem-grid i {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 7px;
	color: #0968ff;
	background: #edf6ff;
	box-shadow: inset 0 0 0 1px #c8ddff;
	font-size: 15px;
}

.coal-cap-list h3,
.coal-info-items h3,
.coal-value-list h3,
.coal-target-grid h3,
.coal-problem-grid h3 {
	margin: 0 0 5px;
	color: #075ee8;
	font-size: 13px;
	line-height: 1.35;
	font-weight: 900;
}

.coal-cap-list p,
.coal-info-items p,
.coal-value-list p,
.coal-target-grid p,
.coal-problem-grid p {
	margin: 0;
	color: #405a79;
	font-size: 11px;
	line-height: 1.55;
}

.coal-core-wheel {
	position: relative;
	width: 380px;
	max-width: 100%;
	height: 260px;
	margin: 0 auto;
	border-radius: 50%;
	background:
		radial-gradient(ellipse at center, #fff 0 34%, transparent 35%),
		repeating-conic-gradient(from -112.5deg, #dcecff 0deg 40deg, #fff 40deg 45deg);
	box-shadow: inset 0 0 0 1px rgba(207, 227, 255, 0.6);
}

.coal-core-segments {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	overflow: hidden;
}

.coal-core-center {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 152px;
	height: 96px;
	border-radius: 50%;
	color: #0a2a5c;
	text-align: center;
	background: #fff;
	box-shadow: 0 16px 32px rgba(28, 86, 168, 0.12), inset 0 -20px 30px rgba(9, 104, 255, 0.08);
	transform: translate(-50%, -50%);
}

.coal-core-center i {
	color: #0968ff;
	font-size: 30px;
}

.coal-core-center strong {
	display: block;
	margin-top: 3px;
	font-size: 16px;
	line-height: 1.35;
}

.coal-core-wheel span {
	position: absolute;
	left: 50%;
	top: 50%;
	display: grid;
	place-items: center;
	gap: 3px;
	width: 78px;
	min-height: 56px;
	padding: 5px;
	color: #075ee8;
	background: transparent;
	border: 0;
	box-shadow: none;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.2;
	text-align: center;
	transform: rotate(var(--a)) translateY(-108px) rotate(calc(-1 * var(--a))) translate(-50%, -50%);
	transform-origin: 0 0;
}

.coal-core-wheel span i {
	font-size: 23px;
}

.coal-core-wheel span em {
	font-style: normal;
	white-space: nowrap;
}

.coal-cap-list-design {
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: inset 0 0 0 1px #dbe7f8, 0 10px 24px rgba(28, 86, 168, 0.04);
}

.coal-cap-list-design article {
	grid-template-columns: 54px minmax(0, 1fr);
	min-height: 67px;
	padding: 12px 22px;
	align-items: center;
}

.coal-cap-list-design i {
	width: 38px;
	height: 38px;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-size: 28px;
}

.coal-cap-list-design h3 {
	margin-bottom: 4px;
	font-size: 16px;
}

.coal-cap-list-design p {
	font-size: 12px;
	line-height: 1.55;
}

.coal-cap-list-left {
	position: relative;
}

.coal-cap-list-left::after,
.coal-cap-list-design:not(.coal-cap-list-left)::before {
	content: "";
	position: absolute;
	top: 50%;
	width: 28px;
	height: 56px;
	background: #fff;
	border: 1px solid #dbe7f8;
	transform: translateY(-50%) rotate(45deg);
}

.coal-cap-list-left::after {
	right: -15px;
	border-left: 0;
	border-bottom: 0;
}

.coal-cap-list-design:not(.coal-cap-list-left) {
	position: relative;
}

.coal-cap-list-design:not(.coal-cap-list-left)::before {
	left: -15px;
	border-right: 0;
	border-top: 0;
}

.coal-problem-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
}

.coal-problem-grid article {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 102px;
	padding: 16px 14px;
	border: 1px solid #dbe7f8;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 8px 22px rgba(28, 86, 168, 0.04);
	text-align: center;
}

.coal-problem-grid i {
	margin-bottom: 9px;
}

.coal-problem-grid h3 {
	width: 100%;
}

.coal-lower-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 18px;
	align-items: stretch;
}

.coal-info-panel {
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.coal-info-items,
.coal-value-list,
.coal-target-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	flex: 1;
	min-height: 186px;
	padding: 0;
	border: 1px solid #dbe7f8;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 8px 22px rgba(28, 86, 168, 0.04);
	overflow: hidden;
}

.coal-info-items {
	grid-template-rows: repeat(2, minmax(0, 1fr));
}

.coal-value-list,
.coal-target-grid {
	grid-template-columns: 1fr;
}

.coal-value-list {
	grid-template-rows: repeat(4, minmax(0, 1fr));
}

.coal-target-grid {
	grid-template-rows: repeat(5, minmax(0, 1fr));
}

.coal-info-items article,
.coal-value-list article,
.coal-target-grid article {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	min-width: 0;
	padding: 18px 20px;
}

.coal-value-list article,
.coal-target-grid article {
	min-height: 0;
	padding: 9px 18px;
}

.coal-info-items article {
	min-height: 0;
}

.coal-info-items article:nth-child(2n) {
	border-left: 1px solid #e6eefb;
}

.coal-info-items article:nth-child(n + 3),
.coal-value-list article:not(:first-child),
.coal-target-grid article:not(:first-child) {
	border-top: 1px solid #e6eefb;
}

.coal-info-items i,
.coal-value-list i,
.coal-target-grid i {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: #edf6ff;
	font-size: 18px;
}

.coal-info-items h3,
.coal-value-list h3,
.coal-target-grid h3 {
	margin-bottom: 4px;
	font-size: 13px;
	white-space: nowrap;
}

.coal-info-items p,
.coal-value-list p,
.coal-target-grid p {
	font-size: 11px;
	line-height: 1.5;
	word-break: normal;
	overflow-wrap: normal;
}

.coal-faq-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 28px;
}

.coal-faq-list details {
	border: 1px solid #dbe7f8;
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 8px 22px rgba(28, 86, 168, 0.03);
}

.coal-faq-list summary {
	position: relative;
	padding: 13px 40px 13px 38px;
	color: #0d274f;
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
	list-style: none;
}

.coal-faq-list summary::-webkit-details-marker {
	display: none;
}

.coal-faq-list summary::before {
	content: "\f059";
	position: absolute;
	left: 14px;
	top: 14px;
	color: #0968ff;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}

.coal-faq-list summary::after {
	content: "\f078";
	position: absolute;
	right: 15px;
	top: 14px;
	color: #7890ad;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}

.coal-faq-list details[open] summary::after {
	content: "\f077";
}

.coal-faq-list p {
	margin: -4px 38px 13px;
	color: #405a79;
	font-size: 12px;
	line-height: 1.65;
}

@media (max-width: 1180px) {
	.sl-hero-inner,
	.sl-value-content {
		grid-template-columns: 1fr;
	}

	.sl-hero-visual {
		min-height: 420px;
	}

	.sl-industry-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sl-flow {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 22px 0;
	}

	.sl-deploy-grid,
	.sl-reason-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sl-logo-row {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.se-hero-grid,
	.se-arch-layout,
	.se-bottom-inner {
		grid-template-columns: 1fr;
	}

	.se-challenge-grid,
	.se-scene-grid,
	.se-page.med .med-challenge-grid,
	.se-page.med .med-scene-grid,
	.se-page.energy .energy-challenge-grid,
	.se-page.energy .energy-scene-grid,
	.se-value-strip,
	.se-mini-stat-inner,
	.se-flow,
	.se-logo-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.se-value-strip article:nth-child(2n) {
		border-right: 0;
	}

	.se-page.med .med-flow-row {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 28px 16px;
	}

	.se-page.med .med-flow-row article {
		margin-right: 0;
	}

	.se-page.med .med-flow-row article:not(:last-child)::after {
		display: none;
	}

	.se-page.med .med-capability-layout,
	.se-page.med .med-capability-inner {
		grid-template-columns: 1fr;
	}

	.se-page.med .med-capability-panel,
	.se-page.med .med-require-panel {
		display: block;
	}

	.se-page.med .med-capability-inner {
		height: auto;
		min-height: 0;
	}

	.se-page.med .med-cap-list {
		height: auto;
	}

	.se-page.med .med-cap-list article {
		flex: none;
	}

	.se-page.med .med-require-table {
		height: auto;
		margin-top: 0;
	}

	.se-page.med .med-require-table tbody tr {
		height: auto;
	}

	.se-page.med .med-core-loop.se-loop {
		margin-bottom: 8px;
	}

	.se-page.med .med-value-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.se-page.med .med-target-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.se-page.med .med-faq-grid {
		grid-template-columns: 1fr;
	}

	.se-mini-stat strong:nth-child(2n) {
		border-right: 0;
	}

	.chemical-flow-row {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 28px 16px;
	}

	.chemical-flow-row article:not(:last-child)::after {
		display: none;
	}

	.chemical-compliance-grid,
	.chemical-assurance-grid,
	.chemical-lower-grid {
		grid-template-columns: 1fr;
	}

	.chemical-target-row {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.chemical-blue-cta-inner {
		grid-template-columns: 160px 1fr 160px;
	}

	.chemical-blue-cta h2 {
		font-size: 28px;
	}

	.se-module-grid {
		gap: 16px;
	}

	.se-bottom-inner img {
		justify-self: center;
	}
}

@media (max-width: 760px) {
	.sl-hero {
		padding: 52px 0 42px;
	}

	.sl-hero h1 {
		font-size: clamp(30px, 3.05vw, 40px);
	}

	.sl-hero-points,
	.sl-industry-grid,
	.sl-flow,
	.sl-deploy-grid,
	.sl-reason-grid,
	.sl-value-list,
	.sl-metric-grid,
	.sl-logo-row,
	.sl-quote-grid,
	.sl-cta-inner {
		grid-template-columns: 1fr;
	}

	.sl-hero-visual {
		min-height: 300px;
	}

	.sl-hero-visual img {
		width: 560px;
	}

	.sl-section {
		padding: 52px 0;
	}

	.sl-section-head {
		display: block;
	}

	.sl-section-head p {
		margin-top: 8px;
	}

	.sl-flow span:not(:last-child)::after {
		display: none;
	}

	.sl-flow span:not(:last-child)::before {
		display: none;
	}

	.sl-cta-inner {
		padding: 28px 22px;
	}

	.se-hero {
		padding-bottom: 42px;
	}

	.se-breadcrumb {
		margin-bottom: 30px;
	}

	.se-hero-grid,
	.se-challenge-grid,
	.se-scene-grid,
	.se-page.med .med-challenge-grid,
	.se-page.med .med-scene-grid,
	.se-page.energy .energy-challenge-grid,
	.se-page.energy .energy-scene-grid,
	.se-module-grid,
	.se-value-strip,
	.se-case-grid,
	.se-stats-inner,
	.se-mini-stat-inner,
	.se-flow,
	.se-logo-strip,
	.se-faq-grid {
		grid-template-columns: 1fr;
	}

	.se-hero-copy h1 {
		font-size: clamp(30px, 3.05vw, 40px);
	}

	.se-subtitle {
		font-size: 18px;
	}

	.se-page.med .med-flow-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 22px 14px;
	}

	.se-page.med .med-flow-row article {
		margin-right: 0;
	}

	.se-page.med .med-flow-row article:not(:last-child)::after {
		display: none;
	}

	.se-page.med .med-cap-list h3 {
		white-space: normal;
	}

	.se-page.med .med-cap-list article > div {
		display: block;
	}

	.se-page.med .med-cap-list p {
		margin-top: 4px;
	}

	.se-page.med .med-value-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.se-page.med .med-target-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.se-dashboard-body {
		grid-template-columns: 1fr;
	}

	.se-donut,
	.se-float-card {
		display: none;
	}

	.se-hero-visual {
		min-height: auto;
	}

	.se-section {
		padding: 42px 0;
	}

	.se-title h2 {
		font-size: 24px;
	}

	.se-arch-layout {
		gap: 28px;
	}

	.se-loop {
		width: 280px;
		height: 280px;
	}

	.se-loop-center {
		inset: 94px;
	}

	.se-loop span {
		transform: rotate(var(--a)) translate(112px) rotate(var(--r)) translate(-50%, -50%);
	}

	.chemical-flow-row,
	.chemical-feature-grid,
	.chemical-value-row,
	.chemical-target-row,
	.chemical-blue-cta-inner {
		grid-template-columns: 1fr;
	}

	.chemical-flow-row {
		gap: 22px;
	}

	.chemical-feature-grid article,
	.chemical-feature-grid article:nth-child(2n) {
		border-right: 0;
	}

	.chemical-feature-grid article:nth-last-child(-n + 2) {
		border-bottom: 1px solid #e3edf9;
	}

	.chemical-feature-grid article:last-child {
		border-bottom: 0;
	}

	.chemical-standard-panel th,
	.chemical-standard-panel td {
		padding: 10px;
		font-size: 11px;
	}

	.chemical-cta-worker {
		display: none;
	}

	.chemical-blue-cta h2 {
		font-size: 22px;
	}

	.chemical-blue-cta p {
		font-size: 14px;
	}

	.se-value-strip article,
	.se-value-strip article:not(:last-child) {
		border-right: 0;
		border-bottom: 1px solid #e6eefb;
	}

	.se-mini-stat strong,
	.se-mini-stat strong:not(:last-child) {
		border-right: 0;
		border-bottom: 1px solid #e6eefb;
	}

	.se-flow article:not(:last-child)::after {
		display: none;
	}

	.se-case-wrap {
		grid-template-columns: 1fr;
	}

	.se-case-wrap button {
		display: none;
	}

	.se-case-head > a {
		position: static;
		display: block;
		margin: -18px 0 24px;
		text-align: right;
	}

	.se-stats strong:not(:last-child) {
		border-right: 0;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}

	.se-bottom-inner {
		padding: 28px 22px;
	}

	.se-bottom-inner h2 {
		font-size: 28px;
	}

	.se-page.med .se-bottom-inner {
		padding: 18px 20px;
	}

	.se-page.med .se-bottom-inner h2 {
		font-size: 20px;
	}

	.se-page.med .se-bottom-inner img {
		width: 100%;
		max-height: 120px;
	}
}

@media (max-width: 900px) {
	.se-page.fin .finance-challenge-grid,
	.se-page.fin .finance-scene-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.se-page.fin .finance-land-layout,
	.se-page.fin .finance-land-content {
		grid-template-columns: 1fr;
	}

	.se-page.fin .finance-land-content > p {
		max-width: 720px;
	}

	.se-page.fin .finance-land-map {
		width: min(100%, 620px);
		margin: 0 auto;
	}

	.se-page.fin .finance-value-row {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 16px 0;
	}

	.se-page.fin .finance-value-row article:nth-child(3n) {
		border-right: 0;
	}

	.se-page.fin .finance-deploy-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.se-page.fin .finance-process-flow {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 26px 18px;
	}

	.se-page.fin .finance-process-flow article::before,
	.se-page.fin .finance-process-flow article::after {
		display: none;
	}

	.se-page.gov .se-hero {
		min-height: auto;
		background:
			linear-gradient(180deg, rgba(247,251,255,0.98) 0%, rgba(247,251,255,0.94) 56%, rgba(247,251,255,0.64) 100%),
			var(--se-hero-img) center bottom / auto 68% no-repeat,
			linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
	}

	.se-page.gov .se-hero-grid {
		grid-template-columns: 1fr;
		min-height: 520px;
	}

	.se-page.gov .se-hero-copy {
		max-width: none;
		padding: 36px 0 190px;
	}

	.se-page.gov .se-hero-copy h1 {
		font-size: clamp(30px, 3.05vw, 40px);
	}

	.se-page.gov .gov-hero-tags {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
		padding: 8px 10px;
	}

	.se-page.gov .gov-hero-tags span {
		justify-content: flex-start;
		min-height: 38px;
		padding: 0 8px;
	}

	.se-page.gov .gov-challenge-grid,
	.se-page.gov .gov-scene-grid,
	.se-page.gov .gov-flow,
	.se-page.gov .gov-deploy-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.se-page.gov .gov-capability-layout {
		grid-template-columns: 1fr;
	}

	.se-page.gov .gov-flow {
		gap: 50px 14px;
	}

	.se-page.gov .gov-flow article:not(:last-child)::before,
	.se-page.gov .gov-flow article:not(:last-child)::after {
		display: none;
	}

	.se-page.gov .gov-capability-table,
	.se-page.gov .gov-deploy-grid {
		height: auto;
	}

	.se-page.gov .gov-showcase .se-title h2 {
		font-size: 24px;
	}

	.se-page.gov .gov-showcase .se-title h2::before,
	.se-page.gov .gov-showcase .se-title h2::after {
		width: 32px;
	}
}

@media (max-width: 520px) {
	.se-page.fin .finance-challenge-grid,
	.se-page.fin .finance-scene-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.se-page.fin .finance-challenge-grid article {
		min-height: 168px;
		padding: 18px 14px 16px;
	}

	.se-page.fin .finance-scene-grid img {
		height: 96px;
	}

	.se-page.fin .finance-land-section .se-title h2 {
		font-size: 22px;
	}

	.se-page.fin .finance-land-map {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
		min-height: auto;
	}

	.se-page.fin .finance-land-map::before,
	.se-page.fin .finance-land-map::after,
	.se-page.fin .finance-land-core {
		display: none;
	}

	.se-page.fin .land-card {
		position: static;
		width: auto;
		min-height: auto;
	}

	.se-page.fin .land-card::before,
	.se-page.fin .land-card::after {
		display: none;
	}

	.se-page.fin .finance-key-list article {
		grid-template-columns: 1fr;
	}

	.se-page.fin .finance-key-name {
		min-height: 44px;
		padding: 8px 14px;
	}

	.se-page.fin .finance-key-list p {
		padding: 10px 14px 12px;
	}

	.se-page.fin .finance-value-row,
	.se-page.fin .finance-deploy-grid,
	.se-page.fin .finance-process-flow {
		grid-template-columns: 1fr;
	}

	.se-page.fin .finance-value-row article,
	.se-page.fin .finance-value-row article:not(:last-child) {
		border-right: 0;
		border-bottom: 1px solid #e1eaf7;
		padding: 0 6px 14px;
	}

	.se-page.fin .finance-value-row article:last-child {
		border-bottom: 0;
	}

	.se-page.fin .finance-security-note {
		align-items: flex-start;
		text-align: left;
	}

	.se-page.gov .se-hero {
		background:
			linear-gradient(180deg, rgba(247,251,255,0.99) 0%, rgba(247,251,255,0.96) 62%, rgba(247,251,255,0.72) 100%),
			var(--se-hero-img) 58% bottom / auto 48% no-repeat,
			linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
	}

	.se-page.gov .se-hero-grid {
		min-height: 560px;
	}

	.se-page.gov .se-hero-copy {
		padding: 28px 0 172px;
	}

	.se-page.gov .sl-kicker {
		font-size: 13px;
	}

	.se-page.gov .se-hero-copy h1 {
		font-size: clamp(30px, 3.05vw, 40px);
	}

	.se-page.gov .se-subtitle {
		font-size: 15px;
	}

	.se-page.gov .se-desc {
		font-size: 14px;
	}

	.se-page.gov .se-actions {
		gap: 12px;
	}

	.se-page.gov .se-actions .hy-primary,
	.se-page.gov .se-actions .hy-secondary {
		flex: 1 1 120px;
		min-width: 0;
	}

	.se-page.gov .gov-challenge-grid,
	.se-page.gov .gov-scene-grid,
	.se-page.gov .gov-flow,
	.se-page.gov .gov-deploy-grid {
		grid-template-columns: 1fr;
	}

	.se-page.gov .gov-capability-table th,
	.se-page.gov .gov-capability-table td {
		padding: 11px 8px;
		font-size: 11px;
	}

	.se-page.gov .gov-capability-table th {
		width: 110px;
		white-space: normal;
	}

	.se-page.gov .gov-showcase .se-title h2 {
		gap: 8px;
		font-size: 21px;
	}

	.se-page.gov .gov-showcase .se-title h2::before,
	.se-page.gov .gov-showcase .se-title h2::after {
		width: 20px;
	}
}

@media (max-width: 1180px) {
	.coal-detail .se-mini-stat-inner,
	.coal-detail .se-challenge-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.coal-detail .se-mini-stat strong:nth-child(2n) {
		border-right: 0;
	}

	.coal-scene-cards,
	.coal-problem-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.coal-loop-row {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 24px 18px;
		padding-top: 8px;
	}

	.coal-loop-row::before {
		display: none;
	}

	.coal-loop-row article:not(:last-child)::after {
		display: none;
	}

	.coal-capability-layout,
	.coal-lower-grid {
		grid-template-columns: 1fr;
	}

	.coal-info-items,
	.coal-value-list,
	.coal-target-grid {
		flex: none;
		grid-template-rows: auto;
	}

	.coal-core-wheel {
		order: -1;
	}

	.coal-cap-list-left::after,
	.coal-cap-list-design:not(.coal-cap-list-left)::before {
		display: none;
	}
}

@media (max-width: 760px) {
	.coal-detail .coal-hero {
		min-height: auto;
		padding: 22px 0 58px;
		background:
			linear-gradient(180deg, rgba(6, 23, 49, 0.94), rgba(6, 23, 49, 0.72)),
			url("../images/generated/solution-coal-hero.png") 54% center / cover no-repeat;
	}

	.coal-detail .coal-hero .se-hero-grid {
		min-height: 390px;
	}

	.coal-detail .coal-hero .se-hero-copy h1 {
		font-size: clamp(30px, 3.05vw, 40px);
	}

	.coal-detail .coal-hero .se-subtitle {
		display: flex;
		width: fit-content;
		max-width: 100%;
		height: auto;
		min-height: 0;
		padding: 9px 12px;
		font-size: 16px;
		line-height: 1.45;
	}

	.coal-detail .se-mini-stat-inner,
	.coal-detail .se-challenge-grid {
		grid-template-columns: 1fr;
	}

	.coal-detail .se-mini-stat strong,
	.coal-detail .se-mini-stat strong:not(:last-child),
	.coal-detail .se-mini-stat strong:nth-child(2n) {
		border-right: 0;
		border-bottom: 1px solid #e6eefb;
	}

	.coal-detail .se-mini-stat strong:last-child {
		border-bottom: 0;
	}

	.coal-detail .coal-section-title h2 {
		font-size: 19px;
	}

	.coal-detail .se-section,
	.coal-detail .se-section.se-tight,
	.coal-detail .coal-pain-section,
	.coal-detail .coal-scene-section,
	.coal-detail .coal-ref-section,
	.coal-detail .coal-capability-section,
	.coal-detail .coal-problem-section,
	.coal-detail .coal-lower-section,
	.coal-detail .coal-faq-section {
		padding-top: 32px;
		padding-bottom: 40px;
	}

	.coal-detail .se-bottom-cta {
		padding-top: 24px;
		padding-bottom: 40px;
	}

	.coal-scene-cards,
	.coal-problem-grid,
	.coal-loop-row,
	.coal-info-items,
	.coal-target-grid,
	.coal-faq-list {
		grid-template-columns: 1fr;
	}

	.coal-loop-row article {
		min-height: 104px;
	}

	.coal-target-grid article:last-child {
		grid-column: auto;
	}

	.coal-core-wheel {
		width: 300px;
		height: 236px;
	}

	.coal-core-wheel span {
		width: 66px;
		font-size: 10px;
	}

	.coal-cap-list article,
	.coal-info-items article,
	.coal-value-list article,
	.coal-target-grid article {
		padding: 13px;
	}
}
.communication-detail {
	background: #04152a;
	color: #d9ecff;
}

.communication-detail .hy-shell {
	max-width: 1280px;
}

.cm-header {
	position: sticky;
	top: 0;
	z-index: 20;
	background: rgba(3, 12, 27, .94);
	border-bottom: 1px solid rgba(37, 205, 255, .18);
	box-shadow: 0 12px 36px rgba(0, 0, 0, .28);
}

.cm-header .hy-nav a {
	color: rgba(255, 255, 255, .88);
}

.cm-header .hy-nav a.active,
.cm-header .hy-nav a:hover {
	color: #27f5ff;
}

.cm-header .hy-nav a.active::after {
	background: #19e6ff;
}

.cm-header .hy-login {
	color: #fff;
	border-color: rgba(78, 210, 255, .55);
	background: rgba(255, 255, 255, .05);
}

.cm-header .hy-primary {
	background: #1ee9e6;
	color: #04142a;
	box-shadow: 0 10px 24px rgba(30, 233, 230, .22);
}

.cm-hero {
	position: relative;
	min-height: 520px;
	background: linear-gradient(90deg, rgba(2, 14, 31, .98) 0%, rgba(3, 19, 43, .88) 38%, rgba(4, 22, 48, .35) 70%), url("../images/generated/solution-communication-hero-v2.png") center/cover no-repeat;
	overflow: hidden;
}

.cm-hero::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 140px;
	background: linear-gradient(180deg, rgba(4, 21, 42, 0), #061b34 78%);
	pointer-events: none;
}

.cm-hero-inner {
	position: relative;
	z-index: 1;
	padding: 84px 0 36px;
	min-height: 520px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cm-hero-copy {
	width: min(610px, 100%);
}

.cm-hero h1 {
	margin: 0 0 24px;
	font-size: clamp(30px, 3.05vw, 40px);
	line-height: 1.08;
	letter-spacing: 0;
	color: #fff;
	font-weight: 900;
}

.cm-hero h1 span {
	color: #22f3f0;
	text-shadow: 0 0 30px rgba(34, 243, 240, .35);
}

.cm-hero p {
	margin: 0;
	max-width: 580px;
	color: rgba(232, 247, 255, .92);
	font-size: 16px;
	line-height: 1.9;
}

.cm-actions {
	display: flex;
	gap: 22px;
	margin-top: 30px;
	align-items: center;
	flex-wrap: wrap;
}

.cm-actions a {
	min-width: 176px;
	height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	border-radius: 8px;
	font-weight: 800;
	font-size: 17px;
	color: #06172d;
	background: linear-gradient(135deg, #22fff5, #11bfdc);
	box-shadow: 0 18px 34px rgba(21, 226, 236, .24);
}

.cm-actions a + a {
	color: #fff;
	background: rgba(5, 24, 50, .55);
	border: 1px solid rgba(130, 221, 255, .7);
	box-shadow: none;
}

.cm-tag-row {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 22px;
	width: 640px;
	max-width: 100%;
	padding-top: 18px;
}

.cm-tag-row span {
	height: 78px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 9px;
	color: rgba(226, 245, 255, .92);
	font-size: 14px;
	font-weight: 800;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.cm-tag-row i,
.cm-tag-row b {
	width: 38px;
	height: 38px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	color: #9edbff;
	font-size: 18px;
	background: rgba(6, 28, 58, .48);
	border: 1px solid rgba(30, 230, 255, .78);
	box-shadow: 0 0 16px rgba(26, 224, 255, .25), inset 0 0 12px rgba(49, 182, 255, .18);
}

.cm-tag-row b {
	font-size: 15px;
	font-family: Arial, sans-serif;
	letter-spacing: 0;
}

.cm-kpi {
	margin-top: -14px;
	background: linear-gradient(180deg, #061b34, #04172e);
	border-top: 1px solid rgba(81, 206, 255, .12);
	border-bottom: 1px solid rgba(81, 206, 255, .12);
}

.cm-kpi-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 26px;
	padding: 24px 0 28px;
}

.cm-kpi article {
	position: relative;
	min-height: 98px;
	padding: 18px 46px 16px 96px;
	border-radius: 5px;
	background: linear-gradient(180deg, rgba(7, 42, 86, .68), rgba(4, 29, 66, .86));
	border: 1px solid rgba(32, 166, 255, .55);
	box-shadow: inset 0 0 26px rgba(30, 143, 255, .14), 0 0 18px rgba(15, 105, 205, .18);
}

.cm-kpi article::before {
	content: "";
	position: absolute;
	left: 38px;
	right: 38px;
	top: -1px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(40, 234, 255, .8), transparent);
}

.cm-kpi article::after {
	content: "\f062";
	position: absolute;
	right: 28px;
	top: 34px;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 17px;
	color: #20cfff;
	text-shadow: 0 0 12px rgba(32, 207, 255, .55);
}

.cm-kpi i {
	position: absolute;
	left: 27px;
	top: 25px;
	width: 46px;
	height: 46px;
	display: grid;
	place-items: center;
	border-radius: 8px;
	color: #71a8ff;
	font-size: 33px;
	background: rgba(45, 118, 255, .08);
	text-shadow: 0 0 18px rgba(71, 168, 255, .5);
}

.cm-kpi strong {
	display: inline-block;
	font-size: 42px;
	line-height: 1;
	color: #17cfff;
	font-weight: 900;
	letter-spacing: 0;
}

.cm-kpi b {
	display: block;
	margin: 3px 0 4px;
	color: #fff;
	font-size: 15px;
	line-height: 1.15;
}

.cm-kpi span {
	color: #9ec4e6;
	font-size: 12px;
}

.cm-section {
	position: relative;
	padding: 44px 0;
	background: #061b34;
}

.cm-section h2 {
	margin: 0 0 28px;
	text-align: center;
	font-size: 26px;
	line-height: 1.2;
	color: #f2fbff;
	font-weight: 900;
}

.cm-section h2::before,
.cm-section h2::after {
	content: "";
	display: inline-block;
	width: 90px;
	height: 1px;
	margin: 0 18px 9px;
	background: linear-gradient(90deg, transparent, #21dfff);
}

.cm-section h2::after {
	background: linear-gradient(90deg, #21dfff, transparent);
}

.cm-pain {
	padding: 18px 0 0;
	background: #04172e;
}

.cm-pain h2 {
	position: relative;
	z-index: 3;
	margin: 0 0 -34px;
	padding-top: 2px;
	text-shadow: 0 0 18px rgba(32, 198, 255, .5);
	font-size: 26px;
}

.cm-pain-map {
	position: relative;
	min-height: 330px;
	margin-top: -6px;
	background:
		linear-gradient(180deg, rgba(4, 23, 46, .08) 0%, rgba(4, 23, 46, .18) 56%, rgba(4, 23, 46, .68) 100%),
		url("../images/generated/solution-communication-pain-bg-v2.png") center center/100% 100% no-repeat;
	border-radius: 0;
	border: 0;
	box-shadow: inset 0 22px 58px rgba(0, 0, 0, .14), inset 0 -26px 50px rgba(2, 12, 28, .52);
	overflow: hidden;
}

.cm-pain-map::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 310px;
	height: 54px;
	transform: translateX(-50%);
	background: linear-gradient(90deg, transparent, rgba(30, 218, 255, .75), transparent);
	opacity: .45;
}

.cm-pain-card {
	position: absolute;
	width: 178px;
	min-height: 74px;
	padding: 0 0 0 50px;
	border-radius: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	z-index: 2;
}

.cm-pain-card i {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 46px;
	display: grid;
	place-items: center;
	color: #55caff;
	font-size: 30px;
	text-shadow: 0 0 14px rgba(69, 206, 255, .46);
}

.cm-pain-card h3 {
	margin: 0 0 6px;
	color: #eafdff;
	font-size: 16px;
	line-height: 1.15;
	font-weight: 900;
	text-shadow: 0 0 16px rgba(44, 182, 255, .36);
}

.cm-pain-card p {
	margin: 0;
	color: rgba(221, 241, 255, .86);
	font-size: 12px;
	line-height: 1.5;
	font-weight: 600;
}

.cm-pain-card.p1 { left: 58px; top: 76px; }
.cm-pain-card.p2 { left: 315px; top: 76px; }
.cm-pain-card.p3 { left: 565px; top: 76px; }
.cm-pain-card.p4 { right: 300px; top: 76px; }
.cm-pain-card.p5 { right: 70px; top: 76px; }
.cm-pain-card.p6 { right: 74px; top: 192px; width: 205px; }

.cm-platform {
	padding-top: 42px;
	background: radial-gradient(circle at 50% 45%, rgba(30, 197, 255, .2), transparent 36%), #04172e;
}

.cm-platform-grid {
	display: grid;
	grid-template-columns: 1fr 300px 1fr;
	gap: 30px;
	align-items: center;
}

.cm-cap-list {
	display: grid;
	gap: 14px;
}

.cm-cap-list article {
	position: relative;
	min-height: 75px;
	padding: 14px 18px 14px 72px;
	border-radius: 8px;
	background: rgba(4, 32, 67, .86);
	border: 1px solid rgba(49, 184, 255, .36);
}

.cm-cap-list i {
	position: absolute;
	left: 18px;
	top: 17px;
	width: 38px;
	height: 38px;
	display: grid;
	place-items: center;
	border-radius: 8px;
	color: #5df4ff;
	background: rgba(34, 205, 255, .1);
	font-size: 20px;
}

.cm-cap-list h3 {
	margin: 0 0 6px;
	color: #fff;
	font-size: 17px;
}

.cm-cap-list p {
	margin: 0;
	color: #aecce9;
	font-size: 13px;
	line-height: 1.6;
}

.cm-core-circle {
	width: 300px;
	height: 300px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin: auto;
	background: radial-gradient(circle, #082b67 0 45%, #061b3d 48% 62%, rgba(13, 94, 163, .24) 64%);
	border: 2px solid rgba(31, 228, 255, .75);
	box-shadow: 0 0 0 14px rgba(28, 196, 255, .08), 0 0 0 28px rgba(28, 196, 255, .04), inset 0 0 45px rgba(38, 220, 255, .35), 0 0 70px rgba(34, 218, 255, .32);
}

.cm-core-circle span {
	font-size: 56px;
	line-height: 1;
	font-weight: 900;
	color: #fff;
	text-shadow: 0 0 26px rgba(39, 237, 255, .72);
}

.cm-core-circle b {
	margin-top: 12px;
	font-size: 22px;
	color: #eaffff;
}

.cm-scenes {
	background: #061b34;
}

.cm-scene-row {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 12px;
}

.cm-scene-row article {
	overflow: hidden;
	border-radius: 8px;
	background: rgba(6, 33, 66, .95);
	border: 1px solid rgba(56, 188, 255, .32);
}

.cm-scene-row img {
	display: block;
	width: 100%;
	aspect-ratio: 1.28;
	object-fit: cover;
}

.cm-scene-row h3 {
	margin: 0;
	padding: 12px 8px 14px;
	text-align: center;
	color: #dffaff;
	font-size: 15px;
}

.cm-vs {
	background: linear-gradient(180deg, #04172e, #061b34);
}

.cm-vs h2 span {
	color: #29f2ff;
}

.cm-vs-board {
	display: grid;
	grid-template-columns: 1fr 120px 1fr;
	align-items: center;
	gap: 22px;
	padding: 22px;
	border-radius: 8px;
	border: 1px solid rgba(53, 182, 255, .3);
	background: rgba(5, 31, 64, .72);
}

.cm-vs-board > div {
	border: 1px solid rgba(70, 190, 255, .28);
	border-radius: 8px;
	overflow: hidden;
}

.cm-vs-board h3 {
	margin: 0;
	padding: 14px 22px;
	color: #35edff;
	text-align: center;
	background: rgba(37, 174, 255, .12);
	font-size: 18px;
}

.cm-vs-board p {
	margin: 0;
	padding: 10px 22px;
	color: #d4ebff;
	border-top: 1px solid rgba(79, 190, 255, .15);
	font-size: 15px;
	line-height: 1.6;
}

.cm-vs-board strong {
	width: 98px;
	height: 98px;
	display: grid;
	place-items: center;
	justify-self: center;
	border-radius: 50%;
	color: #7bffff;
	font-size: 40px;
	font-style: italic;
	background: radial-gradient(circle, rgba(33, 237, 255, .35), rgba(8, 60, 128, .8));
	border: 1px solid rgba(68, 232, 255, .8);
	box-shadow: 0 0 40px rgba(35, 226, 255, .35);
}

.cm-benefit,
.cm-deploy,
.cm-faq {
	background: #061b34;
}

.cm-benefit-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
}

.cm-benefit-grid article {
	min-height: 128px;
	padding: 22px 24px 20px 92px;
	position: relative;
	border-radius: 8px;
	background: rgba(6, 37, 75, .9);
	border: 1px solid rgba(59, 189, 255, .32);
}

.cm-benefit-grid i {
	position: absolute;
	left: 24px;
	top: 30px;
	font-size: 38px;
	color: #2ee6ff;
}

.cm-benefit-grid b {
	display: block;
	color: #eafaff;
	font-size: 17px;
}

.cm-benefit-grid strong {
	display: block;
	margin: 4px 0 3px;
	font-size: 40px;
	color: #20dfff;
}

.cm-benefit-grid span {
	color: #adcce9;
}

.cm-deploy-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
	padding: 22px;
	border-radius: 8px;
	background: rgba(6, 36, 72, .72);
	border: 1px solid rgba(55, 185, 255, .3);
}

.cm-deploy-grid article {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 112px;
	border-radius: 8px;
	background: rgba(7, 46, 87, .72);
}

.cm-deploy-grid i {
	font-size: 42px;
	color: #36e8ff;
	text-shadow: 0 0 28px rgba(54, 232, 255, .34);
}

.cm-deploy-grid h3 {
	margin: 0;
	color: #effdff;
	font-size: 17px;
}

.cm-deploy p {
	margin: 16px 0 0;
	text-align: center;
	color: #a9cce9;
	font-size: 15px;
}

.cm-faq-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

.cm-faq-grid article {
	min-height: 106px;
	padding: 18px 20px;
	border-radius: 8px;
	border: 1px solid rgba(55, 185, 255, .3);
	background: rgba(7, 37, 75, .78);
}

.cm-faq-grid b {
	display: block;
	margin-bottom: 10px;
	color: #eafaff;
	font-size: 15px;
}

.cm-faq-grid p {
	margin: 0;
	color: #a9c7e4;
	font-size: 13px;
	line-height: 1.6;
}

.cm-cta {
	position: relative;
	padding: 56px 0 62px;
	text-align: center;
	background: linear-gradient(90deg, rgba(3, 17, 38, .95), rgba(2, 55, 96, .82)), url("../images/generated/solution-communication-hero-v2.png") center bottom/cover no-repeat;
	overflow: hidden;
}

.cm-cta h2 {
	margin: 0;
	color: #efffff;
	font-size: 28px;
	font-weight: 900;
}

.cm-cta .cm-actions {
	justify-content: center;
	margin-top: 28px;
}

.cm-cta p {
	margin: 18px 0 0;
	color: rgba(220, 245, 255, .8);
}

@media (max-width: 1100px) {
	.cm-tag-row,
	.cm-kpi-grid,
	.cm-benefit-grid,
	.cm-faq-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.cm-platform-grid,
	.cm-vs-board {
		grid-template-columns: 1fr;
	}
	.cm-core-circle {
		order: -1;
	}
	.cm-scene-row,
	.cm-deploy-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.cm-pain-map {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
		min-height: auto;
		padding: 18px;
	}
	.cm-pain-map::before,
	.cm-hub {
		display: none;
	}
	.cm-pain-card {
		position: relative;
		inset: auto !important;
		width: auto;
	}
}

@media (max-width: 720px) {
	.cm-hero {
		min-height: 620px;
		background-position: 60% center;
	}
	.cm-hero-inner {
		padding: 58px 0 28px;
		min-height: 620px;
	}
	.cm-hero h1 {
		font-size: clamp(30px, 3.05vw, 40px);
	}
	.cm-hero p {
		font-size: 16px;
	}
	.cm-tag-row,
	.cm-kpi-grid,
	.cm-benefit-grid,
	.cm-faq-grid,
	.cm-pain-map,
	.cm-scene-row,
	.cm-deploy-grid {
		grid-template-columns: 1fr;
	}
	.cm-section h2::before,
	.cm-section h2::after {
		display: none;
	}
	.cm-core-circle {
		width: 240px;
		height: 240px;
	}
}
.noncoal-detail {
	background: #f3eee6;
	color: #2b241d;
}

.noncoal-detail .hy-shell {
	max-width: 1280px;
}

.nc-header {
	position: sticky;
	top: 0;
	z-index: 30;
	background: rgba(29, 27, 24, .92);
	border-bottom: 1px solid rgba(202, 165, 101, .22);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .24);
}

.nc-header .hy-nav a {
	color: rgba(255, 255, 255, .9);
}

.nc-header .hy-nav a.active,
.nc-header .hy-nav a:hover {
	color: #fff;
	background: #1f75b9;
	border-radius: 8px;
}

.nc-header .hy-nav a.active::after {
	display: none;
}

.nc-header .hy-login {
	color: #fff;
	border-color: rgba(221, 183, 115, .58);
	background: rgba(89, 68, 39, .52);
}

.nc-header .hy-primary {
	background: #2d8bdc;
	color: #fff;
	box-shadow: none;
}

.nc-hero {
	min-height: 410px;
	background: linear-gradient(90deg, rgba(21, 18, 15, .9) 0%, rgba(28, 23, 18, .76) 43%, rgba(28, 23, 18, .08) 76%), url("../images/generated/solution-noncoal-hero-v2.png") center/cover no-repeat;
	color: #fff;
}

.nc-hero-inner {
	min-height: 410px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 70px 0 22px;
}

.nc-hero-copy {
	width: min(680px, 100%);
}

.nc-hero h1 {
	margin: 0 0 24px;
	font-size: clamp(30px, 3.05vw, 40px);
	line-height: 1.2;
	font-weight: 900;
	color: #fff;
	letter-spacing: 0;
}

.nc-hero p {
	margin: 0;
	max-width: 650px;
	font-size: 16px;
	line-height: 1.9;
	color: rgba(255, 255, 255, .92);
	font-weight: 600;
}

.nc-actions {
	display: flex;
	align-items: center;
	gap: 22px;
	margin-top: 28px;
	flex-wrap: wrap;
}

.nc-actions a {
	min-width: 136px;
	height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border-radius: 8px;
	color: #fff;
	font-weight: 900;
	font-size: 17px;
	background: linear-gradient(135deg, #c69152, #efb36c);
	box-shadow: 0 12px 28px rgba(74, 43, 15, .22);
}

.nc-actions a + a {
	background: #1f7bc2;
	box-shadow: 0 12px 28px rgba(31, 123, 194, .24);
}

.nc-tags {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 26px;
	max-width: 900px;
	margin-left: 28px;
}

.nc-tags span {
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border-radius: 6px;
	color: #fff;
	font-weight: 800;
	background: rgba(25, 23, 20, .6);
	border: 1px solid rgba(255, 255, 255, .24);
	backdrop-filter: blur(3px);
}

.nc-tags i {
	width: 28px;
	height: 28px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .58);
	color: #fff;
	font-size: 13px;
}

.nc-top,
.nc-section {
	padding: 8px 0 0;
	background: #f3eee6;
}

.nc-two {
	display: grid;
	grid-template-columns: 1.38fr .98fr;
	gap: 8px;
}

.nc-card {
	border-radius: 10px;
	background: rgba(255, 255, 255, .94);
	border: 1px solid #e3d5c2;
	box-shadow: 0 6px 18px rgba(87, 62, 34, .08);
	overflow: hidden;
}

.nc-risk,
.nc-pains {
	min-height: 456px;
}

.nc-pains {
	background: #fffaf3;
}

.nc-card h2 {
	margin: 0;
	padding: 12px 20px 8px;
	color: #6f3d1f;
	font-size: 24px;
	line-height: 1.15;
	font-weight: 900;
}

.nc-risk-map {
	position: relative;
	padding: 0 12px 12px;
}

.nc-risk-map img {
	display: block;
	width: 100%;
	height: 392px;
	object-fit: cover;
	border-radius: 8px;
}

.nc-risk-map span {
	position: absolute;
	padding: 6px 12px;
	border-radius: 6px;
	color: #fff;
	font-size: 14px;
	font-weight: 900;
	background: #1d5c8f;
	border: 2px solid rgba(255, 255, 255, .8);
	box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
}

.nc-risk-map span::before {
	content: "\f3c5";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	margin-right: 6px;
}

.nc-risk-map .m1 { left: 8%; top: 20%; }
.nc-risk-map .m2 { left: 58%; top: 17%; }
.nc-risk-map .m3 { right: 8%; top: 34%; }
.nc-risk-map .m4 { right: 17%; bottom: 25%; }
.nc-risk-map .m5 { left: 41%; bottom: 18%; }
.nc-risk-map .m6 { left: 29%; top: 42%; }

.nc-pains ul {
	list-style: none;
	margin: 0;
	padding: 0 14px 12px;
}

.nc-pains li {
	display: grid;
	grid-template-columns: 48px 1fr;
	gap: 13px;
	padding: 8px 4px 8px 0;
	border-bottom: 1px solid #eadfce;
}

.nc-pains li:last-child {
	border-bottom: 0;
}

.nc-pains i {
	width: 42px;
	height: 42px;
	display: grid;
	place-items: center;
	border-radius: 6px;
	color: #fff;
	background: #815333;
	font-size: 22px;
}

.nc-pains h3 {
	margin: 0 0 3px;
	color: #4b2b18;
	font-size: 16px;
	font-weight: 900;
}

.nc-pains p {
	margin: 0;
	color: #5f5145;
	font-size: 13px;
	line-height: 1.42;
}

.nc-scene-grid {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 13px;
	padding: 0 16px 17px;
}

.nc-scenes-card {
	border-radius: 9px;
}

.nc-scenes-card h2 {
	padding-top: 14px;
	padding-bottom: 10px;
}

.nc-scene-grid article {
	border-radius: 7px;
	background: #fff;
	border: 1px solid #e4d5c1;
	overflow: hidden;
}

.nc-scene-grid img {
	display: block;
	width: 100%;
	aspect-ratio: 1.2;
	object-fit: cover;
}

.nc-scene-grid h3 {
	margin: 9px 9px 4px;
	color: #4b2b18;
	font-size: 15px;
	font-weight: 900;
}

.nc-scene-grid p {
	margin: 0 9px 12px;
	color: #5a524b;
	font-size: 12px;
	line-height: 1.42;
}

.nc-flow {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 0;
	padding: 4px 20px 22px;
	background: linear-gradient(180deg, #fff, #f7efe5);
}

.nc-flow article {
	position: relative;
	text-align: center;
	padding: 4px 12px 0;
}

.nc-flow article:not(:last-child)::after {
	content: "\f061";
	position: absolute;
	right: -10px;
	top: 35px;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #7b4b2e;
	font-size: 24px;
}

.nc-flow i {
	width: 68px;
	height: 68px;
	display: grid;
	place-items: center;
	margin: 0 auto 12px;
	border-radius: 50%;
	color: #fff;
	font-size: 28px;
	background: #84512f;
	box-shadow: inset 0 0 0 7px rgba(255, 255, 255, .16);
}

.nc-flow h3 {
	margin: 0 0 8px;
	color: #4a2a18;
	font-size: 16px;
	font-weight: 900;
}

.nc-flow p {
	margin: 0;
	color: #51463d;
	font-size: 13px;
	line-height: 1.48;
}

.nc-core-grid {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 10px;
	padding: 0 18px 20px;
}

.nc-core-grid article {
	text-align: center;
	padding: 6px 8px 4px;
}

.nc-core-grid i {
	width: 76px;
	height: 76px;
	display: grid;
	place-items: center;
	margin: 0 auto 10px;
	border-radius: 50%;
	color: #1f6ba8;
	font-size: 32px;
	background: #f6fbff;
	border: 2px solid #b8d2e8;
	box-shadow: 0 8px 18px rgba(31, 107, 168, .12);
}

.nc-core-grid h3 {
	margin: 0 0 6px;
	color: #1f5e96;
	font-size: 16px;
	font-weight: 900;
}

.nc-core-grid p {
	margin: 0;
	color: #48423c;
	font-size: 12px;
	line-height: 1.42;
}

.nc-split {
	display: grid;
	grid-template-columns: 1.08fr .95fr;
	gap: 12px;
}

.nc-require ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nc-require li {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	padding: 9px 0;
	color: #39332e;
	font-size: 15px;
	line-height: 1.5;
	border-bottom: 1px solid #eadfce;
}

.nc-require li:last-child {
	border-bottom: 0;
}

.nc-require li > span {
	flex: 0 0 23px;
	width: 23px;
	height: 23px;
	position: relative;
	display: grid;
	place-items: center;
	border-radius: 50%;
	color: #fff;
	background: #1f74b7;
	font-size: 12px;
}

.nc-require li > span::before {
	content: "";
	width: 9px;
	height: 5px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg) translate(1px, -1px);
}

.nc-require b {
	color: #135b9a;
}

.nc-require-wrap {
	display: grid;
	grid-template-columns: 1fr 190px;
	gap: 16px;
	padding: 0 18px 12px;
}

.nc-require-panel {
	align-self: stretch;
	min-height: 208px;
	padding: 16px;
	border-radius: 9px;
	background: linear-gradient(180deg, #f9f2e7, #fffaf3);
	border: 1px solid #e5d1b7;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .62);
}

.nc-require-panel strong {
	display: block;
	margin-bottom: 8px;
	color: #72411e;
	font-size: 16px;
	font-weight: 900;
}

.nc-require-panel p {
	margin: 0 0 14px;
	color: #5d5045;
	font-size: 13px;
	line-height: 1.55;
}

.nc-require-panel div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding: 10px 0;
	border-top: 1px solid #e7d7c2;
}

.nc-require-panel em {
	font-style: normal;
	color: #6b5b4d;
	font-size: 13px;
}

.nc-require-panel b {
	color: #1d6dad;
	font-size: 16px;
	font-weight: 900;
}

.nc-require-mini {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	padding: 0 18px 18px;
}

.nc-require-mini article {
	position: relative;
	min-height: 78px;
	padding: 14px 12px 12px 54px;
	border-radius: 8px;
	background: #f8fbff;
	border: 1px solid #d8e3ee;
}

.nc-require-mini i {
	position: absolute;
	left: 14px;
	top: 16px;
	width: 30px;
	height: 30px;
	display: grid;
	place-items: center;
	border-radius: 7px;
	color: #fff;
	background: #1f74b7;
	font-size: 15px;
}

.nc-require-mini b {
	display: block;
	margin-bottom: 5px;
	color: #135b9a;
	font-size: 15px;
}

.nc-require-mini span {
	color: #5a5149;
	font-size: 12px;
	line-height: 1.45;
}

.nc-value {
	display: grid;
	grid-template-columns: 230px 1fr;
	column-gap: 16px;
	padding-bottom: 15px;
}

.nc-value h2 {
	grid-column: 1 / -1;
}

.nc-value img {
	width: 100%;
	height: calc(100% - 2px);
	min-height: 210px;
	object-fit: cover;
	border-radius: 8px;
	margin-left: 18px;
}

.nc-value div {
	padding: 0 18px 0 8px;
}

.nc-value p {
	position: relative;
	margin: 0;
	padding: 0 0 10px 44px;
	color: #56483d;
	font-size: 13px;
	line-height: 1.45;
}

.nc-value p + p {
	margin-top: 5px;
}

.nc-value i {
	position: absolute;
	left: 0;
	top: 1px;
	width: 32px;
	height: 32px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	color: #9b6835;
	background: #f3e6d0;
}

.nc-value b {
	display: block;
	color: #6b3f20;
	font-size: 15px;
	margin-bottom: 2px;
}

.nc-object-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 14px;
	padding: 0 16px 18px;
}

.nc-object-grid article {
	position: relative;
	overflow: hidden;
	border-radius: 7px;
	border: 1px solid #d9c8b1;
	background: #ddd0bd;
}

.nc-object-grid img {
	display: block;
	width: 100%;
	aspect-ratio: 1.58;
	object-fit: cover;
}

.nc-object-grid span {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 9px 4px;
	text-align: center;
	color: #332619;
	font-weight: 900;
	background: rgba(229, 215, 194, .92);
}

.nc-faq-section {
	padding-bottom: 16px;
}

.nc-faq-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 12px;
	padding: 0 14px 18px;
}

.nc-faq-grid article {
	min-height: 90px;
	padding: 13px 14px;
	border-radius: 6px;
	background: #f5f9ff;
	border: 1px solid #cbd9e8;
}

.nc-faq-grid b {
	display: block;
	margin-bottom: 8px;
	color: #1d67a5;
	font-size: 13px;
}

.nc-faq-grid p {
	margin: 0;
	color: #3f4953;
	font-size: 12px;
	line-height: 1.5;
}

.nc-cta {
	position: relative;
	padding: 36px 0 34px;
	text-align: center;
	color: #fff;
	background: linear-gradient(90deg, rgba(47, 31, 19, .86), rgba(43, 29, 18, .76)), url("../images/generated/solution-noncoal-hero-v2.png") center 60%/cover no-repeat;
}

.nc-cta h2 {
	margin: 0 0 10px;
	font-size: 28px;
	line-height: 1.25;
	font-weight: 900;
}

.nc-cta p {
	margin: 0;
	font-size: 16px;
	color: rgba(255, 255, 255, .88);
}

.nc-cta .nc-actions {
	justify-content: center;
	margin-top: 24px;
}

.nc-footer {
	background: #1e1d1b;
}

.noncoal-detail {
	font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.noncoal-detail p,
.noncoal-detail li,
.noncoal-detail span {
	letter-spacing: 0;
}

.nc-header {
	backdrop-filter: blur(10px);
}

.nc-header .hy-nav {
	gap: 6px;
}

.nc-header .hy-nav a {
	padding: 8px 13px;
	font-size: 14px;
	font-weight: 700;
}

.nc-hero {
	min-height: 392px;
	background-position: center 46%;
}

.nc-hero-inner {
	min-height: 392px;
	padding: 62px 0 20px;
}

.nc-hero h1 {
	margin-bottom: 20px;
	font-size: clamp(30px, 3.05vw, 40px);
	line-height: 1.18;
	text-shadow: 0 6px 22px rgba(0, 0, 0, .34);
}

.nc-hero p {
	max-width: 620px;
	font-size: 16px;
	line-height: 1.86;
	font-weight: 600;
	text-shadow: 0 4px 16px rgba(0, 0, 0, .26);
}

.nc-actions {
	margin-top: 24px;
	gap: 18px;
}

.nc-actions a {
	min-width: 128px;
	height: 48px;
	border-radius: 7px;
	font-size: 16px;
	box-shadow: 0 10px 22px rgba(72, 42, 16, .2);
}

.nc-tags {
	gap: 22px;
	margin-left: 20px;
}

.nc-tags span {
	height: 40px;
	border-radius: 5px;
	font-size: 14px;
	background: rgba(24, 23, 21, .56);
	border-color: rgba(255, 255, 255, .2);
}

.nc-top,
.nc-section {
	background: linear-gradient(180deg, #f4efe7 0%, #f0e9df 100%);
}

.nc-card {
	border-color: #e2d3bf;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 5px 16px rgba(87, 62, 34, .07);
}

.nc-card h2 {
	padding: 13px 19px 9px;
	font-size: 22px;
	line-height: 1.18;
	color: #6b3a1b;
}

.nc-risk,
.nc-pains {
	min-height: 444px;
}

.nc-risk-map {
	padding: 0 11px 11px;
}

.nc-risk-map img {
	height: 382px;
	filter: saturate(.96) contrast(.98);
}

.nc-risk-map span {
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 13px;
	border-width: 1px;
	box-shadow: 0 6px 14px rgba(0, 0, 0, .16);
}

.nc-pains ul {
	padding: 0 13px 10px;
}

.nc-pains li {
	grid-template-columns: 44px 1fr;
	gap: 11px;
	padding: 7px 4px 7px 0;
}

.nc-pains i {
	width: 38px;
	height: 38px;
	border-radius: 6px;
	font-size: 19px;
	background: linear-gradient(180deg, #875737, #704527);
}

.nc-pains h3 {
	font-size: 15px;
	line-height: 1.25;
}

.nc-pains p {
	font-size: 12px;
	line-height: 1.42;
	color: #66594f;
}

.nc-scenes-card h2 {
	padding-top: 13px;
	padding-bottom: 9px;
}

.nc-scene-grid {
	gap: 11px;
	padding: 0 15px 16px;
}

.nc-scene-grid article {
	border-color: #e5d8c7;
	box-shadow: 0 3px 10px rgba(88, 63, 37, .05);
}

.nc-scene-grid img {
	aspect-ratio: 1.18;
	filter: saturate(.96);
}

.nc-scene-grid h3 {
	margin: 8px 8px 4px;
	font-size: 14px;
	line-height: 1.25;
}

.nc-scene-grid p {
	margin: 0 8px 11px;
	font-size: 11.5px;
	line-height: 1.4;
	color: #5e554e;
}

.nc-flow {
	padding: 2px 18px 20px;
}

.nc-flow i {
	width: 62px;
	height: 62px;
	margin-bottom: 10px;
	font-size: 25px;
	background: linear-gradient(180deg, #8a5735, #714628);
}

.nc-flow article:not(:last-child)::after {
	top: 31px;
	font-size: 20px;
	color: #7c4c2e;
}

.nc-flow h3,
.nc-core-grid h3 {
	font-size: 15px;
	line-height: 1.25;
}

.nc-flow p,
.nc-core-grid p {
	font-size: 12px;
	line-height: 1.45;
	color: #5c5249;
}

.nc-core-grid {
	gap: 8px;
	padding: 0 18px 18px;
}

.nc-core-grid i {
	width: 70px;
	height: 70px;
	margin-bottom: 8px;
	font-size: 29px;
	border-color: #bfd4e8;
	background: linear-gradient(180deg, #fbfdff, #eef7ff);
}

.nc-split {
	gap: 10px;
}

.nc-require-wrap {
	grid-template-columns: minmax(0, 1fr) 150px;
	gap: 12px;
	padding: 0 16px 10px;
}

.nc-require li {
	padding: 7px 0;
	font-size: 12.8px;
	line-height: 1.46;
	white-space: nowrap;
}

.nc-require li b {
	display: inline-block;
	min-width: max-content;
	white-space: nowrap;
}

.nc-require li > span {
	flex-basis: 21px;
	width: 21px;
	height: 21px;
}

.nc-require-panel {
	min-height: 194px;
	padding: 13px;
}

.nc-require-panel strong {
	font-size: 16px;
}

.nc-require-panel p,
.nc-require-panel em {
	font-size: 12px;
}

.nc-require-panel b {
	font-size: 16px;
}

.nc-require-mini {
	gap: 9px;
	padding: 0 16px 16px;
}

.nc-require-mini article {
	min-height: 70px;
	padding: 12px 10px 10px 50px;
}

.nc-require-mini i {
	left: 12px;
	top: 14px;
	width: 29px;
	height: 29px;
	border-radius: 6px;
}

.nc-require-mini b {
	font-size: 14px;
}

.nc-require-mini span {
	font-size: 11.5px;
}

.nc-value {
	grid-template-columns: 218px 1fr;
	column-gap: 14px;
}

.nc-value img {
	min-height: 198px;
	margin-left: 16px;
}

.nc-value div {
	padding-right: 16px;
}

.nc-value p {
	padding-left: 40px;
	font-size: 12px;
	line-height: 1.42;
}

.nc-value i {
	width: 29px;
	height: 29px;
}

.nc-value b {
	font-size: 14px;
}

.nc-object-grid {
	gap: 12px;
	padding: 0 15px 16px;
}

.nc-object-grid article {
	border-radius: 6px;
}

.nc-object-grid span {
	padding: 8px 4px;
	font-size: 14px;
}

.nc-faq-grid {
	gap: 10px;
	padding: 0 14px 16px;
}

.nc-faq-grid article {
	min-height: 82px;
	padding: 11px 12px;
}

.nc-faq-grid b {
	font-size: 12.5px;
}

.nc-faq-grid p {
	font-size: 11.5px;
}

.nc-cta {
	padding: 32px 0 34px;
	background-position: center 56%;
}

.nc-cta h2 {
	font-size: 28px;
	line-height: 1.28;
}

.nc-cta p {
	font-size: 16px;
}

@media (max-width: 1100px) {
	.nc-two,
	.nc-split {
		grid-template-columns: 1fr;
	}
	.nc-tags,
	.nc-scene-grid,
	.nc-core-grid {
		grid-template-columns: repeat(4, 1fr);
	}
	.nc-flow {
		grid-template-columns: repeat(3, 1fr);
		gap: 18px;
	}
	.nc-flow article::after {
		display: none;
	}
	.nc-object-grid,
	.nc-faq-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 720px) {
	.nc-hero {
		min-height: 560px;
	}
	.nc-hero-inner {
		min-height: 560px;
		padding-top: 54px;
	}
	.nc-hero h1 {
		font-size: clamp(30px, 3.05vw, 40px);
	}
	.nc-tags,
	.nc-scene-grid,
	.nc-core-grid,
	.nc-flow,
	.nc-object-grid,
	.nc-faq-grid {
		grid-template-columns: 1fr 1fr;
	}
	.nc-value {
		grid-template-columns: 1fr;
	}
	.nc-value img {
		margin: 0 18px 14px;
		width: calc(100% - 36px);
		height: 180px;
	}
}