/* =====================================================================
		   NĂNG LỰC SẢN XUẤT & QC - DESIGN SYSTEM
		   ===================================================================== */
		.sde-cap-page { color: #1e293b; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; }
		.sde-cap-wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
		
		/* Hero Header */
		.sde-cap-hero {
			background: linear-gradient(135deg, #0b1329 0%, #0f172a 60%, #1e293b 100%);
			color: #ffffff;
			padding: 60px 0 70px;
			position: relative;
			overflow: hidden;
			border-bottom: 1px solid rgba(255, 255, 255, 0.08);
		}
		.sde-cap-hero::before {
			content: '';
			position: absolute;
			top: -40%;
			right: -10%;
			width: 650px;
			height: 650px;
			background: radial-gradient(circle, rgba(2, 132, 199, 0.18) 0%, rgba(2, 132, 199, 0) 70%);
			pointer-events: none;
		}
		.sde-cap-hero__inner { position: relative; z-index: 2; max-width: 920px; }
		.sde-cap-hero__kicker {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			font-size: 0.82rem;
			font-weight: 800;
			letter-spacing: 0.08em;
			text-transform: uppercase;
			color: #38bdf8;
			background: rgba(56, 189, 248, 0.12);
			border: 1px solid rgba(56, 189, 248, 0.28);
			padding: 6px 14px;
			border-radius: 4px;
			margin-bottom: 20px;
		}
		.sde-cap-hero__title {
			font-size: 2.5rem;
			line-height: 1.22;
			font-weight: 800;
			color: #ffffff;
			margin: 0 0 18px;
			letter-spacing: -0.02em;
		}
		@media (max-width: 768px) {
			.sde-cap-hero__title { font-size: 1.95rem; }
		}
		.sde-cap-hero__lead {
			font-size: 1.12rem;
			line-height: 1.68;
			color: #cbd5e1;
			margin: 0 0 28px;
			max-width: 860px;
		}
		.sde-cap-hero__actions {
			display: flex;
			gap: 14px;
			flex-wrap: wrap;
			align-items: center;
		}
		
		/* Trust Metrics Bar */
		.sde-cap-metrics {
			background: #ffffff;
			border-bottom: 1px solid #e2e8f0;
			box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
			padding: 28px 0;
		}
		.sde-cap-metrics__grid {
			display: grid;
			grid-template-columns: repeat(5, 1fr);
			gap: 20px;
		}
		@media (max-width: 992px) {
			.sde-cap-metrics__grid { grid-template-columns: repeat(3, 1fr); }
		}
		@media (max-width: 640px) {
			.sde-cap-metrics__grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
		}
		.sde-cap-metric {
			text-align: left;
			padding: 4px 10px;
			border-left: 3px solid #0284c7;
		}
		.sde-cap-metric__val {
			font-size: 1.7rem;
			font-weight: 800;
			color: #0f172a;
			line-height: 1.1;
			margin-bottom: 4px;
			font-family: 'Inter Tight', 'Inter', sans-serif;
		}
		.sde-cap-metric__label {
			font-size: 0.82rem;
			color: #64748b;
			line-height: 1.4;
			font-weight: 500;
		}

		/* Section Base */
		.sde-cap-sec { padding: 64px 0; }
		.sde-cap-sec--mute { background: #f8fafc; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }
		.sde-cap-sec-head {
			text-align: center;
			max-width: 840px;
			margin: 0 auto 46px;
		}
		.sde-cap-sec-head__kicker {
			font-size: 0.82rem;
			font-weight: 800;
			letter-spacing: 0.08em;
			text-transform: uppercase;
			color: #0284c7;
			margin-bottom: 8px;
			display: block;
		}
		.sde-cap-sec-head__title {
			font-size: 2.1rem;
			font-weight: 800;
			color: #0f172a;
			margin: 0 0 14px;
			line-height: 1.28;
			letter-spacing: -0.015em;
		}
		@media (max-width: 768px) {
			.sde-cap-sec-head__title { font-size: 1.75rem; }
		}
		.sde-cap-sec-head__desc {
			font-size: 1.05rem;
			color: #475569;
			line-height: 1.62;
			margin: 0;
		}

		/* 4 QC Pillars Cards */
		.sde-pillars-grid {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 28px;
		}
		@media (max-width: 860px) {
			.sde-pillars-grid { grid-template-columns: 1fr; }
		}
		.sde-pillar-card {
			background: #ffffff;
			border: 1px solid #e2e8f0;
			border-radius: 8px;
			overflow: hidden;
			box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
			display: flex;
			flex-direction: column;
			transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
		}
		.sde-pillar-card:hover {
			transform: translateY(-4px);
			box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
			border-color: #0284c7;
		}
		.sde-pillar-card__top {
			padding: 24px 26px 18px;
			display: flex;
			align-items: flex-start;
			gap: 16px;
			border-bottom: 1px solid #f1f5f9;
		}
		.sde-pillar-card__icon {
			width: 48px;
			height: 48px;
			border-radius: 8px;
			background: #e0f2fe;
			color: #0284c7;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 1.5rem;
			flex-shrink: 0;
		}
		.sde-pillar-card__header h3 {
			font-size: 1.25rem;
			font-weight: 700;
			color: #0f172a;
			margin: 0 0 6px;
			line-height: 1.35;
		}
		.sde-pillar-card__sub {
			font-size: 0.85rem;
			font-weight: 600;
			color: #0284c7;
			text-transform: uppercase;
			letter-spacing: 0.04em;
			margin: 0;
		}
		.sde-pillar-card__body {
			padding: 22px 26px 26px;
			flex-grow: 1;
		}
		.sde-pillar-card__body p {
			font-size: 0.94rem;
			color: #475569;
			line-height: 1.6;
			margin: 0 0 16px;
		}
		.sde-check-list {
			list-style: none;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			gap: 10px;
		}
		.sde-check-list li {
			position: relative;
			padding-left: 24px;
			font-size: 0.91rem;
			color: #334155;
			line-height: 1.5;
		}
		.sde-check-list li::before {
			content: '✓';
			position: absolute;
			left: 0;
			top: 0;
			width: auto;
			height: auto;
			background: transparent !important;
			border-radius: 0;
			color: #0284c7;
			font-weight: 800;
			font-size: 0.95rem;
			line-height: 1.5;
		}

		/* 4-Stage Process Flow */
		.sde-stages-flow {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 20px;
			position: relative;
		}
		@media (max-width: 992px) {
			.sde-stages-flow { grid-template-columns: repeat(2, 1fr); gap: 24px; }
		}
		@media (max-width: 600px) {
			.sde-stages-flow { grid-template-columns: 1fr; }
		}
		.sde-stage-item {
			background: #ffffff;
			border: 1px solid #e2e8f0;
			border-radius: 8px;
			padding: 24px 20px;
			position: relative;
			display: flex;
			flex-direction: column;
			box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03);
			border-top: 4px solid #0284c7;
		}
		.sde-stage-item__step {
			font-size: 0.76rem;
			font-weight: 800;
			text-transform: uppercase;
			letter-spacing: 0.08em;
			color: #0284c7;
			margin-bottom: 6px;
		}
		.sde-stage-item__title {
			font-size: 1.12rem;
			font-weight: 700;
			color: #0f172a;
			margin: 0 0 10px;
			line-height: 1.35;
		}
		.sde-stage-item__scope {
			font-size: 0.82rem;
			background: #f1f5f9;
			color: #475569;
			padding: 4px 10px;
			border-radius: 4px;
			margin-bottom: 14px;
			font-weight: 600;
			display: inline-block;
		}
		.sde-stage-item__desc {
			font-size: 0.9rem;
			color: #475569;
			line-height: 1.55;
			margin: 0;
		}

		/* FCT Jig Deep Dive Section (Split layout) */
		.sde-deep-dive {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 40px;
			align-items: center;
		}
		@media (max-width: 900px) {
			.sde-deep-dive { grid-template-columns: 1fr; gap: 30px; }
		}
		.sde-deep-dive__media {
			position: relative;
			border-radius: 8px;
			overflow: hidden;
			box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
			border: 1px solid #e2e8f0;
			background: #0f172a;
		}
		.sde-deep-dive__media img {
			width: 100%;
			height: auto;
			display: block;
			transition: transform 0.4s ease;
		}
		.sde-deep-dive__media:hover img {
			transform: scale(1.03);
		}
		.sde-deep-dive__badge {
			position: absolute;
			bottom: 16px;
			left: 16px;
			background: rgba(15, 23, 42, 0.9);
			color: #38bdf8;
			font-size: 0.82rem;
			font-weight: 700;
			padding: 6px 14px;
			border-radius: 4px;
			border: 1px solid rgba(56, 189, 248, 0.4);
		}
		.sde-deep-dive__content h3 {
			font-size: 1.85rem;
			font-weight: 800;
			color: #0f172a;
			margin: 0 0 16px;
			line-height: 1.3;
		}
		.sde-deep-dive__content p {
			font-size: 1rem;
			color: #475569;
			line-height: 1.65;
			margin: 0 0 20px;
		}

		/* Instrumentation Grid */
		.sde-equip-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 22px;
		}
		@media (max-width: 900px) {
			.sde-equip-grid { grid-template-columns: repeat(2, 1fr); }
		}
		@media (max-width: 600px) {
			.sde-equip-grid { grid-template-columns: 1fr; }
		}
		.sde-equip-card {
			background: #ffffff;
			border: 1px solid #e2e8f0;
			border-radius: 6px;
			padding: 22px;
			box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
		}
		.sde-equip-card__cat {
			font-size: 0.78rem;
			font-weight: 800;
			text-transform: uppercase;
			color: #0284c7;
			letter-spacing: 0.05em;
			margin-bottom: 6px;
		}
		.sde-equip-card__name {
			font-size: 1.08rem;
			font-weight: 700;
			color: #0f172a;
			margin: 0 0 10px;
			line-height: 1.4;
		}
		.sde-equip-card__spec {
			font-size: 0.88rem;
			color: #64748b;
			line-height: 1.5;
			margin: 0;
		}

		/* Comparison Table */
		.sde-comp-table-wrap {
			overflow-x: auto;
			border: 1px solid #e2e8f0;
			border-radius: 8px;
			box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
			background: #ffffff;
		}
		.sde-comp-table {
			width: 100%;
			border-collapse: collapse;
			text-align: left;
			font-size: 0.93rem;
		}
		.sde-comp-table th, .sde-comp-table td {
			padding: 16px 20px;
			border-bottom: 1px solid #e2e8f0;
			vertical-align: top;
		}
		.sde-comp-table th {
			background: #f8fafc;
			font-weight: 700;
			color: #0f172a;
			font-size: 0.95rem;
		}
		.sde-comp-table th.sde-col-dl {
			background: #e0f2fe;
			color: #0284c7;
			border-bottom: 2px solid #0284c7;
		}
		.sde-comp-table td.sde-col-dl {
			background: #f0f9ff;
			font-weight: 600;
			color: #0369a1;
		}
		.sde-comp-table tr:last-child td { border-bottom: none; }

		/* B2B Commercial Commitments (Cards 4 cols) */
		.sde-commit-grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 20px;
		}
		@media (max-width: 992px) {
			.sde-commit-grid { grid-template-columns: repeat(2, 1fr); }
		}
		@media (max-width: 600px) {
			.sde-commit-grid { grid-template-columns: 1fr; }
		}
		.sde-commit-card {
			background: #ffffff;
			border: 1px solid #e2e8f0;
			border-radius: 6px;
			padding: 24px 20px;
			border-left: 3px solid #0284c7;
			box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03);
		}
		.sde-commit-card h3, .sde-commit-card h4 {
			font-size: 1.05rem;
			font-weight: 700;
			color: #0f172a;
			margin: 0 0 10px;
			line-height: 1.35;
		}
		.sde-commit-card p {
			font-size: 0.88rem;
			color: #475569;
			line-height: 1.55;
			margin: 0;
		}

		/* FAQ Section */
		.sde-faq-list {
			display: flex;
			flex-direction: column;
			gap: 14px;
			max-width: 920px;
			margin: 0 auto;
		}
		.sde-faq-item {
			background: #ffffff;
			border: 1px solid #e2e8f0;
			border-radius: 6px;
			padding: 18px 24px;
			transition: border-color 0.2s ease, box-shadow 0.2s ease;
		}
		.sde-faq-item[open] {
			border-color: #0284c7;
			box-shadow: 0 4px 14px rgba(2, 132, 199, 0.08);
		}
		.sde-faq-item summary {
			font-size: 1.05rem;
			font-weight: 700;
			color: #0f172a;
			cursor: pointer;
			list-style: none;
			position: relative;
			padding-right: 28px;
		}
		.sde-faq-item summary::-webkit-details-marker { display: none; }
		.sde-faq-item summary::after {
			content: '+';
			position: absolute;
			right: 0;
			top: -2px;
			font-size: 1.4rem;
			color: #0284c7;
			font-weight: 600;
			line-height: 1;
		}
		.sde-faq-item[open] summary::after {
			content: '−';
		}
		.sde-faq-ans {
			margin-top: 14px;
			padding-top: 14px;
			border-top: 1px solid #f1f5f9;
			font-size: 0.94rem;
			color: #475569;
			line-height: 1.65;
		}

		/* Global Buttons & CTA */
		.sde-btn {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			padding: 12px 24px;
			font-size: 0.95rem;
			font-weight: 700;
			border-radius: 4px;
			text-decoration: none;
			transition: all 0.2s ease;
			cursor: pointer;
		}
		.sde-btn--primary {
			background: #0284c7;
			color: #ffffff !important;
			border: 1px solid #0284c7;
		}
		.sde-btn--primary:hover {
			background: #0369a1;
			border-color: #0369a1;
			transform: translateY(-1px);
		}
		.sde-btn--secondary {
			background: rgba(255, 255, 255, 0.1);
			color: #ffffff !important;
			border: 1px solid rgba(255, 255, 255, 0.3);
		}
		.sde-btn--secondary:hover {
			background: rgba(255, 255, 255, 0.2);
			border-color: #ffffff;
		}
		.sde-btn--outline-dark {
			background: transparent;
			color: #0f172a !important;
			border: 1px solid #cbd5e1;
		}
		.sde-btn--outline-dark:hover {
			background: #f8fafc;
			border-color: #0284c7;
			color: #0284c7 !important;
		}

		/* CTA Band Centering Fix */
		.sde-cap-page .sde-cta-band,
		.sde-cta-band {
			text-align: center;
		}
		.sde-cap-page .sde-cta-band h2,
		.sde-cta-band h2 {
			max-width: 820px !important;
			margin: 0 auto 16px !important;
			text-align: center !important;
		}
		.sde-cap-page .sde-cta-band p,
		.sde-cta-band p {
			max-width: 740px !important;
			margin: 0 auto 28px !important;
			text-align: center !important;
		}
		@media (max-width: 768px) {
			.sde-cta-band h2 {
				font-size: 1.75rem !important;
			}
			.sde-cta-band p {
				font-size: 0.98rem !important;
			}
		}