/* ===============================
Business / Facility - PC
=============================== */
.BusinessArea{
	background:#fff;
	color:#0D0B2B;
	overflow:hidden}

	.BusinessContainer{
		width:min(1180px,calc(100% - 96px));
		margin:0 auto;
		box-sizing:border-box}

		.BusinessBreadcrumb{
			width:min(1180px,calc(100% - 96px));
			margin:24px auto 0;
			display:flex;
			gap:10px;
			align-items:center;
			font-size:12px;
			letter-spacing:.04em;
			color:rgba(13,11,43,.55)}

			.BusinessBreadcrumb a{
				color:#2f7897;
				text-decoration:none}

				.BusinessHero .LowerHero_bg{
					background:linear-gradient(135deg,rgba(238,248,252,.98),rgba(255,255,255,.98) 52%,rgba(240,244,250,.98))}

					.BusinessIntro,.BusinessTypes,.BusinessPerformance,.BusinessCost,.BusinessTrust,.BusinessFlow,.BusinessFinal{
						padding:104px 0}

						.BusinessIntro{
							padding-top:86px}

							.BusinessTypes,.BusinessCost,.BusinessFlow{
								background:#f8fbfd}

								.BusinessEyebrow{
									margin:0 0 16px;
									font-size:11px;
									font-weight:700;
									letter-spacing:.18em;
									color:#6ba6c2}

									.BusinessTitle{
										margin:0;
										font-size:clamp(31px,3vw,46px);
										font-weight:500;
										line-height:1.36;
										letter-spacing:.035em;
										color:#555;}

										.BusinessLead{
											max-width:800px;
											margin:26px 0 0;
											font-size:15px;
											line-height:2;
											color:rgba(13,11,43,.72)}

											.BusinessIntroGrid{
												display:grid;
												grid-template-columns:.9fr 1.1fr;
												gap:88px}

												.BusinessIntroText p{
													margin:0 0 22px;
													font-size:15px;
													line-height:2.05;
													color:rgba(13,11,43,.76)}

													.BusinessSectionHead{
														margin-bottom:54px}

														.BusinessSectionHeadCenter{
															text-align:center}

															.BusinessSectionHeadCenter .BusinessLead{
																margin-left:auto;
																margin-right:auto}

																.BusinessTypeGrid{
																	display:grid;
																	grid-template-columns:repeat(3,1fr);
																	gap:18px}

																	.BusinessTypeGrid article,.BusinessTrustGrid article{
																		background:#fff;
																		border:1px solid rgba(13,11,43,.08);
																		border-radius:22px;
																		padding:30px;
																		box-shadow:0 18px 42px rgba(23,58,77,.05)}

																		.BusinessTypeGrid span,.BusinessTrustGrid span{
																			display:block;
																			margin-bottom:13px;
																			font-size:9.5px;
																			font-weight:700;
																			letter-spacing:.15em;
																			color:#7BAFCB}

																			.BusinessTypeGrid h3,.BusinessTrustGrid h3{
																				margin:0 0 13px;
																				font-size:19px;
																				line-height:1.5;
																			color:#555;}

																				.BusinessTypeGrid p,.BusinessTrustGrid p{
																					margin:0 0 18px;
																					font-size:13.5px;
																					line-height:1.9;
																					color:rgba(13,11,43,.7)}

																					.BusinessTypeGrid a{
																						display:inline-flex;
																						min-height:42px;
																						align-items:center;
																						color:#2f7897;
																						text-decoration:none;
																						font-size:13px;
																						font-weight:600}

																						.BusinessPerformanceGrid{
																							display:grid;
																							grid-template-columns:1fr 1fr;
																							gap:54px;
																							align-items:center}

																							.BusinessPerformanceMain{
																								display:grid;
																								grid-template-columns:repeat(3,1fr);
																								gap:12px}

																								.BusinessPerformanceMain>div{
																									padding:32px 14px;
																									text-align:center;
																									border:1px solid rgba(13,11,43,.08);
																									border-radius:20px;
																									background:#fff}

																									.BusinessPerformanceMain strong{
																										font-size:42px;
																										line-height:1;
																										font-weight:500}

																										.BusinessPerformanceMain span{
																											display:block;
																											margin-top:6px;
																											font-size:11px;
																											letter-spacing:.08em;
																											color:#7BAFCB}

																											.BusinessPerformanceMain p{
																												margin:15px 0 0;
																												font-size:12px;
																												color:rgba(13,11,43,.66)}

																												.BusinessPerformanceText p{
																													margin:0 0 20px;
																													font-size:14px;
																													line-height:1.95;
																													color:rgba(13,11,43,.72)}

																													.BusinessPerformanceText a{
																														display:inline-flex;
																														min-height:46px;
																														align-items:center;
																														color:#2f7897;
																														font-weight:600;
																														text-decoration:none}

																														.BusinessPlanGrid{
																															display:grid;
																															grid-template-columns:repeat(3,1fr);
																															gap:18px}

																															.BusinessPlanGrid article{
																																padding:32px 28px;
																																border:1px solid rgba(13,11,43,.08);
																																border-radius:22px;
																																background:#fff}

																																.BusinessPlanGrid article.isPrimary{
																																	background:#0D0B2B;
																																	color:#fff}

																																	.BusinessPlanTag{
																																		margin:0 0 12px;
																																		font-size:9.5px;
																																		font-weight:700;
																																		letter-spacing:.15em;
																																		color:#7BAFCB}

																																		.BusinessPlanGrid h3{
																																			margin:0 0 18px;
																																			font-size:20px}

																																			.BusinessPlanGrid strong{
																																				display:block;
																																				margin-bottom:18px;
																																				font-size:25px;
																																				font-weight:500}

																																				.BusinessPlanGrid strong small{
																																					font-size:12px;
																																					font-weight:500;
																																					margin-left:4px}

																																					.BusinessPlanGrid article>p:not(.BusinessPlanTag){
																																						min-height:54px;
																																						margin:0 0 22px;
																																						font-size:13.5px;
																																						line-height:1.85;
																																						color:rgba(13,11,43,.68)}

																																						.BusinessPlanGrid article.isPrimary>p:not(.BusinessPlanTag){
																																							color:rgba(255,255,255,.74)}

																																							.BusinessPlanGrid a{
																																								display:flex;
																																								height:44px;
																																								border-radius:999px;
																																								align-items:center;
																																								justify-content:center;
																																								border:1px solid rgba(13,11,43,.14);
																																								color:#0D0B2B;
																																								text-decoration:none;
																																								font-size:12.5px;
																																								font-weight:600}

																																								.BusinessPlanGrid .isPrimary a{
																																									background:#fff;
																																									border-color:#fff}

																																									.BusinessRoiCta{
																																										margin-top:22px;
																																										padding:30px 32px;
																																										border-radius:22px;
																																										background:#eaf5fa;
																																										display:flex;
																																										justify-content:space-between;
																																										align-items:center;
																																										gap:32px}

																																										.BusinessRoiCta h3{
																																											margin:0 0 8px;
																																											font-size:19px}

																																											.BusinessRoiCta>div>p:last-child{
																																												margin:0;
																																												font-size:13px;
																																												line-height:1.8;
																																												color:rgba(13,11,43,.7)}

																																												.BusinessRoiCta a{
																																													display:flex;
																																													align-items:center;
																																													justify-content:center;
																																													min-width:190px;
																																													height:46px;
																																													padding:0 20px;
																																													border-radius:999px;
																																													background:#0D0B2B;
																																													color:#fff;
																																													text-decoration:none;
																																													font-size:12.5px;
																																													font-weight:600}

																																													.BusinessTrustGrid{
																																														display:grid;
																																														grid-template-columns:repeat(4,1fr);
																																														gap:16px}

																																														.BusinessEvidenceLinks{
																																															display:grid;
																																															grid-template-columns:repeat(2,1fr);
																																															gap:14px;
																																															margin-top:22px}

																																															.BusinessEvidenceLinks a{
																																																position:relative;
																																																display:block;
																																																padding:22px 58px 22px 24px;
																																																border:1px solid rgba(13,11,43,.1);
																																																border-radius:16px;
																																																text-decoration:none;
																																																color:#0D0B2B}

																																																.BusinessEvidenceLinks span{
																																																	display:block;
																																																	margin-bottom:6px;
																																																	font-size:9px;
																																																	font-weight:700;
																																																	letter-spacing:.15em;
																																																	color:#7BAFCB}

																																																	.BusinessEvidenceLinks strong{
																																																		font-size:14px}

																																																		.BusinessEvidenceLinks em{
																																																			position:absolute;
																																																			right:24px;
																																																			top:50%;
																																																			transform:translateY(-50%);
																																																			font-style:normal;
																																																			color:#7BAFCB}

																																																			.BusinessFlowList{
																																																				list-style:none;
																																																				margin:0;
																																																				padding:0;
																																																				display:grid;
																																																				grid-template-columns:repeat(5,1fr);
																																																				gap:12px}

																																																				.BusinessFlowList li{
																																																					position:relative;
																																																					padding:28px 22px;
																																																					border:1px solid rgba(13,11,43,.08);
																																																					border-radius:20px;
																																																					background:#fff}

																																																					.BusinessFlowList span{
																																																						font-size:11px;
																																																						font-weight:700;
																																																						color:#7BAFCB}

																																																						.BusinessFlowList h3{
																																																							margin:12px 0 10px;
																																																							font-size:17px}

																																																							.BusinessFlowList p{
																																																								margin:0;
																																																								font-size:12.5px;
																																																								line-height:1.8;
																																																								color:rgba(13,11,43,.68)}

																																																								.BusinessFinal{
																																																									background:#0D0B2B;
																																																									color:#fff}

																																																									.BusinessFinal .BusinessTitle{
																																																										color:#fff}

																																																										.BusinessFinal .BusinessEyebrow{
																																																											color:#9ed0e3}

																																																											.BusinessFinalInner{
																																																												display:grid;
																																																												grid-template-columns:1.25fr .75fr;
																																																												gap:70px;
																																																												align-items:center}

																																																												.BusinessFinalInner>div>p:last-child{
																																																													margin:24px 0 0;
																																																													font-size:14px;
																																																													line-height:1.9;
																																																													color:rgba(255,255,255,.75)}

																																																													.BusinessFinalActions{
																																																														display:grid;
																																																														gap:10px}

																																																														.BusinessFinalActions a{
																																																															display:flex;
																																																															align-items:center;
																																																															justify-content:center;
																																																															height:48px;
																																																															border:1px solid rgba(255,255,255,.28);
																																																															border-radius:999px;
																																																															color:#fff;
																																																															text-decoration:none;
																																																															font-size:13px;
																																																															font-weight:600}

																																																															.BusinessFinalActions a.isPrimary{
																																																																background:#fff;
																																																																color:#0D0B2B;
																																																																border-color:#fff}

																																																																/* ===============================
																																																																Visual content
																																																																=============================== */
																																																																.BusinessHeroInner {
																																																																	display: grid;
																																																																	grid-template-columns: minmax(0, 0.82fr) minmax(430px, 1.18fr);
																																																																	gap: clamp(44px, 6vw, 90px);
																																																																	align-items: center;
																																																																}

																																																																.BusinessHeroVisual {
																																																																	position: relative;
																																																																	margin: 0;
																																																																	min-width: 0;
																																																																	border-radius: 30px;
																																																																	overflow: hidden;
																																																																	box-shadow: 0 30px 80px rgba(22, 47, 63, 0.14);
																																																																}

																																																																.BusinessHeroVisual::after {
																																																																	content: "";
																																																																	position: absolute;
																																																																	inset: 0;
																																																																	pointer-events: none;
																																																																	border-radius: inherit;
																																																																	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
																																																																}

																																																																.BusinessHeroVisual img {
																																																																	display: block;
																																																																	width: 100%;
																																																																	height: clamp(360px, 34vw, 540px);
																																																																	object-fit: cover;
																																																																}

																																																																.BusinessHeroVisual figcaption,
																																																																.BusinessPerformanceVisual figcaption {
																																																																	position: absolute;
																																																																	right: 18px;
																																																																	bottom: 18px;
																																																																	padding: 8px 12px;
																																																																	border-radius: 999px;
																																																																	background: rgba(255, 255, 255, 0.84);
																																																																	backdrop-filter: blur(10px);
																																																																	-webkit-backdrop-filter: blur(10px);
																																																																	font-size: 9px;
																																																																	font-weight: 600;
																																																																	letter-spacing: 0.08em;
																																																																	color: #365467;
																																																																}

																																																																.BusinessSceneGrid {
																																																																	display: grid;
																																																																	grid-template-columns: repeat(3, minmax(0, 1fr));
																																																																	gap: 16px;
																																																																	margin-bottom: 26px;
																																																																}

																																																																.BusinessSceneCard {
																																																																	position: relative;
																																																																	margin: 0;
																																																																	border-radius: 22px;
																																																																	overflow: hidden;
																																																																	min-height: 330px;
																																																																	background: #edf5f8;
																																																																}

																																																																.BusinessSceneCard::after {
																																																																	content: "";
																																																																	position: absolute;
																																																																	inset: 0;
																																																																	background: linear-gradient(to top, rgba(8, 16, 36, 0.72), rgba(8, 16, 36, 0.02) 58%);
																																																																	pointer-events: none;
																																																																}

																																																																.BusinessSceneCard img {
																																																																	display: block;
																																																																	width: 100%;
																																																																	height: 100%;
																																																																	min-height: 330px;
																																																																	object-fit: cover;
																																																																}

																																																																.BusinessSceneCard figcaption {
																																																																	position: absolute;
																																																																	z-index: 1;
																																																																	left: 22px;
																																																																	right: 22px;
																																																																	bottom: 20px;
																																																																	color: #fff;
																																																																}

																																																																.BusinessSceneCard figcaption span,
																																																																.BusinessSceneCard figcaption strong,
																																																																.BusinessSceneCard figcaption small {
																																																																	display: block;
																																																																}

																																																																.BusinessSceneCard figcaption span {
																																																																	margin-bottom: 7px;
																																																																	font-size: 9px;
																																																																	font-weight: 700;
																																																																	letter-spacing: 0.16em;
																																																																	color: #b9deec;
																																																																}

																																																																.BusinessSceneCard figcaption strong {
																																																																	font-size: 17px;
																																																																	font-weight: 600;
																																																																}

																																																																.BusinessSceneCard figcaption small {
																																																																	margin-top: 7px;
																																																																	font-size: 9px;
																																																																	color: rgba(255, 255, 255, 0.7);
																																																																}

																																																																.BusinessPerformanceVisualColumn {
																																																																	min-width: 0;
																																																																}

																																																																.BusinessPerformanceVisual {
																																																																	position: relative;
																																																																	margin: 0 0 14px;
																																																																	border-radius: 22px;
																																																																	overflow: hidden;
																																																																	background: #edf5f8;
																																																																}

																																																																.BusinessPerformanceVisual img {
																																																																	display: block;
																																																																	width: 100%;
																																																																	height: 340px;
																																																																	object-fit: cover;
																																																																}

																																																																.BusinessPerformanceMain {
																																																																	grid-template-columns: repeat(3, 1fr);
																																																																}

																																																																/* ========================================
																																																																BUSINESS HERO - PC only
																																																																Existing Suifeel LowerHero design system
																																																																TB/SP keep the original card-style hero.
																																																																======================================== */
																																																																@media screen and (min-width: 1081px) {
																																																																	.BusinessHero .LowerHero_bg {
																																																																		background-image: url("/commonImages/business/business-hero.webp");
																																																																		background-position: center right;
																																																																		background-size: cover;
																																																																		background-repeat: no-repeat;
																																																																	}

																																																																	.BusinessHeroInner {
																																																																		display: block;
																																																																	}

																																																																	.BusinessHeroVisual {
																																																																		display: none;
																																																																	}

																																																																}

/* ===============================
   Floating Index anchor offset
=============================== */
.BusinessIntro,
.BusinessTypes,
.BusinessPerformance,
.BusinessCost,
.BusinessTrust,
.BusinessFlow,
.BusinessFinal {
    scroll-margin-top: 120px;
}