/* ============================================
   Yunzi Theme - Custom Styles
   Based on design reference ai_studio_code (6).html
   Color: Navy #0A192F + Gold #C19D68
   ============================================ */

/* --- CSS Custom Properties --- */
:root {
	--brand-900: #0A192F;
	--brand-800: #112240;
	--brand-600: #2563EB;
	--brand-gold: #C19D68;
	--surface: #F8F9FA;
}

/* --- Base Resets --- */
*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

/* ========================================
   WordPress Block Base Styles
   (replaces wp-includes/css/dist/block-library/style.min.css)
   ======================================== */

/* --- Layout Containers --- */
.wp-site-blocks {
	position: relative;
}

.wp-block-template-part {
	display: block;
}

.wp-block-group {
	display: block;
}

.wp-block-group.alignfull {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box;
}

.wp-block-group.alignwide {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.is-layout-constrained {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.is-layout-flex {
	display: flex !important;
}

.is-layout-flow {
	display: block;
}

.is-nowrap {
	flex-wrap: nowrap !important;
}

.is-content-justification-space-between {
	justify-content: space-between !important;
}

.is-content-justification-right {
	justify-content: flex-end !important;
}

.has-global-padding {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

/* --- Colors (WordPress has-{slug}-background-color / has-{slug}-color) --- */
.has-primary-background-color { background-color: var(--primary, #0A192F) !important; }
.has-primary-light-background-color { background-color: var(--primary-light, #112240) !important; }
.has-white-background-color { background-color: #FFFFFF !important; }
.has-surface-background-color { background-color: var(--surface, #F8F9FA) !important; }
.has-accent-background-color { background-color: var(--accent, #2563EB) !important; }
.has-gold-background-color { background-color: var(--gold, #C19D68) !important; }
.has-brand-900-background-color { background-color: var(--brand-900, #0A192F) !important; }
.has-brand-800-background-color { background-color: var(--brand-800, #112240) !important; }
.has-brand-600-background-color { background-color: var(--brand-600, #2563EB) !important; }
.has-secondary-background-color { background-color: var(--secondary, #334155) !important; }
.has-background { }

.has-primary-color { color: var(--primary, #0A192F) !important; }
.has-white-color { color: #FFFFFF !important; }
.has-surface-color { color: var(--surface, #F8F9FA) !important; }
.has-accent-color { color: var(--accent, #2563EB) !important; }
.has-gold-color { color: var(--gold, #C19D68) !important; }
.has-brand-900-color { color: var(--brand-900, #0A192F) !important; }
.has-brand-gold-color { color: var(--brand-gold, #C19D68) !important; }
.has-text-color { }
.has-muted-color { color: #9ca3af; }
.has-secondary-color { color: var(--secondary, #334155); }
.has-alpha-channel-opacity { opacity: 1; }

/* --- Typography --- */
.wp-block-heading {
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

/* --- Text Alignment (WordPress block classes) --- */
.has-text-align-center { text-align: center !important; }
.has-text-align-left { text-align: left !important; }
.has-text-align-right { text-align: right !important; }

p {
	margin: 0;
}

/* --- Site Title --- */
.wp-block-site-title {
	font-weight: 700;
	font-size: 1.25rem;
}

.wp-block-site-title a {
	text-decoration: none;
	color: #0F172A;
	transition: color 0.3s;
}

.wp-block-site-title a:hover {
	color: var(--brand-gold);
}

.site-brand-logo {
	display: block;
	width: 112px;
	height: auto;
	max-width: 28vw;
}

/* --- Buttons --- */
.wp-block-buttons {
	display: flex;
	gap: 1rem;
	align-items: center;
}

.wp-block-buttons.is-content-justification-right {
	justify-content: flex-end;
}

.wp-block-button {
	display: inline-block;
}

.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	cursor: pointer;
	border-radius: 0.375rem;
	transition: all 0.3s;
}

.wp-element-button {
	cursor: pointer;
}

.is-style-fill .wp-block-button__link {
	border: none;
}

/* --- Separator --- */
.wp-block-separator {
	border: none;
	height: 2px;
	background: #e2e8f0;
	margin: 2rem 0;
	width: 100%;
}

.wp-block-separator.is-style-wide {
	height: 2px;
}

/* --- Navigation Base --- */
.wp-block-navigation {
	display: flex;
}

.wp-block-navigation__container {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.wp-block-navigation-item {
	list-style: none;
	position: relative;
	display: block;
}

.wp-block-navigation-item__content {
	text-decoration: none;
	color: inherit;
	display: block;
}

.wp-block-navigation-link {
}

.wp-block-navigation-submenu {
	position: relative;
}

.wp-block-navigation__submenu-container {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

/* Mobile navigation overlay */
.wp-block-navigation__responsive-container {
	display: none;
}

.wp-block-navigation__responsive-container-open {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0.5rem;
	display: flex;
	align-items: center;
}

.wp-block-navigation__responsive-container-close {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0.5rem;
	display: flex;
	align-items: center;
}

/* Desktop: unwrap overlay layers */
@media (min-width: 782px) {
	.wp-block-navigation__responsive-container-open {
		display: none !important;
	}

	.wp-block-navigation__responsive-container {
		display: block !important;
		position: static !important;
		background: none !important;
		padding: 0 !important;
		overflow: visible !important;
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		z-index: auto !important;
	}

	.wp-block-navigation__responsive-close {
		display: block !important;
		position: static !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	.wp-block-navigation__responsive-dialog {
		display: block !important;
		position: static !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	.wp-block-navigation__responsive-container-close {
		display: none !important;
	}

	.wp-block-navigation__responsive-container-content {
		display: block !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	.wp-block-navigation__container {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: 0 !important;
	}
}

/* Mobile: show hamburger */
@media (max-width: 781px) {
	.wp-block-navigation__responsive-container-open {
		display: flex;
	}

	.wp-block-navigation__responsive-container {
		display: none;
		position: fixed;
		inset: 0;
		z-index: 9999;
		background: #fff;
		padding: 2rem;
		overflow-y: auto;
		max-height: 100vh;
		box-sizing: border-box;
	}

	.wp-block-navigation__responsive-close {
		display: block;
		position: absolute;
		top: 1rem;
		right: 1rem;
	}
}

/* --- Images --- */
img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* --- Links --- */
a {
	color: inherit;
}

/* --- Lists --- */
ul, ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* --- Responsive helpers --- */
.items-justified-right {
	justify-content: flex-end;
}

.no-wrap {
	flex-wrap: nowrap;
}

/* --- WP container overrides (unique hashes from WP rendering) --- */
[class*="wp-container-core-group-is-layout"],
[class*="wp-container-core-navigation-is-layout"],
[class*="wp-container-core-buttons-is-layout"] {
	/* These are auto-generated WP layout containers, override as needed */
}

/* ========================================
   Override WordPress block layout
   (WP adds is-layout-flow/constrained which
   breaks our custom grid/flex layouts)
   ======================================== */
.service-matrix-grid,
.service-matrix-grid.is-layout-flow,
.service-matrix-grid.wp-block-group-is-layout-flow {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
}

.service-matrix-grid > * {
	flex: 0 0 calc((100% - 6rem) / 7);
	max-width: calc((100% - 6rem) / 7);
}

.showcase-grid,
.showcase-grid.is-layout-flow,
.showcase-grid.wp-block-group-is-layout-flow {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.5rem;
}

.consulting-accordion,
.consulting-accordion.is-layout-flow,
.consulting-accordion.wp-block-group-is-layout-flow {
	display: flex !important;
	gap: 1rem;
	width: 100%;
	height: 500px;
}

.senior-grid,
.senior-grid.is-layout-flow,
.senior-grid.wp-block-group-is-layout-flow {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
}

.client-grid,
.client-grid.is-layout-flow,
.client-grid.wp-block-group-is-layout-flow {
	display: grid !important;
	grid-template-columns: repeat(6, 1fr);
	gap: 1rem;
	gap-row: 3rem;
	align-items: center;
}

.footer-grid,
.footer-grid.is-layout-flow,
.footer-grid.wp-block-group-is-layout-flow {
	display: grid !important;
	grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
	gap: 3rem;
	padding-bottom: 4rem;
	border-bottom: 1px solid #1e293b;
}

.activity-layout,
.activity-layout.is-layout-flow,
.activity-layout.wp-block-group-is-layout-flow {
	display: flex !important;
	gap: 2.5rem;
}

.activity-tabs {
	width: 30%;
	flex-shrink: 0;
	display: flex !important;
	flex-direction: column;
	gap: 0.5rem;
	border-right: 1px solid #e5e7eb;
	padding-right: 1.5rem;
}

.activity-list {
	width: 70%;
	position: relative;
}

/* Make specific WP containers flex/grid override */
.hero-carousel .swiper {
	height: 100%;
	width: 100%;
}

.hero-carousel .swiper-slide {
	overflow: hidden;
}

/* --- Section Title Decorator --- */
.section-label {
	font-family: 'Inter', sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--brand-gold);
	letter-spacing: 0.2em;
	text-transform: uppercase;
	display: block;
	text-align: center;
	margin-bottom: 0.75rem;
}

/* Section h2 spacing — title to content gap */
[class*="-section"] .wp-block-heading,
[class*="enterprise-"] .wp-block-heading {
	margin-bottom: 2.5rem;
}

.section-label-line {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

.section-label-line::before,
.section-label-line::after {
	content: '';
	width: 2rem;
	height: 2px;
	background: var(--brand-gold);
}

/* ========================================
   1. Header - Fixed Navigation
   ======================================== */
.site-header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 50;
	background: #fff;
	border-bottom: 1px solid #f1f5f9;
	transition: box-shadow 0.3s;
}

.site-header.scrolled {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.site-header .wp-block-group.alignwide {
	max-width: 1400px;
	margin: 0 auto;
}

/* ---- Top-level navigation container ---- */

/* ---- Top-level menu items (<li>) ---- */
.site-header .wp-block-navigation__container > .wp-block-navigation-item {
	position: relative;
	display: flex !important;
	align-items: stretch !important;
}

/* The <a> link inside top-level items (class: wp-block-navigation-item__content) */
.site-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	position: relative;
	display: flex !important;
	align-items: center !important;
	font-size: 0.9375rem;
	font-weight: 500;
	color: #1e293b !important;
	padding: 1.25rem 0.85rem;
	transition: color 0.3s;
	white-space: nowrap;
	border-bottom: 3px solid transparent;
	margin-bottom: -3px;
}

/* The toggle <button> next to submenu links (arrow) */
.site-header .wp-block-navigation__container > .wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle {
	display: flex !important;
	align-items: center !important;
	padding: 1.25rem 0.25rem 1.25rem 0;
	background: none;
	border: none;
	border-bottom: 3px solid transparent;
	margin-bottom: -3px;
	color: #1e293b;
}

.site-header .wp-block-navigation__container > .wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle svg {
	width: 12px;
	height: 12px;
	opacity: 0.35;
	transition: transform 0.3s, opacity 0.3s;
}

/* Hover: gold bottom border + color change */
.site-header .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
.site-header .wp-block-navigation__container > .wp-block-navigation-submenu:hover > .wp-block-navigation-submenu__toggle {
	color: var(--brand-gold) !important;
	border-bottom-color: var(--brand-gold);
}

.site-header .wp-block-navigation__container > .wp-block-navigation-submenu:hover > .wp-block-navigation-submenu__toggle svg {
	transform: rotate(180deg);
	opacity: 0.7;
}

/* ---- Dropdown panel (first level) ---- */
/* Override WordPress default: height:0, width:0, overflow:hidden */
.site-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-container,
.site-header .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container {
	position: absolute !important;
	top: 100% !important;
	left: auto !important;
	right: auto !important;
	min-width: 280px !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	background: #fff;
	border-top: 3px solid var(--brand-gold);
	border-radius: 0 0 0.75rem 0.75rem;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.03);
	padding: 0.75rem 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(4px);
	transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1),
	            visibility 0.3s,
	            transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 100;
	pointer-events: none;
}

/* Show dropdown on hover */
.site-header .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container,
.site-header .wp-block-navigation__container > .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

/* ---- Dropdown items ---- */
.site-header .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	display: flex !important;
	align-items: center !important;
	padding: 0.6rem 1.5rem !important;
	font-size: 0.875rem !important;
	font-weight: 400 !important;
	color: #374151 !important;
	transition: all 0.2s !important;
	border-left: 3px solid transparent;
	white-space: nowrap;
	flex: 1;
}

.site-header .wp-block-navigation__submenu-container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content {
	color: var(--brand-900) !important;
	background: linear-gradient(90deg, rgba(193, 157, 104, 0.06), transparent) !important;
	border-left-color: var(--brand-gold);
}

/* ---- Dropdown submenu items that have children (flex so <a> + <button> sit side by side) ---- */
.site-header .wp-block-navigation__submenu-container > .wp-block-navigation-submenu {
	display: flex !important;
	align-items: center !important;
}

/* ---- Third-level submenu (fly-out right) ---- */
/* The toggle button inside dropdown for nested submenus */
.site-header .wp-block-navigation__submenu-container > .wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle {
	display: flex !important;
	align-items: center !important;
	padding: 0.6rem 1rem 0.6rem 0 !important;
	background: none;
	border: none;
	color: #374151;
}

.site-header .wp-block-navigation__submenu-container > .wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle svg {
	width: 10px;
	height: 10px;
	opacity: 0.3;
	transform: rotate(-90deg);
	transition: transform 0.2s, opacity 0.2s;
}

.site-header .wp-block-navigation__submenu-container > .wp-block-navigation-submenu:hover > .wp-block-navigation-submenu__toggle svg {
	transform: rotate(-90deg) scale(1.1);
	opacity: 0.7;
}

/* Third-level dropdown */
.site-header .wp-block-navigation__submenu-container > .wp-block-navigation-submenu > .wp-block-navigation__submenu-container {
	position: absolute !important;
	top: -0.5rem !important;
	left: 100% !important;
	min-width: 240px !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	background: #fff;
	border-top: 3px solid var(--brand-gold);
	border-radius: 0.75rem;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.03);
	padding: 0.5rem 0;
	opacity: 0;
	visibility: hidden;
	transform: translateX(4px);
	transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1),
	            visibility 0.3s,
	            transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 101;
	pointer-events: none;
}

.site-header .wp-block-navigation__submenu-container > .wp-block-navigation-submenu:hover > .wp-block-navigation__submenu-container {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateX(0) !important;
	pointer-events: auto !important;
}

.site-header .wp-block-navigation__submenu-container > .wp-block-navigation-submenu > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	padding: 0.5rem 1.25rem !important;
	font-size: 0.8125rem !important;
	color: #475569 !important;
}

/* ---- Desktop: show nav inline, hide hamburger ---- */
@media (min-width: 782px) {
	.site-header .wp-block-navigation__responsive-container-open {
		display: none !important;
	}

	/* Unwrap all overlay layers */
	.site-header .wp-block-navigation__responsive-container {
		display: block !important;
		position: static !important;
		background: none !important;
		padding: 0 !important;
		overflow: visible !important;
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		z-index: auto !important;
	}

	.site-header .wp-block-navigation__responsive-close {
		display: block !important;
		position: static !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	.site-header .wp-block-navigation__responsive-dialog {
		display: block !important;
		position: static !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	.site-header .wp-block-navigation__responsive-container-close {
		display: none !important;
	}

	.site-header .wp-block-navigation__responsive-container-content {
		display: block !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	.site-header .wp-block-navigation__container {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		justify-content: flex-end !important;
		gap: 0 !important;
	}
}

/* ---- CTA button (在线报名) ---- */
.site-header .wp-block-button__link {
	border-radius: 0.375rem !important;
	transition: all 0.3s;
}

.site-header .wp-block-button__link:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(10, 25, 47, 0.2);
}

/* ========================================
   2. Hero Carousel (Swiper)
   ======================================== */
.hero-carousel {
	position: relative;
	height: 85vh;
	min-height: 500px;
	width: 100%;
	margin-top: 0;
	padding-top: 80px;
	background: var(--brand-900);
}

.hero-carousel .swiper-slide {
	position: relative;
	overflow: hidden;
}

.hero-carousel .swiper-slide img.hero-bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.05);
	transition: transform 10s ease;
}

.hero-slide-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, rgba(10, 25, 47, 0.8), rgba(10, 25, 47, 0.6), transparent);
}

.hero-slide-overlay.darker {
	background: linear-gradient(to right, rgba(10, 25, 47, 0.95), rgba(10, 25, 47, 0.8), transparent);
}

.hero-slide-content {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
}

.hero-text-wrap {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 1.5rem;
	width: 100%;
	color: #fff;
	border-left: 4px solid var(--brand-gold);
	padding-left: 2rem;
	margin-left: 3rem;
	opacity: 0;
	transform: translateY(30px);
}

.swiper-slide-active .hero-text-wrap {
	animation: heroFadeInUp 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

@keyframes heroFadeInUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.hero-text-wrap .hero-tag {
	font-family: 'Inter', sans-serif;
	letter-spacing: 0.3em;
	color: var(--brand-gold);
	font-size: 0.875rem;
	font-weight: 700;
	display: block;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.hero-text-wrap h1 {
	font-size: clamp(1.875rem, 5vw, 3.75rem);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
	margin-bottom: 1.5rem;
	color: #fff;
}

.hero-text-wrap h1 .gradient-text {
	background: linear-gradient(to right, #fff, #9ca3af);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.hero-text-wrap .gold-text {
	color: var(--brand-gold);
}

.hero-text-wrap p {
	font-size: 1rem;
	color: #d1d5db;
	font-weight: 300;
	max-width: 40rem;
	line-height: 1.8;
}

.hero-text-wrap .hero-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 2rem;
	background: var(--brand-gold);
	color: var(--brand-900);
	padding: 0.75rem 1.5rem;
	border-radius: 0.375rem;
	font-weight: 700;
	text-decoration: none;
	transition: background 0.3s;
	box-shadow: 0 10px 15px -3px rgba(193, 157, 104, 0.3);
}

.hero-text-wrap .hero-cta:hover {
	background: #fff;
}

/* Hero process steps */
.hero-steps {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
	margin-top: 2rem;
}

.hero-step {
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 0.75rem 1.5rem;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 0.875rem;
}

.hero-step .step-num {
	color: var(--brand-gold);
	font-weight: 700;
	margin-right: 0.5rem;
	font-family: 'Inter', sans-serif;
}

.hero-step-arrow {
	color: #9ca3af;
	font-size: 1.25rem;
}

/* Swiper pagination */
.hero-carousel .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.4);
	width: 12px;
	height: 4px;
	border-radius: 2px;
	transition: all 0.3s;
	opacity: 1;
}

.hero-carousel .swiper-pagination-bullet-active {
	background: var(--brand-gold);
	width: 24px;
}

.hero-carousel .swiper-pagination {
	text-align: right;
	bottom: 2.5rem !important;
	right: 2.5rem;
	left: auto;
	width: auto;
}

/* Hero stat badge */
.hero-stat-badge {
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 2rem;
}

.hero-stat-number {
	background: rgba(193, 157, 104, 0.1);
	border: 1px solid rgba(193, 157, 104, 0.3);
	color: var(--brand-gold);
	font-size: clamp(1.875rem, 4vw, 3rem);
	font-weight: 900;
	font-family: 'Inter', sans-serif;
	padding: 0.75rem 1.25rem;
	border-radius: 0.75rem;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* ========================================
   3. Service Matrix Grid (14 items)
   ======================================== */
.service-matrix {
	padding: 5rem 0;
	background: var(--surface);
}

.service-matrix-item {
	position: relative;
	height: 9rem;
	border-radius: 0.75rem;
	overflow: hidden;
	display: block;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(226, 232, 240, 0.5);
	text-decoration: none;
	cursor: pointer;
}

.service-matrix-item img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: transform 0.7s, filter 0.7s, opacity 0.5s;
	filter: grayscale(100%);
	opacity: 0.2;
}

.service-matrix-item:hover img {
	transform: scale(1.1);
	filter: grayscale(0%);
	opacity: 1;
}

.service-matrix-item .service-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(10, 25, 47, 0.9), rgba(10, 25, 47, 0.7), rgba(10, 25, 47, 0.4));
	transition: background 0.5s;
}

.service-matrix-item:hover .service-overlay {
	background: linear-gradient(to top, rgba(10, 25, 47, 0.9), rgba(10, 25, 47, 0.5), rgba(10, 25, 47, 0.2));
}

.service-matrix-item .service-content {
	position: absolute;
	inset: 0;
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	text-align: center;
}

.service-matrix-item .service-icon {
	font-size: 1.75rem;
	color: var(--brand-gold);
	margin-bottom: 0.5rem;
	transition: transform 0.3s;
}

.service-matrix-item:hover .service-icon {
	transform: translateY(-0.5rem) scale(0.9);
}

.service-matrix-item .service-title {
	font-size: 0.8125rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.01em;
	transition: transform 0.3s;
	width: 100%;
}

.service-matrix-item:hover .service-title {
	transform: translateY(-0.25rem);
}

/* ========================================
   4. Showcase (企训平台 + GMP培训联盟)
   ======================================== */
.showcase-section {
	padding: 5rem 0 8rem;
	background: #f8fafc;
	position: relative;
	overflow: hidden;
}

.showcase-section .bg-gradient {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: linear-gradient(to left, rgba(219, 234, 254, 0.5), transparent);
	pointer-events: none;
}

.showcase-card {
	position: relative;
	border-radius: 1.5rem;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 15px 40px -15px rgba(0, 0, 0, 0.08);
	border: 1px solid #f1f5f9;
	padding: 3rem;
	transition: all 0.7s;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
}

.showcase-card:hover {
	transform: translateY(-0.5rem);
}

.showcase-card.blue-card:hover {
	box-shadow: 0 20px 50px -15px rgba(37, 99, 235, 0.15);
	border-color: rgba(37, 99, 235, 0.2);
}

.showcase-card.gold-card:hover {
	box-shadow: 0 20px 50px -15px rgba(193, 157, 104, 0.15);
	border-color: rgba(193, 157, 104, 0.3);
}

.showcase-card .glow-bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 16rem;
	height: 16rem;
	border-radius: 50%;
	filter: blur(48px);
	transform: translateY(-50%) translateX(25%);
	pointer-events: none;
	transition: transform 0.7s;
}

.showcase-card:hover .glow-bg {
	transform: translateY(-50%) translateX(25%) scale(1.5);
}

.showcase-card.blue-card .glow-bg {
	background: linear-gradient(to bottom right, rgba(37, 99, 235, 0.05), transparent);
}

.showcase-card.gold-card .glow-bg {
	background: linear-gradient(to bottom right, rgba(193, 157, 104, 0.1), transparent);
}

.showcase-card-header {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1.25rem;
}

.showcase-card-header .icon-box {
	width: 3rem;
	height: 3rem;
	border-radius: 0.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	flex-shrink: 0;
}

.blue-card .icon-box {
	background: rgba(37, 99, 235, 0.1);
	border: 1px solid rgba(37, 99, 235, 0.2);
	color: var(--brand-600);
}

.gold-card .icon-box {
	background: rgba(193, 157, 104, 0.1);
	border: 1px solid rgba(193, 157, 104, 0.3);
	color: var(--brand-gold);
}

.showcase-card-header h2 {
	font-size: clamp(1.5rem, 3vw, 2.25rem);
	font-weight: 700;
	color: #111827;
	letter-spacing: -0.01em;
}

.showcase-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

.showcase-tags .tag {
	padding: 0.5rem 1rem;
	background: #f9fafb;
	color: #374151;
	border-radius: 0.5rem;
	font-size: 0.875rem;
	font-weight: 500;
	border: 1px solid #f3f4f6;
	display: flex;
	align-items: center;
	gap: 0.375rem;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.showcase-tags .tag i {
	font-size: 1rem;
	color: var(--brand-600);
}

.gold-card .showcase-tags .tag i {
	color: var(--brand-gold);
}

.showcase-tags .tag-gold {
	background: var(--brand-gold);
	color: #fff;
	font-weight: 700;
	border-color: transparent;
	box-shadow: 0 1px 3px rgba(193, 157, 104, 0.2);
}

.showcase-tags .tag-gold i {
	color: #fff;
}

.showcase-desc {
	color: #6b7280;
	font-size: 0.9375rem;
	line-height: 1.7;
	padding-left: 0.75rem;
	border-left: 3px solid rgba(193, 157, 104, 0.5);
}

.showcase-preview {
	position: relative;
	width: 100%;
	border-radius: 1rem;
	overflow: hidden;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
	border: 1px solid #e5e7eb;
	margin-top: auto;
	background: #f9fafb;
	transition: transform 0.5s;
}

.showcase-card:hover .showcase-preview {
	transform: translateY(-0.5rem);
}

.showcase-preview .browser-bar {
	height: 2rem;
	background: #fff;
	border-bottom: 1px solid #e5e7eb;
	display: flex;
	align-items: center;
	padding: 0 1rem;
	gap: 0.375rem;
}

.showcase-preview .browser-bar .dot {
	width: 0.625rem;
	height: 0.625rem;
	border-radius: 50%;
}

.showcase-preview .browser-bar .dot-red { background: #f87171; }
.showcase-preview .browser-bar .dot-amber { background: #fbbf24; }
.showcase-preview .browser-bar .dot-green { background: #4ade80; }

/* VIP Card */
.vip-card {
	position: relative;
	width: 100%;
	max-width: 360px;
	border-radius: 1.2rem;
	background: linear-gradient(135deg, #0A192F, #112240, #0A192F);
	box-shadow: 0 15px 35px rgba(10, 25, 47, 0.3);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 1.5rem;
	transition: transform 0.7s;
	border: 1px solid rgba(255, 255, 255, 0.1);
	overflow: hidden;
	margin: 0 auto;
}

.showcase-card:hover .vip-card {
	transform: scale(1.05);
}

.vip-card .shine {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, transparent, rgba(255, 255, 255, 0.1), transparent);
	transform: translateX(-100%);
	transition: transform 1.5s;
	pointer-events: none;
}

.showcase-card:hover .vip-card .shine {
	transform: translateX(100%);
}

.vip-card .vip-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}

.vip-card .vip-brand {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.vip-card .vip-brand i {
	font-size: 1.5rem;
	color: var(--brand-gold);
}

.vip-card .vip-brand span {
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.1em;
	font-size: 0.875rem;
}

.vip-card .vip-brand .gold {
	color: var(--brand-gold);
	font-family: 'Inter', sans-serif;
}

.vip-card .vip-wifi {
	font-size: 1.25rem;
	color: rgba(193, 157, 104, 0.5);
	transform: rotate(90deg);
}

.vip-card .vip-body {
	position: relative;
	z-index: 1;
	margin-top: auto;
}

.vip-card .vip-subtitle {
	color: rgba(193, 157, 104, 0.7);
	font-family: 'Inter', sans-serif;
	font-size: 0.625rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	margin-bottom: 0.25rem;
}

.vip-card .vip-title {
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	font-family: 'Inter', sans-serif;
}

/* ========================================
   5. Activity Schedule (Tabbed)
   ======================================== */
.activity-section {
	padding: 5rem 0 6rem;
	background: var(--surface);
	border-top: 1px solid #e5e7eb;
	border-bottom: 1px solid #e5e7eb;
	position: relative;
}

.activity-tab-btn {
	cursor: pointer;
	padding: 1.25rem;
	border-left: 4px solid transparent;
	display: flex;
	align-items: center;
	gap: 1rem;
	border-radius: 0.75rem;
	transition: all 0.3s;
	background: transparent;
	border-top: none;
	border-right: none;
	border-bottom: none;
	width: 100%;
	text-align: left;
	font-family: inherit;
}

.activity-tab-btn.active {
	background-color: #fff;
	border-left-color: var(--brand-gold);
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.activity-tab-btn .tab-icon {
	font-size: 1.5rem;
	color: #9ca3af;
	transition: color 0.3s;
}

.activity-tab-btn.active .tab-icon {
	color: var(--brand-gold);
}

.activity-tab-btn .tab-title {
	color: #6b7280;
	font-weight: 500;
	font-size: 1.125rem;
	white-space: nowrap;
	transition: all 0.3s;
}

.activity-tab-btn.active .tab-title {
	color: var(--brand-900);
	font-weight: 700;
}

.activity-list .fade-mask {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3rem;
	background: linear-gradient(to top, var(--surface), transparent);
	z-index: 1;
	pointer-events: none;
}

.activity-list .scroll-container {
	height: 500px;
	overflow-y: auto;
	padding-right: 1rem;
}

.activity-list .scroll-container::-webkit-scrollbar {
	width: 6px;
}

.activity-list .scroll-container::-webkit-scrollbar-track {
	background: transparent;
}

.activity-list .scroll-container::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 10px;
}

.activity-list .scroll-container::-webkit-scrollbar-thumb:hover {
	background: #94a3b8;
}

.activity-content {
	display: none;
}

.activity-content.active {
	display: block;
}

.activity-card-list {
	background: #fff;
	border-radius: 0.75rem;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	border: 1px solid #f3f4f6;
}

.activity-card-list .activity-item {
	display: flex;
	align-items: center;
	padding: 0.875rem 1.25rem;
	transition: background 0.2s;
	text-decoration: none;
	color: inherit;
	border-bottom: 1px solid #f3f4f6;
}

.activity-card-list .activity-item:last-child {
	border-bottom: none;
}

.activity-card-list .activity-item:hover {
	background: rgba(219, 234, 254, 0.4);
}

.activity-item .item-date {
	width: 6.5rem;
	flex-shrink: 0;
}

.activity-item .item-date .date-day {
	color: var(--brand-900);
	font-family: 'Inter', sans-serif;
	font-weight: 900;
	font-size: 1.25rem;
	display: block;
}

.activity-item .item-date .date-year {
	font-size: 0.75rem;
	color: #6b7280;
	font-weight: 500;
}

.activity-item .item-info {
	flex-grow: 1;
	padding-right: 1.5rem;
}

.activity-item .item-info h3 {
	font-size: 1.125rem;
	font-weight: 700;
	color: #111827;
	margin-bottom: 0.25rem;
	transition: color 0.2s;
}

.activity-item:hover .item-info h3 {
	color: var(--brand-600);
}

.activity-item .item-info p {
	font-size: 0.875rem;
	color: #6b7280;
}

.activity-item .item-location {
	flex-shrink: 0;
}

.activity-item .item-location span {
	font-size: 0.75rem;
	font-weight: 500;
	background: #f3f4f6;
	padding: 0.375rem 0.75rem;
	border-radius: 0.375rem;
	color: #4b5563;
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
}

/* ========================================
   6. Consulting Services Accordion
   ======================================== */
.consulting-section {
	padding: 5rem 0 8rem;
	background: var(--brand-900);
	position: relative;
	overflow: hidden;
}

.consulting-section .dot-pattern {
	position: absolute;
	inset: 0;
	opacity: 0.1;
	background-image: radial-gradient(var(--brand-gold) 1px, transparent 1px);
	background-size: 30px 30px;
}

.consulting-panel {
	position: relative;
	flex: 1;
	transition: flex 0.7s ease-out;
	border-radius: 1rem;
	overflow: hidden;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	cursor: pointer;
	background: var(--brand-800);
	min-width: 120px;
}

.consulting-panel:hover {
	flex: 2.5;
}

.consulting-panel .panel-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 10s, opacity 0.5s;
	opacity: 0.3;
}

.consulting-panel:hover .panel-bg {
	transform: scale(1.1);
	opacity: 0.7;
}

.consulting-panel .panel-gradient {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, var(--brand-900), rgba(10, 25, 47, 0.4));
}

.consulting-panel .panel-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1.5rem 2rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.consulting-panel .panel-icon-box {
	width: 3.5rem;
	height: 3.5rem;
	background: var(--brand-gold);
	border-radius: 0.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2);
	transition: transform 0.5s;
}

.consulting-panel:hover .panel-icon-box {
	transform: translateY(-0.5rem);
}

.consulting-panel .panel-icon-box i {
	color: var(--brand-900);
	font-size: 1.75rem;
}

.consulting-panel .panel-title {
	font-size: clamp(1.25rem, 2vw, 1.875rem);
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
	transition: color 0.3s;
}

.consulting-panel:hover .panel-title {
	color: var(--brand-gold);
}

.consulting-panel .panel-desc {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: all 0.7s ease-in-out;
	margin-top: 0;
}

.consulting-panel:hover .panel-desc {
	max-height: 16rem;
	opacity: 1;
	margin-top: 0.5rem;
}

.consulting-panel .panel-desc p {
	color: #d1d5db;
	font-size: 0.9375rem;
	line-height: 1.7;
	margin-bottom: 1rem;
}

.consulting-panel .panel-desc .accent-line {
	width: 2.5rem;
	height: 4px;
	background: var(--brand-gold);
	transition: width 1s 0.2s;
}

.consulting-panel:hover .panel-desc .accent-line {
	width: 100%;
}

/* Warning bar */
.warning-bar {
	margin-top: 2.5rem;
	border-radius: 1rem;
	overflow: hidden;
	background: var(--brand-800);
	border: 1px solid rgba(193, 157, 104, 0.1);
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	transition: border-color 0.7s;
}

.warning-bar:hover {
	border-color: rgba(193, 157, 104, 0.3);
}

.warning-bar-inner {
	display: flex;
	align-items: center;
	padding: 2rem 3rem;
	gap: 4rem;
}

.warning-bar-header {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	flex-shrink: 0;
}

.warning-bar-header .warning-icon {
	width: 4rem;
	height: 4rem;
	border-radius: 1rem;
	background: rgba(239, 68, 68, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(239, 68, 68, 0.2);
	transition: transform 0.5s;
	box-shadow: 0 0 15px rgba(239, 68, 68, 0.2);
}

.warning-bar:hover .warning-icon {
	transform: scale(1.1);
}

.warning-bar-header .warning-icon i {
	color: #ef4444;
	font-size: 1.75rem;
}

.warning-steps {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 1rem;
	flex-grow: 1;
	position: relative;
}

.warning-steps::before {
	content: '';
	position: absolute;
	top: 1.25rem;
	left: 1.25rem;
	width: calc(100% - 2.5rem);
	height: 2px;
	background: #374151;
}

.warning-step {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	cursor: pointer;
}

.warning-step .step-circle {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: var(--brand-900);
	border: 2px solid #4b5563;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #9ca3af;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	margin-bottom: 1rem;
	transition: all 0.3s;
}

.warning-step:hover .step-circle {
	border-color: var(--brand-gold);
	color: var(--brand-gold);
	box-shadow: 0 0 15px rgba(193, 157, 104, 0.4);
	transform: translateY(-0.25rem);
}

.warning-step:last-child .step-circle {
	background: rgba(193, 157, 104, 0.1);
	border-color: var(--brand-gold);
	color: var(--brand-gold);
	box-shadow: 0 0 15px rgba(193, 157, 104, 0.3);
}

.warning-step .step-label {
	color: #9ca3af;
	font-size: 0.875rem;
	font-weight: 500;
	transition: color 0.3s;
}

.warning-step:hover .step-label {
	color: #fff;
}

.warning-step:last-child .step-label {
	color: var(--brand-gold);
	font-weight: 700;
}

/* ========================================
   7. Expert Marquee
   ======================================== */
.expert-section {
	padding: 5rem 0 8rem;
	background: #fff;
	overflow: hidden;
	position: relative;
}

.marquee-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.marquee-container .edge-left,
.marquee-container .edge-right {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 12rem;
	z-index: 1;
	pointer-events: none;
}

.marquee-container .edge-left {
	left: 0;
	background: linear-gradient(to right, #fff, transparent);
}

.marquee-container .edge-right {
	right: 0;
	background: linear-gradient(to left, #fff, transparent);
}

.marquee-track {
	display: flex;
	width: max-content;
}

.marquee-track.left {
	animation: marquee-left var(--marquee-duration, 40s) linear infinite;
}

.marquee-track.right {
	animation: marquee-right var(--marquee-duration, 40s) linear infinite;
	margin-left: -1000px;
}

.marquee-track:hover {
	animation-play-state: paused;
}

@keyframes marquee-left {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

@keyframes marquee-right {
	0% { transform: translateX(-50%); }
	100% { transform: translateX(0); }
}

.marquee-track .marquee-group {
	display: flex;
	gap: 1.5rem;
	padding-right: 1.5rem;
}

.expert-card {
	width: 320px;
	min-height: 142px;
	background: var(--surface);
	padding: 1.5rem 2rem;
	border-radius: 1rem;
	border: 1px solid #f1f5f9;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	transition: box-shadow 0.5s;
	flex-shrink: 0;
}

.expert-card:hover {
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.expert-card .expert-header {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	margin-bottom: 1.25rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #e5e7eb;
}

.expert-card .expert-avatar {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	filter: grayscale(100%) contrast(1.1);
	transition: all 0.6s;
}

.expert-card:hover .expert-avatar {
	filter: grayscale(0%);
	transform: scale(1.05);
}

.expert-card .expert-name {
	font-weight: 700;
	font-size: 1.125rem;
	color: var(--brand-900);
}

.expert-card .expert-title {
	font-size: 0.8125rem;
	color: var(--brand-gold);
	font-weight: 500;
	margin-top: 0.25rem;
	line-height: 1.45;
}

.expert-card .expert-desc {
	font-size: 0.8125rem;
	color: #6b7280;
	line-height: 1.7;
}

/* ========================================
   8. Senior Consultants Grid
   ======================================== */
.senior-section {
	padding: 5rem 0;
	background: var(--surface);
	border-top: 1px solid #e5e7eb;
}

.senior-marquee {
	margin-top: 2.75rem;
}

.senior-marquee .edge-left {
	background: linear-gradient(to right, var(--surface), transparent);
}

.senior-marquee .edge-right {
	background: linear-gradient(to left, var(--surface), transparent);
}

.senior-track {
	animation-duration: 64s;
}

.senior-track + .senior-track {
	margin-top: 1.5rem;
}

.senior-card {
	width: 360px;
	background: #fff;
	border-radius: 8px;
	padding: 1.25rem;
	border: 1px solid #e5e7eb;
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	cursor: pointer;
	transition: border-color 0.35s, box-shadow 0.35s, transform 0.35s;
	flex-shrink: 0;
}

.senior-card:hover {
	border-color: rgba(184, 151, 90, 0.45);
	box-shadow: 0 18px 36px -24px rgba(15, 23, 42, 0.35);
	transform: translateY(-2px);
}

.senior-card .senior-avatar {
	width: 5.75rem;
	height: 5.75rem;
	border-radius: 8px;
	object-fit: cover;
	background: #f8fafc;
	filter: grayscale(100%) contrast(1.05);
	transition: filter 0.45s;
	flex: 0 0 5.75rem;
}

.senior-card:hover .senior-avatar {
	filter: grayscale(0%);
}

.senior-copy {
	min-width: 0;
	text-align: left;
}

.senior-card .senior-name {
	font-weight: 800;
	font-size: 1.0625rem;
	line-height: 1.25;
	color: var(--brand-900);
	margin: 0 0 0.35rem;
	letter-spacing: 0;
}

.senior-card .senior-title {
	font-size: 0.875rem;
	line-height: 1.45;
	color: var(--brand-gold);
	margin: 0;
}

.senior-card .senior-desc {
	font-size: 0.8125rem;
	line-height: 1.55;
	color: #64748b;
	margin: 0.5rem 0 0;
}

/* ========================================
   9. Client Logos
   ======================================== */
.clients-section {
	padding: 5rem 0 6rem;
	background: var(--surface);
	border-top: 1px solid #f3f4f6;
}

.client-logo-group {
	max-width: 1200px;
	margin: 0 auto;
}

.client-logo-group + .client-logo-group {
	margin-top: 4rem;
}

.client-logo-group-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 1.5rem;
	margin-bottom: 1.5rem;
	padding-bottom: 0.85rem;
	border-bottom: 1px solid #e5e7eb;
}

.client-logo-group-heading h4 {
	font-size: clamp(1.25rem, 2.4vw, 1.75rem);
	line-height: 1.25;
	font-weight: 800;
	color: var(--brand-900);
}

.client-logo-group-heading p {
	font-size: 0.9375rem;
	line-height: 1.7;
	color: #64748b;
	text-align: right;
}

.client-name {
	font-size: 1.25rem;
	font-weight: 900;
	color: #d1d5db;
	text-align: center;
	cursor: pointer;
	transition: color 0.3s;
	filter: grayscale(100%);
}

.client-name:hover {
	filter: grayscale(0%);
}

.client-logo-card {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 5.5rem;
	padding: 0.9rem 1rem;
	background: #fff;
	border: 1px solid #eef2f6;
	border-radius: 0.5rem;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.client-logo-card:hover {
	border-color: rgba(193, 157, 104, 0.45);
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
	transform: translateY(-2px);
}

.client-logo-img {
	display: block;
	width: 100%;
	max-width: 10rem;
	height: 3.5rem;
	object-fit: contain;
	filter: grayscale(100%) saturate(0.85);
	opacity: 0.78;
	transition: filter 0.2s ease, opacity 0.2s ease;
}

.client-logo-card:hover .client-logo-img {
	filter: grayscale(0%) saturate(1);
	opacity: 1;
}

.translation-client-section {
	background: #fff;
}

/* ========================================
   Footer
   ======================================== */
.site-footer {
	background: var(--brand-900);
	padding: 5rem 0 2.5rem;
	color: #9ca3af;
	position: relative;
	overflow: hidden;
}

.footer-brand .footer-logo {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1.5rem;
}

.footer-brand .footer-logo i {
	color: var(--brand-gold);
	font-size: 1.75rem;
}

.footer-brand .footer-logo span {
	font-weight: 700;
	font-size: 1.5rem;
	color: #fff;
	letter-spacing: 0.05em;
}

.footer-brand p {
	font-size: 0.875rem;
	line-height: 1.8;
	max-width: 24rem;
	margin-bottom: 2rem;
}

.footer-social {
	display: flex;
	gap: 1rem;
}

.footer-social a {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.05);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #374151;
	color: #9ca3af;
	font-size: 1.25rem;
	transition: all 0.3s;
}

.footer-social a:hover {
	background: #07C160;
	color: #fff;
	border-color: #07C160;
}

.footer-col h4 {
	color: #fff;
	font-weight: 700;
	font-size: 0.875rem;
	margin-bottom: 1.5rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.footer-col ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-col ul li {
	margin-bottom: 0.75rem;
}

.footer-col ul li a {
	color: #9ca3af;
	font-size: 0.875rem;
	text-decoration: none;
	transition: color 0.3s;
}

.footer-col ul li a:hover {
	color: var(--brand-gold);
}

.footer-bottom {
	padding-top: 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
	font-size: 0.75rem;
	color: #6b7280;
}

.footer-bottom a {
	color: #6b7280;
	text-decoration: none;
	transition: color 0.3s;
}

.footer-bottom a:hover {
	color: #fff;
}

/* ========================================
   Responsive
   ======================================== */
@media (max-width: 1024px) {
t	.service-matrix-grid > * {
			flex: 0 0 calc((100% - 3rem) / 4);
			max-width: calc((100% - 3rem) / 4);
		}





	.showcase-grid,
	.showcase-grid.is-layout-flow {
		grid-template-columns: 1fr !important;
	}

	.activity-layout,
	.activity-layout.is-layout-flow {
		flex-direction: column !important;
	}

	.activity-tabs {
		width: 100% !important;
		flex-direction: row !important;
		border-right: none !important;
		border-bottom: 1px solid #e5e7eb;
		padding-right: 0 !important;
		padding-bottom: 0.5rem;
		overflow-x: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.activity-tabs::-webkit-scrollbar {
		display: none;
	}

	.activity-tab-btn {
		flex-shrink: 0;
	}

	.activity-list {
		width: 100% !important;
	}

	.consulting-accordion,
	.consulting-accordion.is-layout-flow {
		flex-direction: column !important;
		height: auto !important;
	}

	.consulting-panel {
		min-height: 16rem;
	}

	.consulting-panel .panel-desc {
		max-height: 16rem;
		opacity: 1;
	}

	.senior-grid,
	.senior-grid.is-layout-flow {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.warning-bar-inner {
		flex-direction: column;
		gap: 2rem;
	}

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

	.footer-grid,
	.footer-grid.is-layout-flow {
		grid-template-columns: 1fr 1fr 1fr !important;
	}
}

@media (max-width: 768px) {
	.hero-carousel {
		height: 70vh;
	}

	.hero-text-wrap {
		margin-left: 1.5rem;
		padding-left: 1.25rem;
		border-left-width: 3px;
	}

	.hero-text-wrap h1 {
		font-size: 1.875rem;
	}

	.hero-steps {
		gap: 0.5rem;
	}

	.hero-step {
		padding: 0.5rem 1rem;
		font-size: 0.8125rem;
	}

t	.service-matrix-grid > * {
			flex: 0 0 calc((100% - 1.5rem) / 3);
			max-width: calc((100% - 1.5rem) / 3);
		}

	.service-matrix-item {
		height: 7rem;
	}

	.showcase-card {
		padding: 2rem;
	}

	.senior-grid,
	.senior-grid.is-layout-flow {
		grid-template-columns: 1fr !important;
	}

	.senior-marquee .edge-left,
	.senior-marquee .edge-right {
		width: 3rem;
	}

	.senior-track {
		animation-duration: 52s;
	}

	.senior-card {
		width: 290px;
		padding: 1rem;
		gap: 0.85rem;
	}

	.senior-card .senior-avatar {
		width: 4.75rem;
		height: 4.75rem;
		flex-basis: 4.75rem;
	}

	.senior-card .senior-name {
		font-size: 1rem;
	}

	.client-grid,
	.client-grid.is-layout-flow {
		grid-template-columns: repeat(3, 1fr) !important;
	}

	.client-logo-group-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.35rem;
	}

	.client-logo-group-heading p {
		text-align: left;
	}

	.warning-steps {
		grid-template-columns: repeat(2, 1fr);
	}

	.footer-grid,
	.footer-grid.is-layout-flow {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 480px) {
t	.service-matrix-grid > * {
			flex: 0 0 calc((100% - 1rem) / 2);
			max-width: calc((100% - 1rem) / 2);
		}

	.client-grid,
	.client-grid.is-layout-flow {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.expert-card {
		width: 260px;
	}
}

/* --- Reduced Motion --- */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}

/* ============================================
   Seminar Page - 专题精品班
   ============================================ */
.seminar-hero {
	position: relative;
	overflow: hidden;
	padding: 7rem clamp(1.25rem, 4vw, 2.5rem) 5.25rem !important;
	background:
		linear-gradient(90deg, rgba(10,25,47,0.98) 0%, rgba(10,25,47,0.92) 49%, rgba(10,25,47,0.76) 100%),
		url('https://images.unsplash.com/photo-1524178232363-1fb2b075b655?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat !important;
}
.seminar-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(255,255,255,0.07) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,0.07) 1px, transparent 1px);
	background-size: 72px 72px;
	opacity: 0.16;
}
.seminar-hero-shell {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.78fr);
	align-items: start;
	gap: clamp(2rem, 4vw, 3.25rem);
	width: min(100%, 1180px);
	max-width: 1180px;
	min-height: 31rem;
	margin-inline: auto;
}
.seminar-hero-copy {
	max-width: 43rem;
	padding-top: 0.25rem;
}
.seminar-eyebrow {
	display: inline-flex !important;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1rem !important;
	color: #f4c77a !important;
}
.seminar-eyebrow::before {
	content: "";
	width: 2rem;
	height: 1px;
	background: currentColor;
}
.seminar-hero h1 {
	max-width: 7em;
	margin: 0;
	color: #fff;
	font-size: clamp(3.25rem, 5vw, 4.6rem);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: 0;
	text-align: left;
}
.seminar-hero-lead {
	max-width: 42rem;
	margin: 1.35rem 0 0;
	color: #d7e1ee;
	font-size: 1rem;
	line-height: 1.9;
}
.seminar-hero-actions,
.seminar-hero-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.75rem;
}
.seminar-hero-btn,
.seminar-hero-tags span {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 2.75rem;
	border-radius: 0.5rem;
	font-size: 0.875rem;
	text-decoration: none;
	max-width: 100%;
}
.seminar-hero-btn {
	padding: 0.75rem 1rem;
	font-weight: 700;
	transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.seminar-hero-btn:hover {
	transform: translateY(-1px);
}
.seminar-hero-btn-primary {
	background: #f4c77a;
	color: #0a192f;
	border: 1px solid #f4c77a;
}
.seminar-hero-btn-ghost {
	background: rgba(255,255,255,0.08);
	color: #f8fafc;
	border: 1px solid rgba(255,255,255,0.2);
}
.seminar-hero-tags {
	margin-top: 1.25rem;
}
.seminar-hero-tags span {
	padding: 0.55rem 0.8rem;
	background: rgba(255,255,255,0.09);
	border: 1px solid rgba(255,255,255,0.16);
	color: #d7e1ee;
	line-height: 1.45;
}
.seminar-hero-tags i,
.seminar-hero-btn i {
	color: currentColor;
	font-size: 1rem;
}
.seminar-hero-panel {
	align-self: start;
	margin-top: 0.85rem;
	background: rgba(248,250,252,0.94);
	border: 1px solid rgba(255,255,255,0.42);
	border-radius: 0.5rem;
	box-shadow: 0 24px 70px rgba(0,0,0,0.28);
	overflow: hidden;
	width: min(100%, 31rem);
	justify-self: end;
}
.seminar-hero-photo {
	height: 12rem;
	background: #dbe3ee;
}
.seminar-hero-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.seminar-hero-panel-body {
	padding: 1.5rem;
}
.seminar-panel-kicker {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
	color: var(--brand-900);
	font-size: 0.875rem;
	font-weight: 800;
}
.seminar-panel-kicker i {
	color: var(--brand-gold);
}
.seminar-metric-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.75rem;
}
.seminar-metric-grid div {
	padding: 1rem 1rem 0.95rem;
	background: linear-gradient(180deg, #fff 0%, #f9fbff 100%);
	border: 1px solid #e5eaf1;
	border-radius: 0.5rem;
	box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
}
.seminar-metric-grid strong,
.seminar-metric-grid span {
	display: block;
}
.seminar-metric-grid strong {
	color: var(--brand-900);
	font-size: 1.75rem;
	line-height: 1;
}
.seminar-metric-grid span {
	margin-top: 0.45rem;
	color: #64748b;
	font-size: 0.8125rem;
}
.seminar-track-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.5rem;
	margin-top: 0.9rem;
}
.seminar-track-list span {
	padding: 0.55rem 0.45rem;
	background: #eef4ff;
	border: 1px solid #dbe8ff;
	border-radius: 0.5rem;
	color: #1e4f9a;
	font-size: 0.75rem;
	font-weight: 700;
	text-align: center;
}
.seminar-panel-note {
	margin-top: 0.9rem;
	padding: 0.85rem 0.95rem;
	border-left: 3px solid var(--brand-gold);
	background: #fff;
	color: #42526a;
	font-size: 0.8125rem;
	line-height: 1.65;
}

/* Seminar hero art direction: one editorial course card, fewer competing boxes. */
.seminar-page .seminar-hero {
	padding-top: clamp(6.75rem, 9vw, 8rem) !important;
	padding-bottom: clamp(4.5rem, 7vw, 6.5rem) !important;
	background:
		radial-gradient(circle at 79% 24%, rgba(193,157,104,0.16), transparent 24%),
		linear-gradient(90deg, rgba(7,22,42,0.99) 0%, rgba(8,25,47,0.96) 51%, rgba(8,25,47,0.82) 100%),
		url('https://images.unsplash.com/photo-1524178232363-1fb2b075b655?auto=format&fit=crop&w=1800&q=86') center/cover no-repeat !important;
}
.seminar-page .seminar-hero::before {
	position: absolute;
	inset: 0;
	background: linear-gradient(115deg, transparent 0 59%, rgba(255,255,255,0.035) 59% 59.1%, transparent 59.1%);
	content: "";
	pointer-events: none;
}
.seminar-page .seminar-hero::after {
	background-image: linear-gradient(90deg, rgba(255,255,255,0.055) 1px, transparent 1px);
	background-size: 96px 100%;
	opacity: 0.1;
}
.seminar-page .seminar-hero-shell {
	grid-template-columns: minmax(0, 1.02fr) minmax(28rem, 0.98fr);
	align-items: center;
	gap: clamp(3rem, 6vw, 6.5rem);
	width: min(100%, 1240px);
	max-width: 1240px;
	min-height: 34rem;
}
.seminar-page .seminar-hero-copy {
	max-width: 45rem;
	padding-top: 0;
}
.seminar-page .seminar-eyebrow {
	margin-bottom: 1.4rem !important;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.16em;
}
.seminar-page .seminar-eyebrow::before {
	width: 2.5rem;
}
.seminar-page .seminar-hero h1 {
	font-size: clamp(3.8rem, 6vw, 5.6rem);
	font-weight: 700;
	line-height: 0.98;
	letter-spacing: -0.055em;
}
.seminar-page .seminar-hero-lead {
	margin-top: 1.75rem;
	max-width: 41rem;
	color: #d4deea;
	font-size: 1.08rem;
	line-height: 1.9;
	text-wrap: pretty;
}
.seminar-page .seminar-hero-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	max-width: 39rem;
	margin-top: 2rem;
	border-top: 1px solid rgba(255,255,255,0.18);
	border-bottom: 1px solid rgba(255,255,255,0.18);
}
.seminar-page .seminar-hero-stats div {
	min-width: 0;
	padding: 1.2rem 1.1rem 1.15rem;
	border-right: 1px solid rgba(255,255,255,0.18);
}
.seminar-page .seminar-hero-stats div:first-child {
	padding-left: 0;
}
.seminar-page .seminar-hero-stats div:last-child {
	border-right: 0;
}
.seminar-page .seminar-hero-stats strong,
.seminar-page .seminar-hero-stats span {
	display: block;
}
.seminar-page .seminar-hero-stats strong {
	color: #f4cf8a;
	font-size: clamp(1.65rem, 2.5vw, 2.25rem);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	line-height: 1;
}
.seminar-page .seminar-hero-stats span {
	margin-top: 0.55rem;
	color: #b9c7d7;
	font-size: 0.72rem;
	line-height: 1.5;
}
.seminar-page .seminar-hero-actions {
	gap: 1rem;
	margin-top: 2rem;
}
.seminar-page .seminar-hero-btn {
	min-height: 3.35rem;
	padding: 0.85rem 1.35rem;
	border-radius: 0.25rem;
	font-size: 0.9rem;
	transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, color 0.22s ease;
}
.seminar-page .seminar-hero-btn:hover {
	transform: translateY(-2px);
}
.seminar-page .seminar-hero-btn:active {
	transform: translateY(0);
}
.seminar-page .seminar-hero-btn:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}
.seminar-page .seminar-hero-btn-primary {
	border-color: #e7b861;
	background: #e7b861;
	box-shadow: 0 12px 30px rgba(6,18,35,0.28);
}
.seminar-page .seminar-hero-btn-primary:hover {
	border-color: #f1c978;
	background: #f1c978;
}
.seminar-page .seminar-hero-btn-ghost {
	border-color: rgba(255,255,255,0.18);
	background: rgba(255,255,255,0.045);
}
.seminar-page .seminar-hero-btn-ghost:hover {
	border-color: rgba(231,184,97,0.65);
	background: rgba(255,255,255,0.08);
}
.seminar-page .seminar-hero-tags {
	display: grid;
	grid-template-columns: repeat(3, max-content);
	gap: 0;
	margin-top: 2rem;
}
.seminar-page .seminar-hero-tags span {
	min-height: auto;
	padding: 0 1rem;
	border: 0;
	border-right: 1px solid rgba(255,255,255,0.16);
	border-radius: 0;
	background: transparent;
	color: #b9c7d7;
	font-size: 0.78rem;
}
.seminar-page .seminar-hero-tags span:first-child {
	padding-left: 0;
}
.seminar-page .seminar-hero-tags span:last-child {
	border-right: 0;
}
.seminar-page .seminar-hero-tags i {
	color: #e7b861;
}
.seminar-page .seminar-hero-panel {
	position: relative;
	width: min(100%, 34rem);
	margin-top: 0;
	border: 1px solid rgba(255,255,255,0.24);
	border-radius: 0.75rem;
	background: #f3f0e9;
	box-shadow: 0 32px 90px rgba(2,12,27,0.42);
	overflow: hidden;
}
.seminar-page .seminar-hero-panel::before {
	position: absolute;
	top: 1.25rem;
	right: 1.25rem;
	z-index: 2;
	width: 2.25rem;
	height: 2.25rem;
	border: 1px solid rgba(255,255,255,0.68);
	border-radius: 50%;
	background: rgba(7,22,42,0.42);
	box-shadow: inset 0 0 0 5px rgba(255,255,255,0.08);
	content: "";
}
.seminar-page .seminar-hero-photo {
	height: 15rem;
	background: #cbd4dc;
}
.seminar-page .seminar-hero-photo img {
	filter: saturate(0.78) contrast(1.06);
}
.seminar-page .seminar-hero-panel-body {
	padding: 1.65rem 1.8rem 1.8rem;
}
.seminar-page .seminar-hero-panel .seminar-panel-kicker {
	display: inline-flex;
	margin-bottom: 0.9rem;
	color: #9a7132;
	font-size: 0.72rem;
	letter-spacing: 0.14em;
}
.seminar-page .seminar-delivery-copy {
	margin: 0;
	color: #405064;
	font-size: 0.88rem;
	line-height: 1.9;
	text-wrap: pretty;
}
.seminar-page .seminar-format-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 1.3rem;
	border-top: 1px solid #d7d1c5;
	border-bottom: 1px solid #d7d1c5;
}
.seminar-page .seminar-format-list span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-width: 0;
	padding: 0.85rem 0.4rem;
	border-right: 1px solid #d7d1c5;
	color: #25476f;
	font-size: 0.72rem;
	font-weight: 600;
	white-space: nowrap;
}
.seminar-page .seminar-format-list span:last-child {
	border-right: 0;
}
.seminar-page .seminar-format-list i {
	color: #9a7132;
	font-size: 1rem;
}
.seminar-page .seminar-metric-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	border-top: 1px solid #d7d1c5;
	border-bottom: 1px solid #d7d1c5;
}
.seminar-page .seminar-metric-grid div {
	min-width: 0;
	padding: 1.2rem 0.8rem 1.15rem;
	border: 0;
	border-right: 1px solid #d7d1c5;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
.seminar-page .seminar-metric-grid div:first-child {
	padding-left: 0;
}
.seminar-page .seminar-metric-grid div:last-child {
	padding-right: 0;
	border-right: 0;
}
.seminar-page .seminar-metric-grid strong {
	color: #0b213d;
	font-size: clamp(1.5rem, 2vw, 2rem);
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.04em;
}
.seminar-page .seminar-metric-grid span {
	margin-top: 0.5rem;
	color: #6b7280;
	font-size: 0.68rem;
	line-height: 1.45;
}
.seminar-page .seminar-track-list {
	display: flex;
	align-items: center;
	gap: 0;
	margin-top: 1.2rem;
}
.seminar-page .seminar-track-list span {
	position: relative;
	flex: 1;
	padding: 0 0.9rem 0 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #25476f;
	font-size: 0.72rem;
	font-weight: 600;
	text-align: left;
}
.seminar-page .seminar-track-list span:not(:last-child)::after {
	position: absolute;
	top: 50%;
	right: 0.45rem;
	width: 0.25rem;
	height: 0.25rem;
	border-top: 1px solid #b29158;
	border-right: 1px solid #b29158;
	content: "";
	transform: translateY(-50%) rotate(45deg);
}
.seminar-page .seminar-panel-note {
	margin-top: 1.15rem;
	padding: 1rem 0 0;
	border-top: 1px solid #d7d1c5;
	border-left: 0;
	background: transparent;
	color: #5f6875;
	font-size: 0.76rem;
	line-height: 1.75;
}
@media (max-width: 1080px) {
	.seminar-page .seminar-hero-shell {
		grid-template-columns: 1fr;
		gap: 2.75rem;
		width: min(100%, 46rem);
		min-height: auto;
	}
	.seminar-page .seminar-hero-copy,
	.seminar-page .seminar-hero-panel {
		width: 100%;
		max-width: 46rem;
	}
	.seminar-page .seminar-hero-panel {
		justify-self: start;
	}
}
@media (max-width: 640px) {
	.seminar-page .seminar-hero {
		padding: 6.25rem 1.25rem 3.75rem !important;
	}
	.seminar-page .seminar-hero-shell {
		gap: 2rem;
	}
	.seminar-page .seminar-hero h1 {
		font-size: clamp(2.8rem, 15vw, 3.7rem);
	}
	.seminar-page .seminar-hero-actions {
		margin-top: 1.75rem;
	}
	.seminar-page .seminar-hero-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		margin-top: 1.55rem;
	}
	.seminar-page .seminar-hero-stats div,
	.seminar-page .seminar-hero-stats div:first-child {
		padding: 1rem 0.65rem;
	}
	.seminar-page .seminar-hero-stats div:first-child {
		padding-left: 0;
	}
	.seminar-page .seminar-hero-stats strong {
		font-size: 1.5rem;
	}
	.seminar-page .seminar-hero-stats span {
		font-size: 0.66rem;
	}
	.seminar-page .seminar-hero-btn {
		width: 100%;
		justify-content: center;
	}
	.seminar-page .seminar-hero-tags {
		grid-template-columns: 1fr;
		gap: 0.75rem;
		margin-top: 1.6rem;
	}
	.seminar-page .seminar-hero-tags span {
		width: 100%;
		padding: 0;
		border-right: 0;
	}
	.seminar-page .seminar-hero-photo {
		height: 12.5rem;
	}
	.seminar-page .seminar-hero-panel-body {
		padding: 1.35rem 1.2rem 1.4rem;
	}
	.seminar-page .seminar-format-list {
		grid-template-columns: 1fr;
	}
	.seminar-page .seminar-format-list span {
		justify-content: flex-start;
		padding: 0.7rem 0;
		border-right: 0;
		border-bottom: 1px solid #d7d1c5;
	}
	.seminar-page .seminar-format-list span:last-child {
		border-bottom: 0;
	}
	.seminar-page .seminar-metric-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.seminar-page .seminar-metric-grid div,
	.seminar-page .seminar-metric-grid div:first-child,
	.seminar-page .seminar-metric-grid div:last-child {
		padding: 1rem;
		border-right: 1px solid #d7d1c5;
		border-bottom: 1px solid #d7d1c5;
	}
	.seminar-page .seminar-metric-grid div:nth-child(2n) {
		border-right: 0;
	}
	.seminar-page .seminar-metric-grid div:nth-child(n+3) {
		border-bottom: 0;
	}
	.seminar-page .seminar-track-list {
		flex-wrap: wrap;
		row-gap: 0.75rem;
	}
	.seminar-page .seminar-track-list span {
		flex: 0 0 50%;
	}
	.seminar-page .seminar-track-list span:nth-child(2)::after {
		display: none;
	}
}
@media (max-width: 1024px) {
	.seminar-hero-shell {
		grid-template-columns: 1fr;
		gap: 2rem;
		width: min(100%, 46rem);
		min-height: auto;
	}
	.seminar-hero-copy,
	.seminar-hero-panel {
		max-width: 46rem;
	}
	.seminar-hero-panel {
		margin-top: 0;
		justify-self: start;
	}
}
@media (max-width: 1100px) {
	body.seminar-page .site-header,
	body.seminar-page .site-header .wp-block-group.alignwide {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
	body.seminar-page .site-header .wp-block-buttons,
	body.seminar-page .site-header .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none !important;
	}
	body.seminar-page .site-header .wp-block-navigation__responsive-container-open {
		position: absolute !important;
		top: 0.85rem !important;
		right: 1.25rem !important;
		left: auto !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		padding: 0;
		border: 1px solid #e2e8f0;
		border-radius: 0.5rem;
		background: #fff;
		color: var(--brand-900);
		z-index: 200;
	}
	body.seminar-page .site-header .wp-block-navigation__responsive-container-open svg,
	body.seminar-page .site-header .wp-block-navigation__responsive-container-open path {
		fill: currentColor;
	}
}
@media (max-width: 640px) {
	body.seminar-page .site-header {
		width: 100vw !important;
		max-width: 100vw !important;
		min-width: 0 !important;
		overflow: visible;
	}
	body.seminar-page .site-header .wp-block-group.alignwide {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
	body.seminar-page .site-header .wp-block-buttons {
		display: none !important;
	}
	body.seminar-page .site-header .wp-block-navigation__responsive-container-open {
		position: absolute !important;
		top: 0.85rem !important;
		right: 1.25rem !important;
		left: auto !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		padding: 0;
		border: 1px solid #e2e8f0;
		border-radius: 0.5rem;
		background: #fff;
		color: var(--brand-900);
		z-index: 200;
	}
	body.seminar-page .site-header .wp-block-navigation__responsive-container-open svg,
	body.seminar-page .site-header .wp-block-navigation__responsive-container-open path {
		fill: currentColor;
	}
	.seminar-hero {
		padding: 6.25rem 1.25rem 3.75rem !important;
	}
	.seminar-hero-shell {
		width: 100%;
		gap: 1.5rem;
	}
	.seminar-hero h1 {
		font-size: 2.5rem;
	}
	.seminar-hero-lead {
		font-size: 1rem;
		line-height: 1.75;
	}
	.seminar-hero-actions,
	.seminar-hero-tags {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.7rem;
	}
	.seminar-hero-btn,
	.seminar-hero-tags span {
		width: fit-content;
		max-width: min(100%, 24rem);
		justify-content: flex-start;
	}
	.seminar-hero-panel-body {
		padding: 1rem;
	}
	.seminar-metric-grid {
		grid-template-columns: 1fr 1fr;
	}
	.seminar-metric-grid div {
		padding: 0.85rem;
	}
	.seminar-track-list {
		grid-template-columns: repeat(2, 1fr);
	}
	.course-section-head h2 {
		font-size: 1.45rem !important;
		line-height: 1.35;
	}
}

.features-grid { display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; width: min(100%, 1180px); margin: 0 auto; align-items: stretch; }
.feature-card { position: relative; background: #fff; border: 1px solid #e8edf4; border-radius: 0.5rem; padding: 1.35rem; transition: all 0.3s; text-align: left; overflow: hidden; }
.feature-card::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--brand-gold), rgba(37,99,235,0.35)); opacity: 0; transition: opacity 0.2s ease; }
.feature-card:hover { border-color: rgba(193,157,104,0.55); box-shadow: 0 12px 32px rgba(15,23,42,0.07); transform: translateY(-2px); }
.feature-card:hover::after { opacity: 1; }
.feature-card-wide { background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); }
.feature-icon { width: 2.65rem; height: 2.65rem; border-radius: 0.5rem; background: linear-gradient(135deg,rgba(193,157,104,0.12),rgba(37,99,235,0.06)); display: flex; align-items: center; justify-content: center; margin: 0 0 1rem; font-size: 1.2rem; color: var(--brand-gold); }
.feature-title { font-size: 1.02rem; font-weight: 800; color: var(--brand-900); margin: 0 0 0.7rem; line-height: 1.45; }
.feature-desc { font-size: 0.8125rem; line-height: 1.86; color: #5b6b82; margin: 0; text-align: left; }
.feature-desc strong { color: var(--brand-900); }

.modules-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.35rem; width: min(100%, 1180px); margin: 0 auto; }
.module-card { position: relative; background: #fff; border: 1px solid #e3e9f2; border-radius: 0.5rem; padding: 2rem; transition: all 0.3s; overflow: hidden; }
.module-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--brand-gold); opacity: 0.82; }
.module-card:hover { box-shadow: 0 12px 32px rgba(15,23,42,0.07); transform: translateY(-2px); }
.module-icon { width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; background: #f8fafc; border: 1px solid #e8edf4; font-size: 1.45rem; color: var(--brand-gold); margin-bottom: 1.1rem; }
.module-card h3 { font-size: 1.35rem; font-weight: 800; color: var(--brand-900); margin: 0 0 0.85rem; }
.module-card p { font-size: 0.9rem; line-height: 1.85; color: #56677f; margin: 0; }
.module-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1.15rem; }
.module-tag { display: inline-flex; align-items: center; gap: 0.35rem; background: #f8fafc; border: 1px solid #e2e8f0; padding: 0.42rem 0.7rem; border-radius: 0.5rem; font-size: 0.75rem; color: #53657c; line-height: 1.35; }
.module-proof { margin-top: 1.1rem; padding-top: 1rem; border-top: 1px solid #edf1f6; color: var(--brand-900); font-size: 0.8125rem; line-height: 1.7; font-weight: 600; }

/* --- Course Tabs (enhanced) --- */
.course-section-head,
.course-layout {
	width: min(100%, 1180px);
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}
.course-tabs-nav {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0;
	padding: 0;
	background: #f8fafc;
	border-radius: 1rem;
	border: 1px solid #e8ecf1;
	overflow: hidden;
	width: 220px;
	flex-shrink: 0;
}
.course-tab {
	background: transparent;
	border: none;
	border-bottom: 1px solid #f1f5f9;
	padding: 0.875rem 1rem;
	font-size: 0.8125rem;
	font-weight: 500;
	color: #475569;
	cursor: pointer;
	transition: all 0.3s;
	font-family: inherit;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	text-align: left;
	width: 100%;
}
.course-tab:last-child { border-bottom: none; }
.course-tab:hover {
	color: var(--brand-900);
	background: rgba(193,157,104,0.06);
}
.course-tab.active {
	background: var(--brand-900);
	color: #fff;
	font-weight: 600;
	padding-left: 1.25rem;
	border-left: 3px solid var(--brand-gold);
	border-bottom-color: transparent;
}
/* Tab count badge */
.tc {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.375rem;
	height: 1.375rem;
	padding: 0 0.375rem;
	background: #e2e8f0;
	border-radius: 1rem;
	font-size: 0.6875rem;
	font-weight: 700;
	color: #94a3b8;
	transition: all 0.3s;
	flex-shrink: 0;
}
.course-tab:hover .tc { background: #cbd5e1; color: #64748b; }
.course-tab.active .tc { background: rgba(193,157,104,0.3); color: var(--brand-gold); }

/* Panel */
/* Layout: sidebar + content */
.course-layout {
	display: flex;
	gap: 1.5rem;
	align-items: stretch;
	height: 520px;
	overflow: hidden;
}
.course-tabs-nav {
	overflow-y: auto;
	height: 100%;
}
.course-tabs-nav::-webkit-scrollbar { width: 4px; }
.course-tabs-nav::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 2px; }
.course-tabs-content {
	flex: 1;
	min-width: 0;
	overflow-y: auto;
	height: 100%;
	-webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 24px, #000 calc(100% - 24px), transparent);
	mask-image: linear-gradient(to bottom, transparent 0, #000 24px, #000 calc(100% - 24px), transparent);
}
.course-tabs-content::-webkit-scrollbar { width: 4px; }
.course-tabs-content::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 2px; }

.course-panel { display: none; }
.course-panel.active {
	display: block;
	animation: cpFade 0.35s ease;
}
@keyframes cpFade {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Panel header */
.panel-hd {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1.5rem;
	flex-wrap: wrap;
	gap: 0.75rem;
}
.series-title {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--brand-900);
	margin: 0;
	padding-left: 1rem;
	border-left: 3px solid var(--brand-gold);
}
.course-num {
	font-size: 0.8125rem;
	color: #94a3b8;
	background: #f8fafc;
	padding: 0.375rem 1rem;
	border-radius: 2rem;
	border: 1px solid #f1f5f9;
}

/* Course card */
.course-card {
	background: #fff;
	border-radius: 0.75rem;
	border: 1px solid #e8ecf1;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0,0,0,0.04);
	max-width: 100%;
}

/* Course table */
.course-table {
	width: 100%;
	border-collapse: collapse;
	counter-reset: ci;
}
.course-table td {
	padding: 0.875rem 1.25rem;
	font-size: 0.875rem;
	border-bottom: 1px solid #f5f7fa;
	line-height: 1.7;
	color: #475569;
}
.course-table tbody tr {
	transition: background 0.2s;
	counter-increment: ci;
	position: relative;
}
.course-table tbody tr td:first-child {
	padding-left: 3.25rem;
	position: relative;
}

/* Row number badge */
.course-table tbody tr td:first-child::before {
	content: counter(ci);
	position: absolute;
	left: 1.25rem;
	top: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.375rem;
	height: 1.375rem;
	background: #f1f5f9;
	border-radius: 0.375rem;
	font-size: 0.6875rem;
	font-weight: 700;
	color: #94a3b8;
	transition: all 0.2s;
}
.course-table tbody tr:hover { background: rgba(37,99,235,0.02); }
.course-table tbody tr:hover td:first-child::before {
	background: var(--brand-gold);
	color: #fff;
}
.course-table tbody tr:last-child td { border-bottom: none; }

/* Duration pill */
.dp {
	display: inline-block;
	padding: 0.2rem 0.625rem;
	border-radius: 2rem;
	font-size: 0.75rem;
	font-weight: 600;
	white-space: nowrap;
}
.dp-1 {
	background: #eff6ff;
	color: #2563eb;
	border: 1px solid #dbeafe;
}
.dp-2 {
	background: rgba(193,157,104,0.08);
	color: #b08d57;
	border: 1px solid rgba(193,157,104,0.18);
}
.course-table td:last-child {
	text-align: center;
	width: 90px;
}

.pricing-grid { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.pricing-card {
	background: linear-gradient(145deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 1.25rem;
	padding: 2rem;
	position: relative;
	padding-top: 2.5rem;
	transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	box-shadow: 0 8px 32px rgba(0,0,0,0.2);
}
.pricing-card::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -50%;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);
	pointer-events: none;
}
.pricing-card:hover {
	border-color: rgba(193,157,104,0.3);
	transform: translateY(-6px);
	box-shadow: 0 20px 50px rgba(0,0,0,0.3), 0 0 30px rgba(193,157,104,0.08);
}
.pricing-featured {
	border-color: rgba(193,157,104,0.4);
	background: linear-gradient(145deg, rgba(193,157,104,0.1) 0%, rgba(193,157,104,0.02) 100%);
	box-shadow: 0 8px 32px rgba(0,0,0,0.25), 0 0 20px rgba(193,157,104,0.1);
}
.pricing-featured:hover {
	box-shadow: 0 20px 50px rgba(0,0,0,0.3), 0 0 40px rgba(193,157,104,0.15);
}
.pricing-badge {
	position: absolute;
	top: -0.75rem;
	right: 1.5rem;
	background: var(--brand-gold);
	color: var(--brand-900);
	font-size: 0.75rem;
	font-weight: 700;
	padding: 0.25rem 1rem;
	border-radius: 2rem;
	box-shadow: 0 4px 12px rgba(193,157,104,0.3);
}
.pricing-header { text-align: center; padding-bottom: 1.5rem; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 1.5rem; }
.pricing-brand { display: inline-flex; align-items: center; gap: 0.375rem; font-size: 0.6875rem; font-weight: 600; color: rgba(255,255,255,0.4); letter-spacing: 0.08em; margin-bottom: 0.75rem; }
.pricing-brand i { color: var(--brand-gold); font-size: 0.875rem; }
.pricing-tier { font-size: 0.875rem; color: #94a3b8; font-weight: 500; }
.pricing-amount { font-size: 2.25rem; font-weight: 700; color: #f8fafc; margin-top: 0.5rem; font-family: 'Inter',sans-serif; }
.pricing-currency { font-size: 1.25rem; vertical-align: super; }
.pricing-period { font-size: 0.875rem; font-weight: 400; color: #94a3b8; }
.pricing-features { list-style: none; padding: 0; margin: 0; }
.pricing-features li { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.6rem 0; font-size: 0.8125rem; color: #cbd5e1; line-height: 1.5; }
.pricing-features li i { color: var(--brand-gold); margin-top: 0.15rem; flex-shrink: 0; }
.pricing-features li strong { color: #f8fafc; }

.alliance-perks { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.perk-item { display: flex; align-items: center; gap: 0.75rem; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); border-radius: 0.5rem; padding: 0.75rem 1rem; font-size: 0.8125rem; color: #cbd5e1; }
.perk-item i { color: var(--brand-gold); font-size: 1.125rem; flex-shrink: 0; }

@media (max-width: 1024px) {
	.features-grid { grid-template-columns: repeat(2, 1fr) !important; }
	.feature-card-wide { grid-column: span 2; }
	.pricing-grid { grid-template-columns: 1fr !important; max-width: 400px; margin: 0 auto; }
	.alliance-perks { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 768px) {
	.features-grid { grid-template-columns: 1fr !important; }
	.modules-grid { grid-template-columns: 1fr !important; }
	.feature-card-wide { grid-column: auto; }
	.module-card { padding: 1.45rem; }
	.course-layout { flex-direction: column !important; }
	.course-tabs-nav {
		width: 100% !important;
		height: auto !important;
		max-width: 100%;
		flex-direction: row !important;
		flex-wrap: nowrap;
		gap: 0.45rem;
		padding: 0.45rem;
		overflow-x: auto;
		overflow-y: hidden;
		border-radius: 0.75rem;
	}
	.course-tab {
		width: auto;
		min-width: 7.25rem;
		flex: 0 0 auto;
		font-size: 0.75rem;
		padding: 0.55rem 0.75rem;
		border: 1px solid #edf1f6;
		border-radius: 0.5rem;
	}
	.course-tab.active {
		padding-left: 0.75rem;
		border-left: 1px solid var(--brand-gold);
	}
	.course-table td { padding: 0.75rem 0.75rem; font-size: 0.8125rem; }
	.course-table tbody tr td:first-child { padding-left: 2.75rem; }
	.course-table tbody tr td:first-child::before { left: 0.75rem; top: 0.875rem; width: 1.25rem; height: 1.25rem; font-size: 0.625rem; }
	.alliance-perks { grid-template-columns: 1fr !important; }
}

/* --- Seminar content refresh --- */
.seminar-section-heading {
	width: min(100%, 1180px);
	margin: 0 auto 2.75rem;
}
.seminar-section-heading-center {
	text-align: center;
}
.seminar-section-heading .section-label {
	display: inline-block;
	margin-bottom: 0.5rem;
}
.seminar-section-heading h2 {
	max-width: 48rem;
	margin: 0;
	color: var(--brand-900);
	font-size: clamp(1.75rem, 4vw, 2.35rem);
	font-weight: 700;
	line-height: 1.3;
	text-wrap: balance;
}
.seminar-section-heading-center h2,
.seminar-section-heading-center p {
	margin-right: auto;
	margin-left: auto;
}
.seminar-section-heading > p {
	max-width: 54rem;
	margin: 1rem 0 0;
	color: #64748b;
	font-size: 0.95rem;
	line-height: 1.9;
	text-wrap: pretty;
}
.seminar-scene-strip {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(18rem, 0.75fr);
	gap: 0.75rem;
	width: min(100%, 1180px);
	height: clamp(22rem, 35vw, 30rem);
	margin: 0 auto 2rem;
	padding: 0.75rem;
	border: 1px solid #dfe6ef;
	background: #fff;
}
.seminar-scene-stack {
	display: grid;
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
	min-height: 0;
}
.seminar-scene {
	position: relative;
	min-width: 0;
	min-height: 0;
	margin: 0;
	overflow: hidden;
	background: #d9e0e8;
}
.seminar-scene::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 38%, rgba(5, 18, 36, 0.84) 100%);
	content: "";
	pointer-events: none;
}
.seminar-scene img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(0.78) contrast(1.04);
	transition: transform 0.55s ease, filter 0.55s ease;
}
.seminar-scene-primary img {
	object-position: center 48%;
}
.seminar-scene:hover img {
	transform: scale(1.025);
	filter: saturate(0.92) contrast(1.04);
}
.seminar-scene figcaption {
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.25rem;
	color: #fff;
}
.seminar-scene-primary figcaption {
	padding: clamp(1.4rem, 3vw, 2.2rem);
}
.seminar-scene figcaption span {
	color: #e6bc75;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	white-space: nowrap;
}
.seminar-scene figcaption strong {
	max-width: 20rem;
	font-size: 0.86rem;
	line-height: 1.55;
	text-align: right;
}
.seminar-scene-primary figcaption strong {
	font-size: clamp(1.05rem, 2vw, 1.45rem);
}
.seminar-scene-note {
	position: absolute;
	top: 50%;
	left: calc(65.9% - 2.8rem);
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.6rem 0.75rem;
	border: 1px solid rgba(255,255,255,0.3);
	background: var(--brand-900);
	box-shadow: 0 12px 28px rgba(8,25,47,0.2);
	color: #e9c98f;
	font-family: 'Inter', sans-serif;
	font-size: 0.58rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	transform: translateY(-50%);
}
.seminar-scene-note i {
	font-size: 0.7rem;
}
.seminar-hero-photo img {
	filter: saturate(0.9) contrast(1.03);
}
.seminar-pain-panel {
	display: grid;
	grid-template-columns: minmax(14rem, 0.42fr) minmax(0, 1.58fr);
	width: min(100%, 1180px);
	margin: 2rem auto 0;
	border: 1px solid #dfe6ef;
	border-radius: 0.875rem;
	overflow: hidden;
	background: #fff;
}
.seminar-pain-copy {
	position: relative;
	padding: 2rem;
	overflow: hidden;
	background: var(--brand-900);
}
.seminar-pain-copy::after {
	position: absolute;
	right: -2.25rem;
	bottom: -2.75rem;
	width: 8rem;
	height: 8rem;
	border: 1px solid rgba(193,157,104,0.26);
	border-radius: 50%;
	content: "";
}
.seminar-panel-kicker {
	display: block;
	margin-bottom: 0.65rem;
	color: var(--brand-gold);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.12em;
}
.seminar-pain-copy h3,
.seminar-method-source h3 {
	margin: 0;
	color: var(--brand-900);
	font-size: 1.1rem;
	font-weight: 700;
}
.seminar-pain-copy h3 {
	color: #fff;
	font-size: 1.35rem;
}
.seminar-pain-copy p {
	position: relative;
	z-index: 1;
	margin: 0.85rem 0 0;
	color: #c8d2df;
	font-size: 0.8rem;
	line-height: 1.85;
}
.seminar-pain-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	background: #dfe6ef;
	gap: 1px;
}
.seminar-pain-item {
	position: relative;
	min-width: 0;
	margin: 0;
	padding: 1.35rem 1rem 1.25rem;
	background: #fff;
	transition: background-color 0.2s ease;
}
.seminar-pain-item:hover {
	background: #f7f9fc;
}
.seminar-pain-index {
	position: absolute;
	top: 0.85rem;
	right: 0.85rem;
	color: #c3ccd8;
	font-family: 'Inter', sans-serif;
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.08em;
}
.seminar-pain-item > i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.3rem;
	height: 2.3rem;
	margin-bottom: 1rem;
	border: 1px solid #e1e7ef;
	color: #8a6b3f;
	font-size: 1.05rem;
}
.seminar-pain-item h4 {
	margin: 0;
	color: var(--brand-900);
	font-size: 0.85rem;
	font-weight: 700;
}
.seminar-pain-item p {
	margin: 0.4rem 0 0;
	color: #65758a;
	font-size: 0.72rem;
	line-height: 1.65;
}
.seminar-method-source {
	width: min(100%, 1180px);
	margin: 2rem auto 0;
	padding: 2rem;
	border: 1px solid #dfe6ef;
	border-radius: 0.875rem;
	background: #f2f5f8;
}
.seminar-method-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1.5rem;
	margin-bottom: 1.5rem;
}
.seminar-method-heading .seminar-panel-kicker {
	margin-bottom: 0.45rem;
}
.seminar-method-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 2rem;
	padding: 0.4rem 0.7rem;
	border: 1px solid #d9e1eb;
	background: #fff;
	color: #586a80;
	font-size: 0.7rem;
	font-weight: 600;
}
.seminar-method-source-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0;
	border: 1px solid #dbe3ec;
	background: #fff;
}
.seminar-method-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
	padding: 1.35rem 1.2rem 1.4rem;
	border-right: 1px solid #dbe3ec;
	background: #fff;
	transition: background-color 0.2s ease, transform 0.2s ease;
}
.seminar-method-card:last-child {
	border-right: 0;
}
.seminar-method-card::after {
	position: absolute;
	z-index: 2;
	top: 2rem;
	right: -0.38rem;
	width: 0.7rem;
	height: 0.7rem;
	border-top: 1px solid #b9c5d3;
	border-right: 1px solid #b9c5d3;
	background: #fff;
	content: "";
	transform: rotate(45deg);
}
.seminar-method-card:last-child::after {
	display: none;
}
.seminar-method-card:hover {
	z-index: 1;
	background: #f8fafc;
	transform: translateY(-2px);
}
.seminar-method-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1.45rem;
}
.seminar-method-card-top span {
	color: #7d8da1;
	font-family: 'Inter', sans-serif;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.seminar-method-card-top i {
	color: var(--brand-gold);
	font-size: 1.35rem;
}
.seminar-method-card h4 {
	margin: 0;
	color: var(--brand-900);
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.45;
}
.seminar-method-card p {
	margin: 0.7rem 0 0;
	color: #65758a;
	font-size: 0.75rem;
	line-height: 1.8;
}
.seminar-method-card-overview {
	box-shadow: inset 0 3px 0 var(--brand-gold);
}
.seminar-method-card-result {
	background: var(--brand-900);
}
.seminar-method-card-result:hover {
	background: #112441;
}
.seminar-method-card-result .seminar-method-card-top span,
.seminar-method-card-result p {
	color: #c0cbd8;
}
.seminar-method-card-result h4 {
	color: #fff;
}
.seminar-method-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
	margin-top: auto;
	padding-top: 1rem;
}
.seminar-method-tags span {
	padding: 0.22rem 0.38rem;
	border: 1px solid #e0e6ed;
	color: #64748b;
	font-size: 0.6rem;
	line-height: 1.2;
}
.seminar-result-label {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin-top: auto;
	padding-top: 1.1rem;
	color: #e4c99f;
	font-size: 0.68rem;
	font-weight: 600;
}
.seminar-mode-compare {
	width: min(100%, 1180px);
	margin: 2rem auto 0;
	border: 1px solid #dfe6ef;
	border-radius: 0.875rem;
	background: #fff;
	overflow: hidden;
}
.seminar-mode-compare-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
	padding: 1.6rem 2rem;
	background: var(--brand-900);
}
.seminar-mode-compare-heading .seminar-panel-kicker {
	margin-bottom: 0.45rem;
}
.seminar-mode-compare-heading h3 {
	margin: 0;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.45;
}
.seminar-mode-compare-mark {
	color: #8292a7;
	font-family: 'Inter', sans-serif;
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	white-space: nowrap;
}
.seminar-mode-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
.seminar-mode-table th,
.seminar-mode-table td {
	width: 50%;
	border-right: 1px solid #dfe6ef;
}
.seminar-mode-table th:last-child,
.seminar-mode-table td:last-child {
	border-right: 0;
}
.seminar-mode-table th {
	padding: 1.15rem 1.5rem;
	border-bottom: 1px solid #dfe6ef;
	background: #f5f7fa;
	color: var(--brand-900);
	font-size: 0.9rem;
	font-weight: 700;
	text-align: left;
}
.seminar-mode-table th i {
	margin-right: 0.55rem;
	color: var(--brand-gold);
	font-size: 1.1rem;
	vertical-align: -0.12em;
}
.seminar-mode-table td {
	padding: 1rem 1.5rem;
	border-bottom: 1px solid #e7ecf2;
	color: #53657b;
	font-size: 0.82rem;
	font-weight: 500;
	line-height: 1.65;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.seminar-mode-table tr:last-child td {
	border-bottom: 0;
}
.seminar-mode-table tbody tr:hover td {
	background: #f8fafc;
	color: #213b5c;
}
.seminar-feature-section-heading {
	display: grid;
	grid-template-columns: minmax(12rem, 0.42fr) minmax(0, 1fr);
	align-items: end;
	gap: 2rem;
	padding-top: 1.75rem;
	border-top: 1px solid #d9e0e8;
}
.seminar-feature-section-heading h2 {
	max-width: 42rem;
	margin: 0;
	font-size: 2.15rem;
	font-weight: 600;
	line-height: 1.28;
}
.seminar-feature-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 1.25rem;
	width: min(100%, 1180px);
	margin: 0 auto;
}
.seminar-feature-panel {
	min-width: 0;
	padding: 2rem;
	border: 1px solid #dde3ea;
	border-radius: 0.5rem;
	background: #fff;
}
.seminar-feature-course,
.seminar-feature-expert {
	grid-column: 1 / -1;
}
.seminar-feature-update {
	grid-column: span 6;
	background: #f1f5f3;
}
.seminar-feature-formats {
	grid-column: span 6;
	background: #f3f5f8;
}
.seminar-feature-panel-meta {
	display: grid;
	grid-template-columns: 4.5rem minmax(0, 1fr);
	align-items: center;
	gap: 0.85rem;
	margin-bottom: 2rem;
	color: #65758a;
	font-size: 0.72rem;
	font-weight: 700;
}
.seminar-feature-panel-meta span:first-child {
	color: #a67b3d;
	font-family: 'Inter', sans-serif;
	font-variant-numeric: tabular-nums;
}
.seminar-feature-panel-meta span:last-child {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	white-space: nowrap;
}
.seminar-feature-panel-meta span:last-child::after {
	flex: 1 1 auto;
	min-width: 1rem;
	height: 1px;
	background: #d9e0e8;
	content: '';
}
.seminar-feature-title {
	margin: 0;
	color: var(--brand-900);
	font-size: 1.35rem;
	font-weight: 600;
	line-height: 1.45;
	text-wrap: balance;
}
.seminar-feature-desc {
	max-width: 48rem;
	margin: 0.85rem 0 0;
	color: #58687b;
	font-size: 0.86rem;
	line-height: 1.85;
	text-wrap: pretty;
}
.seminar-feature-course-layout {
	display: grid;
	gap: 2rem;
}
.seminar-feature-course-layout > div:first-child {
	display: grid;
	grid-template-columns: minmax(17rem, 0.7fr) minmax(0, 1.3fr);
	align-items: start;
	gap: 3rem;
}
.seminar-feature-course-layout > div:first-child .seminar-feature-desc {
	margin-top: 0;
}
.seminar-series-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	border-top: 1px solid #dce3ea;
	border-left: 1px solid #dce3ea;
	counter-reset: seminar-series;
}
.seminar-series-list span {
	display: grid;
	grid-template-columns: 2.15rem minmax(0, 1fr);
	align-items: center;
	min-width: 0;
	min-height: 3.65rem;
	padding: 0.75rem 0.85rem;
	border-right: 1px solid #dce3ea;
	border-bottom: 1px solid #dce3ea;
	background: #f8f9fa;
	color: #43566d;
	font-size: 0.73rem;
	font-weight: 500;
	line-height: 1.5;
	counter-increment: seminar-series;
}
.seminar-series-list span::before {
	color: #a67b3d;
	font-family: 'Inter', sans-serif;
	font-size: 0.62rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	content: counter(seminar-series, decimal-leading-zero);
}
.seminar-feature-expert {
	border-color: #e3dacb;
	background: #f7f3ec;
}
.seminar-expert-lead {
	display: grid;
	grid-template-columns: minmax(15rem, 0.62fr) minmax(0, 1.38fr);
	gap: 2.5rem;
	align-items: center;
	padding-bottom: 2.25rem;
	border-bottom: 1px solid #ddd2c0;
}
.seminar-feature-stat {
	color: #a5742e;
	font-family: 'Inter', sans-serif;
	font-size: 4.1rem;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	line-height: 0.95;
}
.seminar-feature-stat sup {
	font-size: 1.65rem;
	vertical-align: top;
}
.seminar-expert-count h3 {
	margin: 0.8rem 0 0;
	color: var(--brand-900);
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.45;
}
.seminar-expert-authority {
	padding-left: 2rem;
	border-left: 1px solid #c8b38f;
}
.seminar-expert-authority span {
	color: #936b2e;
	font-size: 0.72rem;
	font-weight: 700;
}
.seminar-expert-authority p {
	margin: 0.65rem 0 0;
	color: var(--brand-900);
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 1.7;
	text-wrap: balance;
}
.seminar-expert-tracks {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
}
.seminar-expert-tracks section {
	min-width: 0;
	padding: 1.75rem 1.5rem 0 0;
	border-right: 1px solid #ddd2c0;
}
.seminar-expert-tracks section + section {
	padding-left: 1.5rem;
}
.seminar-expert-tracks section:last-child {
	padding-right: 0;
	border-right: 0;
}
.seminar-expert-index {
	display: block;
	margin-bottom: 1.25rem;
	color: #a5742e;
	font-family: 'Inter', sans-serif;
	font-size: 0.68rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}
.seminar-expert-tracks h4 {
	min-height: 3rem;
	margin: 0;
	color: var(--brand-900);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.55;
}
.seminar-expert-tracks dl {
	margin: 1.25rem 0 0;
}
.seminar-expert-tracks dl div {
	display: grid;
	grid-template-columns: 2.75rem minmax(0, 1fr);
	gap: 0.6rem;
	padding: 0.75rem 0;
	border-top: 1px solid #e2d9ca;
}
.seminar-expert-tracks dt {
	color: #9a7132;
	font-size: 0.68rem;
	font-weight: 700;
}
.seminar-expert-tracks dd {
	margin: 0;
	color: #5a6675;
	font-size: 0.74rem;
	line-height: 1.75;
}
.seminar-update-times {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	margin-top: 1.5rem;
	border-top: 1px solid #d5dfda;
}
.seminar-update-times div {
	display: grid;
	grid-template-columns: 5rem minmax(0, 1fr);
	gap: 1rem;
	padding: 1rem 0;
	border-bottom: 1px solid #d5dfda;
}
.seminar-update-times strong,
.seminar-update-times span {
	display: block;
}
.seminar-update-times strong {
	color: #9a7132;
	font-size: 0.82rem;
}
.seminar-update-times span {
	color: #5c6c80;
	font-size: 0.72rem;
	line-height: 1.65;
}
.seminar-format-tags {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	margin-top: 1.5rem;
	border-top: 1px solid #d9e0e8;
	border-left: 1px solid #d9e0e8;
	counter-reset: seminar-formats;
}
.seminar-format-tags span {
	display: grid;
	grid-template-columns: 2rem minmax(0, 1fr);
	align-items: center;
	min-height: 3rem;
	padding: 0.75rem;
	border-right: 1px solid #d9e0e8;
	border-bottom: 1px solid #d9e0e8;
	background: rgba(255,255,255,0.72);
	color: #43566d;
	font-size: 0.75rem;
	font-weight: 500;
	counter-increment: seminar-formats;
}
.seminar-format-tags span::before {
	color: #a67b3d;
	font-family: 'Inter', sans-serif;
	font-size: 0.62rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	content: counter(seminar-formats, decimal-leading-zero);
}
.seminar-gallery {
	background: #fff;
}
.seminar-gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: 12rem;
	grid-auto-flow: dense;
	gap: 1rem;
	width: min(100%, 1180px);
	margin: 0 auto;
}
.seminar-gallery-grid figure {
	position: relative;
	min-width: 0;
	margin: 0;
	border: 1px solid #e3e9f2;
	border-radius: 0.75rem;
	overflow: hidden;
	background: #eef2f6;
}
.seminar-gallery-grid .seminar-gallery-wide {
	grid-column: span 2;
}
.seminar-gallery-grid .seminar-gallery-portrait {
	grid-row: span 2;
}
.seminar-gallery-grid img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(0.88) contrast(1.03);
	transition: transform 0.3s ease, filter 0.3s ease;
}
.seminar-gallery-grid figure:hover img {
	transform: scale(1.025);
	filter: saturate(1) contrast(1.02);
}
.seminar-gallery-grid figcaption {
	position: absolute;
	right: 0.6rem;
	bottom: 0.6rem;
	padding: 0.35rem 0.55rem;
	border-radius: 0.35rem;
	background: rgba(10,25,47,0.86);
	color: #fff;
	font-size: 0.68rem;
	font-weight: 600;
}
.seminar-modules-grid .module-card {
	min-height: 100%;
}
.seminar-evidence {
	background: #fff;
}
.seminar-evidence-layout {
	display: grid;
	grid-template-columns: minmax(18rem, 0.7fr) minmax(0, 1.3fr);
	gap: 1.5rem;
	width: min(100%, 1180px);
	margin: 0 auto;
}
.seminar-certificate-preview,
.seminar-record-grid a {
	color: inherit;
	text-decoration: none;
}
.seminar-certificate-preview {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 23rem;
	padding: 2rem;
	border: 1px solid #e3e9f2;
	border-radius: 0.75rem;
	background: #f8fafc;
	transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.seminar-certificate-preview:hover {
	border-color: rgba(193,157,104,0.6);
	box-shadow: 0 12px 32px rgba(15,23,42,0.07);
	transform: translateY(-2px);
}
.seminar-certificate-preview img {
	display: block;
	width: min(100%, 23rem);
	height: auto;
	box-shadow: 0 10px 28px rgba(15,23,42,0.12);
}
.seminar-certificate-preview span {
	margin-top: 1rem;
	color: #64748b;
	font-size: 0.75rem;
}
.seminar-record-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}
.seminar-record-grid a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 0;
	padding: 1rem;
	border: 1px solid #e3e9f2;
	border-radius: 0.75rem;
	background: #fff;
	transition: border-color 0.25s ease, transform 0.25s ease;
}
.seminar-record-grid a:hover {
	border-color: rgba(193,157,104,0.6);
	transform: translateY(-2px);
}
.seminar-record-grid img {
	display: block;
	width: 100%;
	height: 8.5rem;
	object-fit: contain;
	background: #f8fafc;
}
.seminar-record-grid span {
	margin-top: 0.75rem;
	color: #64748b;
	font-size: 0.72rem;
	font-weight: 600;
	text-align: center;
}
@media (max-width: 1024px) {
	.seminar-pain-panel {
		grid-template-columns: 1fr;
	}
	.seminar-pain-copy {
		padding: 1.5rem;
	}
	.seminar-pain-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
	.seminar-method-source-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.seminar-method-card {
		min-height: 14rem;
		border-right: 1px solid #dbe3ec;
		border-bottom: 1px solid #dbe3ec;
	}
	.seminar-method-card:nth-child(2n) {
		border-right: 0;
	}
	.seminar-method-card::after {
		display: none;
	}
	.seminar-method-card:last-child {
		grid-column: span 2;
		min-height: 0;
		border-bottom: 0;
	}
	.seminar-feature-course-layout {
		grid-template-columns: 1fr;
		gap: 1.75rem;
	}
	.seminar-feature-update,
	.seminar-feature-formats {
		grid-column: span 6;
	}
	.seminar-record-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 768px) {
	.seminar-section-heading {
		margin-bottom: 2rem;
	}
	.seminar-section-heading h2 {
		font-size: 1.75rem;
	}
	.seminar-scene-strip {
		grid-template-columns: 1fr;
		height: auto;
		padding: 0.5rem;
	}
	.seminar-scene-primary {
		height: 19rem;
	}
	.seminar-scene-stack {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: none;
	}
	.seminar-scene-stack .seminar-scene {
		height: 13rem;
	}
	.seminar-scene-note {
		display: none;
	}
	.seminar-scene figcaption {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.25rem;
	}
	.seminar-scene figcaption strong {
		text-align: left;
	}
	.seminar-feature-grid,
	.seminar-evidence-layout {
		grid-template-columns: 1fr !important;
	}
	.seminar-feature-panel {
		grid-column: auto;
	}
	.seminar-feature-panel {
		padding: 1.5rem;
	}
	.seminar-feature-section-heading {
		grid-template-columns: 1fr;
		gap: 0.65rem;
		text-align: left;
	}
	.seminar-feature-section-heading h2 {
		margin-right: 0;
		margin-left: 0;
	}
	.seminar-series-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.seminar-feature-course-layout > div:first-child {
		grid-template-columns: 1fr;
		gap: 0.8rem;
	}
	.seminar-feature-course-layout > div:first-child .seminar-feature-desc {
		margin-top: 0;
	}
	.seminar-expert-lead {
		grid-template-columns: 1fr;
		gap: 1.5rem;
		padding-bottom: 1.5rem;
	}
	.seminar-expert-authority {
		padding: 1.5rem 0 0;
		border-top: 1px solid #d6c7ad;
		border-left: 0;
	}
	.seminar-expert-tracks {
		grid-template-columns: 1fr;
	}
	.seminar-expert-tracks section,
	.seminar-expert-tracks section + section {
		padding: 1.25rem 0;
		border-right: 0;
		border-bottom: 1px solid #ddd2c0;
	}
	.seminar-expert-tracks section:last-child {
		padding-bottom: 0;
		border-bottom: 0;
	}
	.seminar-expert-tracks h4 {
		min-height: 0;
	}
	.seminar-pain-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.seminar-pain-item:last-child {
		grid-column: span 2;
	}
	.seminar-method-source {
		padding: 1.25rem;
	}
	.seminar-method-source-grid {
		grid-template-columns: 1fr;
	}
	.seminar-method-card,
	.seminar-method-card:nth-child(2n),
	.seminar-method-card:last-child {
		grid-column: auto;
		min-height: 0;
		border-right: 0;
		border-bottom: 1px solid #dbe3ec;
	}
	.seminar-method-card:last-child {
		border-bottom: 0;
	}
	.seminar-method-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.8rem;
	}
	.seminar-mode-compare-heading {
		align-items: flex-start;
		padding: 1.4rem 1.25rem;
	}
	.seminar-mode-compare-mark {
		display: none;
	}
	.seminar-mode-table th {
		padding: 1rem;
	}
	.seminar-mode-table td {
		padding: 0.9rem 1rem;
		font-size: 0.78rem;
	}
	.seminar-gallery-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: 10rem;
	}
	.seminar-gallery-grid .seminar-gallery-wide {
		grid-column: span 2;
	}
	.seminar-gallery-grid .seminar-gallery-portrait {
		grid-row: span 1;
	}
	.seminar-certificate-preview {
		min-height: 18rem;
		padding: 1.25rem;
	}
}
@media (max-width: 480px) {
	.seminar-scene-primary,
	.seminar-scene-stack .seminar-scene {
		height: 15rem;
	}
	.seminar-scene-stack {
		grid-template-columns: 1fr;
	}
	.seminar-pain-grid,
	.seminar-record-grid {
		grid-template-columns: 1fr;
	}
	.seminar-pain-item:last-child {
		grid-column: auto;
	}
	.seminar-pain-item {
		min-height: 0;
		padding: 1.1rem 3rem 1.1rem 4.25rem;
	}
	.seminar-pain-item > i {
		position: absolute;
		top: 1rem;
		left: 1rem;
		margin: 0;
	}
	.seminar-feature-panel {
		padding: 1.25rem;
	}
	.seminar-feature-section-heading h2 {
		font-size: 1.65rem;
	}
	.seminar-feature-title {
		font-size: 1.2rem;
	}
	.seminar-format-tags {
		grid-template-columns: 1fr;
	}
	.seminar-feature-stat {
		font-size: 3.75rem;
	}
	.seminar-expert-authority p {
		font-size: 1rem;
	}
	.seminar-expert-tracks section {
		padding-right: 0;
		padding-left: 0;
	}
	.seminar-mode-compare-heading h3 {
		font-size: 1.1rem;
	}
	.seminar-mode-table th {
		padding: 0.9rem 0.75rem;
		font-size: 0.82rem;
	}
	.seminar-mode-table th i {
		display: block;
		margin: 0 0 0.35rem;
	}
	.seminar-mode-table td {
		padding: 0.82rem 0.75rem;
		font-size: 0.74rem;
	}
	.seminar-gallery-grid {
		grid-auto-rows: 8.5rem;
		gap: 0.65rem;
	}
	.seminar-update-times {
		grid-template-columns: 1fr;
	}
}
@media (prefers-reduced-motion: reduce) {
	.seminar-scene img,
	.seminar-pain-item,
	.seminar-method-card,
	.seminar-gallery-grid img,
	.seminar-certificate-preview,
	.seminar-record-grid a {
		transition: none;
	}
}

/* ============================================
   Training Page - 岗位训练营 (Redesigned)
   ============================================ */
.training-hero { padding-top: 8rem; }

/* -- Hero -- */
.tr-hero-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4rem;
	max-width: 1200px;
	margin: 0 auto;
}
.tr-hero-text { flex: 1; max-width: 36rem; }
.tr-hero-text h1 {
	font-size: clamp(2rem, 5vw, 3.25rem);
	font-weight: 700;
	color: #f8fafc;
	margin: 0.5rem 0 1.25rem;
}
.tr-hero-desc {
	color: #94a3b8;
	font-size: 1.0625rem;
	line-height: 1.9;
	margin-bottom: 2.5rem;
}
.tr-hero-stats {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	flex-wrap: wrap;
}
.tr-stat { text-align: center; }
.tr-stat strong {
	display: block;
	font-size: 1.75rem;
	font-weight: 900;
	font-family: 'Inter', sans-serif;
	color: var(--brand-gold);
	line-height: 1.2;
}
.tr-stat span {
	font-size: 0.75rem;
	color: #94a3b8;
	display: block;
	margin-top: 0.25rem;
}
.tr-stat-div {
	width: 1px;
	height: 2.5rem;
	background: rgba(255,255,255,0.1);
}
.tr-hero-visual { flex-shrink: 0; }
.tr-hero-card {
	width: 18rem;
	background: rgba(255,255,255,0.04);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 1rem;
	padding: 1.75rem;
	backdrop-filter: blur(8px);
}
.tr-card-hd {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin-bottom: 1.25rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(255,255,255,0.08);
}
.tr-card-hd i { font-size: 1.25rem; color: var(--brand-gold); }
.tr-card-hd span { font-weight: 700; color: #f8fafc; font-size: 0.9375rem; }
.tr-card-row {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	padding: 0.5rem 0;
	color: #cbd5e1;
	font-size: 0.8125rem;
}
.tr-dot {
	width: 6px; height: 6px;
	border-radius: 50%;
	flex-shrink: 0;
}
.tr-dot-gold { background: var(--brand-gold); }
.tr-dot-blue { background: #2563eb; }

/* -- Section Header -- */
.tr-section-hd {
	text-align: center;
	margin-bottom: 3rem;
	max-width: 40rem;
	margin-left: auto;
	margin-right: auto;
}
.tr-section-hd h2 {
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 700;
	margin-top: 0.5rem;
	color: var(--brand-900);
}
.tr-section-sub {
	color: #64748b;
	font-size: 0.9375rem;
	line-height: 1.8;
	margin-top: 0.75rem;
}

/* -- Flow Steps -- */
.tr-flow {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 0;
	margin-bottom: 3rem;
}
.tr-flow-item {
	flex: 1;
	max-width: 240px;
	text-align: center;
	padding: 1.5rem;
	position: relative;
}
.tr-flow-num {
	font-size: 0.6875rem;
	font-weight: 800;
	font-family: 'Inter', sans-serif;
	color: var(--brand-gold);
	background: rgba(193,157,104,0.1);
	border: 1px solid rgba(193,157,104,0.2);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 50%;
	margin-bottom: 1rem;
}
.tr-flow-icon {
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 0.75rem;
	background: linear-gradient(135deg, rgba(193,157,104,0.1), rgba(37,99,235,0.06));
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1rem;
	font-size: 1.5rem;
	color: var(--brand-gold);
	transition: transform 0.3s;
}
.tr-flow-item:hover .tr-flow-icon { transform: translateY(-4px); }
.tr-flow-item h4 {
	font-size: 1rem;
	font-weight: 700;
	color: var(--brand-900);
	margin-bottom: 0.5rem;
}
.tr-flow-item p {
	font-size: 0.8125rem;
	color: #64748b;
	line-height: 1.7;
	margin: 0;
}
.tr-flow-line {
	width: 3rem;
	flex-shrink: 0;
	border-top: 2px dashed #cbd5e1;
	align-self: center;
	margin-top: 3rem;
}

/* -- Highlight Box -- */
.tr-highlight {
	display: flex;
	align-items: flex-start;
	gap: 1.25rem;
	max-width: 48rem;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #f1f5f9;
	border-left: 4px solid var(--brand-gold);
	border-radius: 0.75rem;
	padding: 1.5rem 2rem;
	box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}
.tr-highlight-icon {
	font-size: 1.5rem;
	color: var(--brand-gold);
	flex-shrink: 0;
	margin-top: 0.15rem;
}
.tr-highlight p {
	font-size: 0.875rem;
	color: #475569;
	line-height: 1.8;
	margin: 0;
}
.tr-highlight strong { color: var(--brand-900); }

/* -- Features (dark bg) -- */
.tr-feat-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem;
}
.tr-feat-card {
	background: rgba(255,255,255,0.04);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 0.75rem;
	padding: 2rem 1.5rem 1.75rem;
	position: relative;
	overflow: hidden;
	transition: all 0.4s;
}
.tr-feat-card:hover {
	border-color: rgba(193,157,104,0.3);
	background: rgba(255,255,255,0.06);
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0,0,0,0.2);
}
.tr-feat-card.tr-feat-accent {
	border-color: rgba(193,157,104,0.25);
	background: rgba(193,157,104,0.04);
}
.tr-feat-idx {
	position: absolute;
	top: 0.5rem;
	right: 0.75rem;
	font-size: 3rem;
	font-weight: 900;
	font-family: 'Inter', sans-serif;
	color: rgba(255,255,255,0.03);
	line-height: 1;
	transition: color 0.3s;
}
.tr-feat-card:hover .tr-feat-idx { color: rgba(193,157,104,0.08); }
.tr-feat-card .tr-feat-icon {
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 0.5rem;
	background: rgba(193,157,104,0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
	color: var(--brand-gold);
	margin-bottom: 1.25rem;
	transition: all 0.3s;
}
.tr-feat-card:hover .tr-feat-icon { background: rgba(193,157,104,0.15); transform: scale(1.08); }
.tr-feat-card h4 {
	font-size: 0.9375rem;
	font-weight: 700;
	color: #f1f5f9;
	margin-bottom: 0.625rem;
}
.tr-feat-card p {
	font-size: 0.8125rem;
	line-height: 1.75;
	color: #94a3b8;
	margin: 0;
}

/* -- Implementation Path -- */
.tr-path {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	max-width: 56rem;
	margin: 0 auto;
}
.tr-path-item {
	flex: 1;
	background: #fff;
	border: 1px solid #e8ecf1;
	border-radius: 0.75rem;
	padding: 2rem;
	text-align: center;
	transition: all 0.3s;
}
.tr-path-item:hover {
	border-color: var(--brand-gold);
	box-shadow: 0 12px 32px rgba(0,0,0,0.06);
	transform: translateY(-3px);
}
.tr-path-num {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: var(--brand-900);
	color: var(--brand-gold);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.125rem;
	font-weight: 900;
	font-family: 'Inter', sans-serif;
	margin: 0 auto 1.25rem;
}
.tr-path-body h4 {
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--brand-900);
	margin-bottom: 0.625rem;
}
.tr-path-body p {
	font-size: 0.8125rem;
	color: #64748b;
	line-height: 1.8;
	margin: 0;
}
.tr-path-connector {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	width: 2rem;
	justify-content: center;
}
.tr-path-dot {
	width: 4px; height: 4px;
	border-radius: 50%;
	background: #cbd5e1;
}
.tr-path-line {
	flex: 1;
	height: 2px;
	background: #e2e8f0;
}

/* -- Camp Grid -- */
.tr-camp-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
}
.tr-camp-card {
	background: #fff;
	border: 1px solid #e8ecf1;
	border-radius: 0.75rem;
	padding: 1.5rem 2rem;
	display: flex;
	align-items: center;
	gap: 1.5rem;
	transition: all 0.3s;
	cursor: default;
	position: relative;
	overflow: hidden;
}
.tr-camp-card::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: transparent;
	transition: background 0.3s;
}
.tr-camp-card:hover {
	border-color: rgba(193,157,104,0.3);
	box-shadow: 0 8px 24px rgba(0,0,0,0.06);
	transform: translateY(-2px);
}
.tr-camp-card:hover::after { background: var(--brand-gold); }
.tr-camp-left {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-shrink: 0;
}
.tr-camp-num {
	font-size: 1.5rem;
	font-weight: 900;
	font-family: 'Inter', sans-serif;
	color: #e2e8f0;
	line-height: 1;
	transition: color 0.3s;
	min-width: 2rem;
	text-align: center;
}
.tr-camp-card:hover .tr-camp-num { color: var(--brand-gold); }
.tr-camp-icon {
	width: 3rem;
	height: 3rem;
	border-radius: 0.625rem;
	background: linear-gradient(135deg, rgba(193,157,104,0.08), rgba(37,99,235,0.04));
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
	color: var(--brand-gold);
	transition: all 0.3s;
	flex-shrink: 0;
}
.tr-camp-card:hover .tr-camp-icon {
	background: linear-gradient(135deg, rgba(193,157,104,0.15), rgba(37,99,235,0.06));
	transform: scale(1.06);
}
.tr-camp-right {
	flex: 1;
	min-width: 0;
}
.tr-camp-right h4 {
	font-size: 1rem;
	font-weight: 700;
	color: var(--brand-900);
	margin-bottom: 0.5rem;
	line-height: 1.5;
}
.tr-camp-tag {
	display: inline-block;
	padding: 0.25rem 0.75rem;
	background: #eff6ff;
	color: #2563eb;
	border-radius: 2rem;
	font-size: 0.75rem;
	font-weight: 600;
	border: 1px solid #dbeafe;
}

/* -- Training Responsive -- */
@media (max-width: 1024px) {
	.tr-hero-inner { flex-direction: column; gap: 2.5rem; text-align: center; }
	.tr-hero-text { max-width: 100%; }
	.tr-hero-stats { justify-content: center; }
	.tr-hero-visual { display: none; }
	.tr-flow { flex-wrap: wrap; gap: 1rem; }
	.tr-flow-line { display: none; }
	.tr-feat-grid { grid-template-columns: repeat(2, 1fr) !important; }
	.tr-path { flex-direction: column; gap: 0; }
	.tr-path-connector { transform: rotate(90deg); width: auto; height: 2rem; }
	.tr-path-item { width: 100%; max-width: 28rem; }
	.tr-camp-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 768px) {
	.tr-hero-stats { gap: 0.75rem; }
	.tr-stat strong { font-size: 1.25rem; }
	.tr-feat-grid { grid-template-columns: 1fr !important; }
	.tr-camp-grid { grid-template-columns: 1fr !important; }
	.tr-camp-card { padding: 1.25rem; gap: 1rem; }
	.tr-camp-right h4 { font-size: 0.9375rem; }
	.tr-flow-item { min-width: 100%; }
	.tr-highlight { flex-direction: column; }
}

/* ========================================
   Public Training Events - 公益培训活动
   ======================================== */

/* --- Hero Badges --- */
.public-hero-badges {
	display: flex;
	justify-content: center;
	gap: 2rem;
	flex-wrap: wrap;
}

.public-hero-badge {
	text-align: center;
	padding: 1rem 1.5rem;
	border-radius: 0.75rem;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.public-hero-badge .badge-num {
	display: block;
	font-size: 1.75rem;
	font-weight: 800;
	color: var(--brand-gold);
	font-family: 'Inter', sans-serif;
	line-height: 1.2;
}

.public-hero-badge .badge-label {
	display: block;
	font-size: 0.8125rem;
	color: #94a3b8;
	margin-top: 0.25rem;
}

/* --- Highlights Section (图文交错) --- */
.highlight-rows {
	display: flex;
	flex-direction: column;
	gap: 3.5rem;
	max-width: 1000px;
	margin: 0 auto;
}

.highlight-row {
	display: flex;
	align-items: center;
	gap: 3rem;
}

.highlight-row:nth-child(even) {
	flex-direction: row-reverse;
}

.highlight-image {
	flex: 0 0 45%;
	border-radius: 1rem;
	overflow: hidden;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

.highlight-image img {
	display: block;
	width: 100%;
	height: 280px;
	object-fit: cover;
	transition: transform 0.5s;
}

.highlight-row:hover .highlight-image img {
	transform: scale(1.03);
}

.highlight-text {
	flex: 1;
}

.highlight-number {
	font-family: 'Inter', sans-serif;
	font-size: 3rem;
	font-weight: 900;
	color: #e2e8f0;
	line-height: 1;
	margin-bottom: 0.75rem;
}

.highlight-text h3 {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--brand-900);
	margin-bottom: 0.75rem;
}

.highlight-text p {
	font-size: 0.9375rem;
	color: #64748b;
	line-height: 1.75;
}

/* --- Schedule Section (培训大会日程) --- */
.schedule-wrap {
	max-width: 960px;
	margin: 0 auto;
	counter-reset: sched-num;
}

.schedule-group {
	display: flex;
	align-items: stretch;
	margin-bottom: 0.625rem;
}

.schedule-group-label {
	flex: 0 0 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--brand-900);
	color: #fff;
	font-size: 0.875rem;
	font-weight: 800;
	font-family: 'Inter', sans-serif;
	border-radius: 0.625rem 0 0 0.625rem;
	letter-spacing: 0.02em;
}

.schedule-card {
	flex: 1;
	background: #fff;
	border-radius: 0 0.625rem 0.625rem 0;
	border: 1px solid #e8ecf1;
	border-left: none;
	overflow: hidden;
}

.schedule-row {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 0.875rem 1.25rem;
	border-bottom: 1px solid #f3f5f8;
	counter-increment: sched-num;
	transition: background 0.2s;
}

.schedule-row:last-child {
	border-bottom: none;
}

.schedule-row:hover {
	background: #fafbfc;
}

.schedule-num {
	flex: 0 0 2rem;
	font-size: 0.75rem;
	font-weight: 700;
	color: #94a3b8;
	text-align: center;
}

.schedule-num::before {
	content: counter(sched-num);
}

.schedule-row:hover .schedule-num {
	color: var(--brand-gold);
}

.schedule-date {
	flex: 0 0 100px;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--brand-900);
	font-family: 'Inter', sans-serif;
}

.schedule-title {
	flex: 1;
	font-size: 0.875rem;
	font-weight: 500;
	color: #334155;
	line-height: 1.5;
}

.schedule-city {
	flex: 0 0 auto;
	font-size: 0.8125rem;
	color: #64748b;
	display: flex;
	align-items: center;
	gap: 0.25rem;
	white-space: nowrap;
}

.schedule-city i {
	color: var(--brand-gold);
	font-size: 0.875rem;
}

.schedule-hidden {
	display: none;
}

.schedule-wrap.expanded .schedule-hidden {
	display: flex;
}

.schedule-toggle {
	display: block;
	margin: 2rem auto 0;
	padding: 0.75rem 2rem;
	background: var(--brand-900);
	color: #fff;
	border: none;
	border-radius: 2rem;
	font-size: 0.875rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.3s;
	font-family: inherit;
}

.schedule-toggle:hover {
	background: var(--brand-800);
}

.schedule-wrap.expanded + .schedule-toggle {
	display: none;
}

/* --- Salon Intro (深色区块) --- */
.salon-intro {
	position: relative;
	text-align: center;
}

.salon-intro-bg {
	position: absolute;
	inset: 0;
	background: url('https://images.unsplash.com/photo-1540575467063-178a50c2df87?auto=format&fit=crop&w=1400&q=80') center/cover;
	opacity: 0.08;
	pointer-events: none;
}

.salon-intro-content {
	position: relative;
	z-index: 1;
}

.salon-quote {
	font-size: clamp(1.5rem, 3.5vw, 2.25rem);
	color: #f8fafc;
	font-weight: 300;
	font-style: italic;
	margin: 2rem auto;
	max-width: 600px;
	line-height: 1.5;
}

.salon-values {
	display: flex;
	justify-content: center;
	gap: 1.5rem;
	flex-wrap: wrap;
	margin-top: 2rem;
}

.salon-values span {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--brand-gold);
	padding: 0.5rem 1.25rem;
	border: 1px solid rgba(193, 157, 104, 0.3);
	border-radius: 2rem;
	letter-spacing: 0.1em;
}

/* --- Salon Schedule (时间轴) --- */
.salon-timeline {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
}

.salon-month {
	position: relative;
	padding-left: 5rem;
	padding-bottom: 1.5rem;
}

/* 竖线 */
.salon-month::before {
	content: '';
	position: absolute;
	left: 1.875rem;
	top: 2rem;
	bottom: 0;
	width: 2px;
	background: #e2e8f0;
}

.salon-month:last-child::before {
	display: none;
}

/* 月份圆点 */
.salon-month-label {
	position: absolute;
	left: 0;
	top: 0;
	width: 3.75rem;
	height: 3.75rem;
	background: var(--brand-900);
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9375rem;
	font-weight: 700;
	font-family: 'Inter', sans-serif;
	z-index: 1;
}

.salon-month-items {
	padding-top: 0.25rem;
}

.salon-item {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 0.625rem 0;
}

.salon-item + .salon-item {
	border-top: 1px dashed #f1f5f9;
}

.salon-date {
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--brand-900);
	white-space: nowrap;
	min-width: 48px;
	font-family: 'Inter', sans-serif;
}

.salon-city {
	font-size: 0.9375rem;
	font-weight: 600;
	color: #334155;
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
}

.salon-city i {
	color: var(--brand-gold);
	font-size: 0.75rem;
}

.salon-tag {
	font-size: 0.625rem;
	font-weight: 600;
	padding: 0.1875rem 0.5rem;
	border-radius: 2rem;
	background: var(--brand-900);
	color: #fff;
	white-space: nowrap;
	letter-spacing: 0.02em;
	margin-left: auto;
}

.salon-tag.tag-blue {
	background: #2563eb;
}

/* --- Gallery Section (图片墙) --- */
.gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 200px;
	gap: 0.75rem;
	max-width: 1100px;
	margin: 0 auto;
}

.gallery-item {
	position: relative;
	border-radius: 0.75rem;
	overflow: hidden;
	cursor: pointer;
}

.gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}

.gallery-item:hover img {
	transform: scale(1.08);
}

.gallery-overlay {
	position: absolute;
	inset: 0;
	background: rgba(10, 25, 47, 0.5);
	display: flex;
	align-items: flex-end;
	padding: 1rem;
	opacity: 0;
	transition: opacity 0.3s;
}

.gallery-item:hover .gallery-overlay {
	opacity: 1;
}

.gallery-overlay span {
	color: #fff;
	font-size: 0.875rem;
	font-weight: 600;
}

.gallery-wide {
	grid-column: span 2;
}

.gallery-tall {
	grid-row: span 2;
}

/* --- Public Responsive --- */
@media (max-width: 1024px) {
	.gallery-grid {
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: 180px;
	}
}

@media (max-width: 768px) {
	.highlight-row,
	.highlight-row:nth-child(even) {
		flex-direction: column;
	}
	.highlight-image {
		flex: none;
		width: 100%;
	}
	.highlight-image img {
		height: 220px;
	}
	.public-hero-badges {
		gap: 1rem;
	}
	.public-hero-badge {
		padding: 0.75rem 1rem;
	}
	.public-hero-badge .badge-num {
		font-size: 1.25rem;
	}
	.schedule-group {
		flex-direction: column;
	}
	.schedule-group-label {
		flex: none;
		border-radius: 0.625rem 0.625rem 0 0;
		padding: 0.5rem 0;
	}
	.schedule-card {
		border-radius: 0 0 0.625rem 0.625rem;
		border-left: 1px solid #e8ecf1;
		border-top: none;
	}
	.schedule-row {
		flex-wrap: wrap;
		gap: 0.5rem;
	}
	.schedule-date,
	.schedule-city {
		flex: none;
	}
	.salon-month {
		padding-left: 3.5rem;
	}
	.salon-month-label {
		width: 2.5rem;
		height: 2.5rem;
		font-size: 0.75rem;
	}
	.salon-month::before {
		left: 1.25rem;
	}
	.salon-item {
		flex-wrap: wrap;
		gap: 0.375rem;
	}
	.salon-date {
		min-width: auto;
	}
	.gallery-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 160px;
	}
	.gallery-wide {
		grid-column: span 2;
	}
	.gallery-tall {
		grid-row: span 1;
	}
}

/* ================================================================
   Enterprise Customized Training (企业定制化培训)
   ================================================================ */

/* --- Hero --- */
.enterprise-hero {
	position: relative;
	overflow: hidden;
}

.ent-hero-bg {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(112deg, rgba(10, 25, 47, 0.97) 8%, rgba(10, 25, 47, 0.86) 58%, rgba(17, 34, 64, 0.92) 100%),
		url('https://images.unsplash.com/photo-1524178232363-1fb2b075b655?auto=format&fit=crop&w=1600&q=82') center/cover no-repeat;
	pointer-events: none;
}

.ent-hero-bg::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.85), transparent 88%);
}

.ent-hero-content {
	position: relative;
	z-index: 1;
}

.enterprise-expert-hero .ent-expert-hero-content {
	width: min(100%, 1180px);
	margin: 0 auto;
}

.enterprise-expert-hero .ent-hero-kicker {
	margin: 0 0 1rem;
	color: #d5b882;
	font-size: clamp(0.8rem, 1.4vw, 0.95rem);
	font-weight: 600;
	letter-spacing: 0.16em;
	text-align: center;
}

.enterprise-expert-hero h1 {
	margin: 0;
	color: #f8fafc;
	font-size: clamp(2.4rem, 5vw, 4.25rem);
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.15;
	text-align: center;
}

.enterprise-expert-hero .ent-hero-rule {
	width: 3.5rem;
	height: 2px;
	margin: 1.75rem auto 3rem;
	background: var(--brand-gold);
}

.enterprise-expert-hero .ent-hero-briefs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-top: 1px solid rgba(255, 255, 255, 0.16);
	border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.enterprise-expert-hero .ent-hero-brief {
	display: grid;
	grid-template-columns: 2.5rem minmax(0, 1fr);
	gap: 1.25rem;
	padding: 2.25rem 2.75rem 2.4rem 0;
}

.enterprise-expert-hero .ent-hero-brief + .ent-hero-brief {
	padding-right: 0;
	padding-left: 2.75rem;
	border-left: 1px solid rgba(255, 255, 255, 0.16);
}

.enterprise-expert-hero .ent-hero-brief-index {
	margin: 0;
	color: var(--brand-gold);
	font-family: 'Inter', sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
}

.enterprise-expert-hero .ent-hero-brief h2 {
	margin: 0 0 0.8rem;
	color: #f8fafc;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.08em;
}

.enterprise-expert-hero .ent-hero-brief p:not(.ent-hero-brief-index) {
	margin: 0;
	color: #cbd5e1;
	font-size: 0.94rem;
	line-height: 1.95;
}

.ent-hero-stats {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0;
	flex-wrap: wrap;
}

.ent-stat {
	text-align: center;
	padding: 1rem 2rem;
}

.ent-stat strong {
	display: block;
	font-size: clamp(1.5rem, 3vw, 2rem);
	color: #f8fafc;
	font-weight: 800;
	font-family: 'Inter', sans-serif;
}

.ent-stat span {
	display: block;
	font-size: 0.8125rem;
	color: #94a3b8;
	margin-top: 0.25rem;
}

.ent-stat-div {
	width: 1px;
	height: 2.5rem;
	background: rgba(255, 255, 255, 0.15);
}

/* --- Process Steps --- */
.enterprise-process {
	padding-top: 2.5rem !important;
	padding-bottom: 4rem !important;
}

.ent-process-steps {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
	max-width: 1100px;
	margin: 1.5rem auto 0;
}

.ent-step {
	text-align: left;
	padding: 1.5rem 1.5rem 0;
	background: #fff;
	border-radius: 0.5rem;
	border: none;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
	overflow: hidden;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ent-step:hover {
	box-shadow: 0 8px 32px rgba(193, 157, 104, 0.18);
	transform: translateY(-6px);
}

.ent-step-icon {
	font-size: 1.5rem;
	color: var(--brand-gold);
	margin-bottom: 0.75rem;
}

.ent-step-title {
	font-size: 1.125rem;
	font-weight: 800;
	color: var(--brand-900);
	margin: 0 0 0.375rem;
}

.ent-step-desc {
	font-size: 0.8125rem;
	line-height: 1.7;
	color: #64748b;
	margin: 0;
}

.ent-step-img {
	width: calc(100% + 3rem);
	height: 160px;
	overflow: hidden;
	margin-top: 1.25rem;
	margin-left: -1.5rem;
}

.ent-step-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ent-step:hover .ent-step-img img {
	transform: scale(1.08);
}

/* --- Topics Grid --- */
.enterprise-topics {
	padding-top: 2.5rem !important;
}
.ent-topics-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}

.ent-topic-card {
	background: #fff;
	border: 1px solid #e8ecf1;
	border-radius: 0.75rem;
	padding: 2rem;
	transition: all 0.3s;
}

.ent-topic-card:hover {
	border-color: var(--brand-gold);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
	transform: translateY(-2px);
}

.ent-topic-icon {
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 0.5rem;
	background: linear-gradient(135deg, rgba(193, 157, 104, 0.1), rgba(37, 99, 235, 0.05));
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.125rem;
	color: var(--brand-gold);
	margin-bottom: 1rem;
}

.ent-topic-title {
	font-size: 1rem;
	font-weight: 700;
	color: var(--brand-900);
	margin-bottom: 0.75rem;
}

.ent-topic-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.ent-topic-list li {
	font-size: 0.8125rem;
	color: #64748b;
	padding: 0.375rem 0;
	border-bottom: 1px dashed #f1f5f9;
	line-height: 1.5;
}

.ent-topic-list li:last-child {
	border-bottom: none;
}

.ent-topic-list li::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	background: var(--brand-gold);
	border-radius: 50%;
	margin-right: 0.5rem;
	vertical-align: middle;
}

/* --- Client Logo Wall --- */
.enterprise-client-wall {
	position: relative;
	background:
		radial-gradient(circle at 82% 12%, rgba(193, 157, 104, 0.14), transparent 30%),
		var(--brand-900) !important;
}

.ent-client-wall-heading {
	max-width: 720px;
	margin: 0 auto 2.75rem;
	text-align: center;
}

.ent-client-wall-kicker {
	margin: 0 0 0.75rem;
	color: var(--brand-gold);
	font-family: 'Inter', sans-serif;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.2em;
}

.ent-client-wall-heading h2 {
	margin: 0;
	color: #f8fafc;
	font-size: clamp(1.875rem, 4vw, 2.6rem);
	font-weight: 700;
}

.ent-client-wall-heading > p:last-child {
	margin: 0.85rem auto 0;
	color: #94a3b8;
	font-size: 0.95rem;
	line-height: 1.8;
}

.ent-client-logo-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	width: min(100%, 1180px);
	margin: 0 auto;
	border-top: 1px solid rgba(255, 255, 255, 0.11);
	border-left: 1px solid rgba(255, 255, 255, 0.11);
}

.ent-client-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	height: 9rem;
	margin: 0;
	padding: 1.25rem 1.4rem;
	background: #ffffff;
	border-right: 1px solid #e8edf3;
	border-bottom: 1px solid #e8edf3;
	overflow: hidden;
}

.ent-client-logo img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 5.6rem;
	object-fit: contain;
	image-rendering: auto;
}

.ent-client-logo:hover img {
	transform: translateY(-2px);
	transition: transform 0.25s ease;
}

/* --- CTA --- */
.ent-cta-inner {
	text-align: center;
	max-width: 700px;
	margin: 0 auto;
}

.ent-cta-actions {
	display: flex;
	justify-content: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.ent-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.875rem 2rem;
	border-radius: 0.5rem;
	font-size: 0.9375rem;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s;
	font-family: inherit;
	background: var(--brand-900);
	color: #fff;
	border: 2px solid var(--brand-900);
}

.ent-cta-btn:hover {
	background: #0f2444;
	border-color: #0f2444;
}

.ent-cta-btn-outline {
	background: transparent;
	color: var(--brand-900);
	border-color: var(--brand-900);
}

.ent-cta-btn-outline:hover {
	background: var(--brand-900);
	color: #fff;
}

/* --- Enterprise Responsive --- */
@media (max-width: 1024px) {
	.ent-topics-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.ent-client-logo-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.enterprise-expert-hero {
		padding-top: 7.75rem !important;
		padding-bottom: 4.25rem !important;
	}
	.enterprise-expert-hero .ent-hero-kicker {
		max-width: 19rem;
		margin-right: auto;
		margin-left: auto;
		line-height: 1.8;
	}
	.enterprise-expert-hero .ent-hero-rule {
		margin-bottom: 2rem;
	}
	.enterprise-expert-hero .ent-hero-briefs {
		grid-template-columns: 1fr;
	}
	.enterprise-expert-hero .ent-hero-brief,
	.enterprise-expert-hero .ent-hero-brief + .ent-hero-brief {
		padding: 1.6rem 0;
		border-left: 0;
	}
	.enterprise-expert-hero .ent-hero-brief + .ent-hero-brief {
		border-top: 1px solid rgba(255, 255, 255, 0.16);
	}
	.ent-hero-stats {
		gap: 0;
	}
	.ent-stat {
		padding: 0.75rem 1rem;
	}
	.ent-stat-div {
		display: none;
	}
	.ent-process-steps {
		flex-direction: column;
		gap: 0.75rem;
	}
	.ent-step-arrow {
		transform: rotate(90deg);
		padding: 0;
		justify-content: center;
	}
	.ent-topics-grid {
		grid-template-columns: 1fr;
	}
	.ent-client-logo-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.ent-client-logo {
		height: 7.5rem;
		padding: 1rem;
	}
	.ent-client-logo img {
		max-height: 4.75rem;
	}
	.ent-cta-actions {
		flex-direction: column;
		align-items: center;
	}
	.ent-cta-btn {
		width: 100%;
		max-width: 280px;
		justify-content: center;
	}
}

/* ================================================================
   SME迎检团队培训 (SME Inspection Training)
   ================================================================ */

/* --- Section Label --- */
.sme-section-label {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--brand-gold);
	margin-bottom: 0.75rem;
}

/* --- Hero --- */
.sme-hero {
	background: var(--brand-900);
	padding: 8rem 1.5rem 5rem;
	position: relative;
	overflow: hidden;
}
.sme-hero::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background:
		radial-gradient(ellipse 80% 60% at 20% 80%, rgba(193,157,104,0.08) 0%, transparent 60%),
		radial-gradient(ellipse 60% 50% at 80% 20%, rgba(37,99,235,0.06) 0%, transparent 50%),
		repeating-linear-gradient(
			-45deg,
			transparent,
			transparent 60px,
			rgba(255,255,255,0.012) 60px,
			rgba(255,255,255,0.012) 61px
		);
	pointer-events: none;
}
.sme-hero::after {
	content: '';
	position: absolute;
	top: -120px; right: -120px;
	width: 400px; height: 400px;
	border: 1px solid rgba(193,157,104,0.1);
	border-radius: 50%;
	pointer-events: none;
}
.sme-hero-inner {
	max-width: 72rem;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.sme-hero-title {
	font-size: clamp(2rem, 5vw, 3.5rem);
	color: #f8fafc;
	font-weight: 700;
	margin: 0;
	line-height: 1.2;
}
.sme-hero-subtitle {
	color: #94a3b8;
	font-size: 1.0625rem;
	line-height: 1.8;
	max-width: 56rem;
	margin-top: 1.5rem;
}
.sme-hero-badges {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	margin-top: 2rem;
}
.sme-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.12);
	padding: 0.5rem 1rem;
	border-radius: 2rem;
	font-size: 0.8125rem;
	color: #cbd5e1;
}
.sme-hero-badge i {
	color: var(--brand-gold);
}

/* --- Features Section --- */
.sme-features {
	padding: 5rem 1.5rem 3rem;
}
.sme-features-header {
	text-align: center;
	margin-bottom: 3.5rem;
}
.sme-features-header h2 {
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 700;
	margin-top: 0.5rem;
	margin-bottom: 0;
}
.sme-features-header p {
	color: #64748b;
	max-width: 48rem;
	margin: 1rem auto 0;
	line-height: 1.8;
}
.sme-features-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
	max-width: 72rem;
	margin: 0 auto;
	justify-content: center;
}
.sme-feature-card {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 12px;
	padding: 2rem 1.5rem;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	text-align: center;
}
.sme-feature-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(10,25,47,0.08);
}
.sme-feature-card .sme-feature-icon {
	width: 3rem;
	height: 3rem;
	border-radius: 8px;
	background: rgba(193,157,104,0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.25rem;
}
.sme-feature-card .sme-feature-icon i {
	font-size: 1.5rem;
	color: var(--brand-gold);
}
.sme-feature-card h3 {
	font-size: 1.125rem;
	font-weight: 600;
	margin: 0 0 0.75rem;
	color: var(--foreground);
}
.sme-feature-card p {
	font-size: 0.875rem;
	color: #64748b;
	line-height: 1.7;
	margin: 0;
}

/* --- Roadmap Section --- */
.sme-roadmap {
	padding: 5rem 1.5rem;
	background: var(--surface);
}
.sme-roadmap-header {
	text-align: center;
	margin-bottom: 3.5rem;
}
.sme-roadmap-header h2 {
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 700;
	margin-top: 0.5rem;
	margin-bottom: 0;
}
.sme-roadmap-header p {
	color: #64748b;
	max-width: 52rem;
	margin: 1rem auto 0;
	line-height: 1.8;
}
.sme-roadmap-timeline {
	max-width: 72rem;
	margin: 0 auto;
	position: relative;
}
/* Vertical connecting line */
.sme-roadmap-timeline::before {
	content: '';
	position: absolute;
	left: 2.5rem;
	top: 0;
	bottom: 0;
	width: 2px;
	background: linear-gradient(to bottom, var(--brand-gold), rgba(193,157,104,0.2));
}
.sme-step {
	display: flex;
	gap: 2rem;
	padding: 1.5rem 0;
	position: relative;
}
.sme-step-number {
	flex-shrink: 0;
	width: 5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 1;
}
.sme-step-num-circle {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: var(--brand-900);
	border: 2px solid var(--brand-gold);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Inter', sans-serif;
	font-weight: 800;
	font-size: 1.125rem;
	color: var(--brand-gold);
	position: relative;
	z-index: 2;
}
.sme-step-content {
	flex: 1;
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 12px;
	padding: 1.75rem 2rem;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.sme-step-content:hover {
	transform: translateX(4px);
	box-shadow: 0 8px 24px rgba(10,25,47,0.06);
}
.sme-step-title {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--foreground);
	margin: 0 0 0.75rem;
}
.sme-step-desc {
	font-size: 0.9375rem;
	color: #64748b;
	line-height: 1.8;
	margin: 0;
}
.sme-step-tag {
	display: inline-block;
	margin-top: 1rem;
	padding: 0.25rem 0.75rem;
	border-radius: 4px;
	font-size: 0.75rem;
	font-weight: 500;
	background: rgba(193,157,104,0.1);
	color: var(--brand-gold);
}

/* --- Training Approach Section --- */
.sme-approach {
	padding: 5rem 1.5rem;
}
.sme-approach-header {
	text-align: center;
	margin-bottom: 3.5rem;
}
.sme-approach-header h2 {
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 700;
	margin-top: 0.5rem;
	margin-bottom: 0;
}
.sme-approach-header p {
	color: #64748b;
	max-width: 48rem;
	margin: 1rem auto 0;
	line-height: 1.8;
}
.sme-approach-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
	max-width: 72rem;
	margin: 0 auto;
}
.sme-approach-card {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 12px;
	padding: 2.5rem 2rem;
	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	position: relative;
	overflow: hidden;
}
.sme-approach-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(10,25,47,0.08);
}
.sme-approach-card::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--brand-gold), var(--accent));
}
.sme-approach-card .sme-approach-icon {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background: rgba(193,157,104,0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.5rem;
}
.sme-approach-card .sme-approach-icon i {
	font-size: 1.75rem;
	color: var(--brand-gold);
}
.sme-approach-card h3 {
	font-size: 1.25rem;
	font-weight: 700;
	margin: 0 0 0.75rem;
	color: var(--foreground);
}
.sme-approach-card p {
	font-size: 0.875rem;
	color: #64748b;
	line-height: 1.7;
	margin: 0;
}

/* --- Case Section --- */
.sme-case {
	background: var(--brand-900);
	padding: 5rem 1.5rem;
	position: relative;
	overflow: hidden;
}
.sme-case::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background:
		radial-gradient(ellipse 50% 40% at 70% 30%, rgba(193,157,104,0.06) 0%, transparent 60%);
	pointer-events: none;
}
.sme-case-inner {
	max-width: 72rem;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.sme-case-header {
	text-align: center;
	margin-bottom: 3rem;
}
.sme-case-header h2 {
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 700;
	margin-top: 0.5rem;
	margin-bottom: 0;
	color: #f8fafc;
}
.sme-case-header p {
	color: #94a3b8;
	max-width: 48rem;
	margin: 1rem auto 0;
	line-height: 1.8;
}
.sme-case-framework {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
}
.sme-case-stat {
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 12px;
	padding: 2rem 1.5rem;
	text-align: center;
	transition: background 0.3s ease;
}
.sme-case-stat:hover {
	background: rgba(255,255,255,0.08);
}
.sme-case-stat-number {
	font-family: 'Inter', sans-serif;
	font-size: 2.5rem;
	font-weight: 800;
	color: var(--brand-gold);
	line-height: 1;
	margin-bottom: 0.5rem;
}
.sme-case-stat-label {
	font-size: 0.875rem;
	color: #94a3b8;
	line-height: 1.5;
}
.sme-case-diagram {
	margin-top: 3rem;
	background: rgba(255,255,255,0.03);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 12px;
	padding: 3rem 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
	flex-wrap: wrap;
}
.sme-case-flow-item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 8px;
	padding: 1rem 1.25rem;
	color: #e2e8f0;
	font-size: 0.875rem;
	font-weight: 500;
}
.sme-case-flow-item i {
	color: var(--brand-gold);
	font-size: 1.25rem;
}
.sme-case-flow-arrow {
	color: rgba(193,157,104,0.4);
	font-size: 1.5rem;
}

/* --- CTA Section --- */
.sme-cta {
	padding: 5rem 1.5rem;
	text-align: center;
}
.sme-cta-inner {
	max-width: 48rem;
	margin: 0 auto;
}
.sme-cta h2 {
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 700;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}
.sme-cta p {
	color: #64748b;
	font-size: 1.0625rem;
	line-height: 1.8;
	margin-bottom: 2rem;
}
.sme-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: var(--brand-900);
	color: #fff;
	padding: 0.875rem 2.5rem;
	border-radius: 8px;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.3s ease, transform 0.25s ease;
	border: none;
	cursor: pointer;
}
.sme-cta-btn:hover {
	background: var(--primary-light);
	transform: translateY(-2px);
}
.sme-cta-btn i {
	font-size: 1.25rem;
}

/* --- SME Scroll Animations --- */
[data-animate] {
	opacity: 0.15;
	transform: translateY(10px);
	transition: opacity 0.2s ease, transform 0.2s ease;
}
[data-animate].animate-in {
	opacity: 1;
	transform: translateY(0);
}
.sme-step[data-animate] {
	transform: translateX(-10px);
}
.sme-step[data-animate].animate-in {
	transform: translateX(0);
}
/* Stagger delays */
[data-animate-delay="1"] { transition-delay: 0.03s; }
[data-animate-delay="2"] { transition-delay: 0.06s; }
[data-animate-delay="3"] { transition-delay: 0.09s; }
[data-animate-delay="4"] { transition-delay: 0.12s; }
[data-animate-delay="5"] { transition-delay: 0.15s; }
[data-animate-delay="6"] { transition-delay: 0.18s; }
[data-animate-delay="7"] { transition-delay: 0.21s; }
[data-animate-delay="8"] { transition-delay: 0.24s; }

/* --- SME Responsive --- */
@media (max-width: 768px) {
	.sme-hero {
		padding: 6rem 1.25rem 3.5rem;
	}
	.sme-hero-badges {
		gap: 0.75rem;
	}
	.sme-features-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}
	.sme-roadmap-timeline::before {
		left: 1.25rem;
	}
	.sme-step {
		gap: 1rem;
	}
	.sme-step-number {
		width: 2.5rem;
	}
	.sme-step-num-circle {
		width: 2.5rem;
		height: 2.5rem;
		font-size: 0.875rem;
	}
	.sme-step-content {
		padding: 1.25rem 1.5rem;
	}
	.sme-step-title {
		font-size: 1.0625rem;
	}
	.sme-approach-grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	.sme-case-framework {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}
	.sme-case-diagram {
		flex-direction: column;
		gap: 0.75rem;
	}
	.sme-case-flow-arrow {
		transform: rotate(90deg);
	}
}
@media (max-width: 480px) {
	.sme-features-grid {
		grid-template-columns: 1fr;
	}
	.sme-case-framework {
		grid-template-columns: 1fr;
	}
}

/* ============================================
   TRANSLATION SERVICE PAGE (tr-) — Redesigned
   ============================================ */

/* --- tr-hero: Split hero with image --- */
.tr-hero {
	padding: 0;
	background: var(--brand-900);
	position: relative;
	overflow: hidden;
}
.tr-hero-inner {
	max-width: 72rem;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
	min-height: 520px;
	position: relative;
	z-index: 1;
}
.tr-hero-content {
	flex: 1;
	padding: 6rem 2rem 5rem 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.tr-hero-visual {
	flex: 0 0 420px;
	position: relative;
	overflow: hidden;
}
.tr-hero-visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.tr-hero-visual-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, var(--brand-900) 0%, rgba(10,25,47,0.3) 60%, rgba(10,25,47,0.1) 100%);
}
.tr-hero-visual-stats {
	position: absolute;
	bottom: 2rem;
	left: 1.5rem;
	display: flex;
	gap: 0.75rem;
}
.tr-visual-stat {
	background: rgba(255,255,255,0.12);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255,255,255,0.18);
	border-radius: 8px;
	padding: 0.625rem 1rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: #e2e8f0;
	font-size: 0.8125rem;
	font-weight: 500;
}
.tr-visual-stat i {
	color: var(--brand-gold);
	font-size: 1.125rem;
}
.tr-hero::after {
	content: '';
	position: absolute;
	top: -80px; right: 30%;
	width: 320px; height: 320px;
	border-radius: 50%;
	border: 1px solid rgba(193,157,104,0.07);
	pointer-events: none;
}
.tr-hero-title {
	font-size: clamp(2rem, 4vw, 3rem);
	color: #f8fafc;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 1.25rem;
}
.tr-hero-subtitle {
	color: #94a3b8;
	font-size: 1rem;
	line-height: 1.8;
	max-width: 36rem;
	margin: 0 0 2rem;
}
.tr-hero-badges {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}
.tr-hero-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.375rem 0.875rem;
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.15);
	border-radius: 2rem;
	font-size: 0.75rem;
	font-weight: 600;
	color: #cbd5e1;
	letter-spacing: 0.04em;
}

/* --- tr-scope: Image overlay cards --- */
.tr-scope {
	padding: 5rem 1.5rem 3rem;
}
.tr-scope-header {
	text-align: center;
	margin-bottom: 3rem;
}
.tr-scope-header h2 {
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 700;
	margin: 0 0 1rem;
}
.tr-scope-header p {
	color: #64748b;
	max-width: 48rem;
	margin: 0 auto;
	line-height: 1.8;
}
.tr-scope-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem;
	max-width: 72rem;
	margin: 0 auto;
}
.tr-scope-img-card {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	height: 320px;
	cursor: default;
}
.tr-scope-img-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}
.tr-scope-img-card:hover img {
	transform: scale(1.08);
}
.tr-scope-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(10,25,47,0.88) 0%, rgba(10,25,47,0.3) 50%, rgba(10,25,47,0.08) 100%);
	transition: background 0.4s ease;
}
.tr-scope-img-card:hover .tr-scope-overlay {
	background: linear-gradient(to top, rgba(10,25,47,0.92) 0%, rgba(10,25,47,0.4) 50%, rgba(10,25,47,0.15) 100%);
}
.tr-scope-card-body {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1.5rem;
	z-index: 1;
}
.tr-scope-icon {
	width: 2.5rem; height: 2.5rem;
	border-radius: 6px;
	background: rgba(193,157,104,0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.75rem;
}
.tr-scope-icon i {
	font-size: 1.25rem;
	color: var(--brand-gold);
}
.tr-scope-card-body h3 {
	font-size: 1.0625rem;
	font-weight: 700;
	color: #f8fafc;
	margin: 0 0 0.5rem;
}
.tr-scope-card-body p {
	font-size: 0.8125rem;
	color: #94a3b8;
	line-height: 1.6;
	margin: 0;
}

/* --- tr-advantages: Split image + numbered list --- */
.tr-advantages {
	padding: 5rem 1.5rem;
}
.tr-advantages-row {
	max-width: 72rem;
	margin: 0 auto;
	display: flex;
	gap: 4rem;
	align-items: center;
}
.tr-advantages-img {
	flex: 0 0 380px;
	height: 440px;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
}
.tr-advantages-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.tr-advantages-img-accent {
	position: absolute;
	bottom: -12px;
	right: -12px;
	width: 120px;
	height: 120px;
	border-radius: 12px;
	border: 2px solid var(--brand-gold);
	opacity: 0.3;
}
.tr-advantages-content {
	flex: 1;
}
.tr-advantages-content h2 {
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 700;
	margin: 0 0 0.5rem;
}
.tr-adv-list {
	display: flex;
	flex-direction: column;
}
.tr-adv-item {
	display: flex;
	gap: 1.25rem;
	padding: 1.5rem 0;
	border-bottom: 1px solid var(--border);
}
.tr-adv-item:last-child {
	border-bottom: none;
}
.tr-adv-num {
	flex-shrink: 0;
	width: 2.5rem; height: 2.5rem;
	border-radius: 50%;
	background: var(--brand-900);
	color: var(--brand-gold);
	font-family: 'Inter', sans-serif;
	font-size: 0.8125rem;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tr-adv-text h4 {
	font-size: 1.0625rem;
	font-weight: 700;
	margin: 0 0 0.375rem;
}
.tr-adv-text p {
	font-size: 0.875rem;
	color: #64748b;
	line-height: 1.7;
	margin: 0;
}

/* --- tr-langs: Language band --- */
.tr-langs {
	background: var(--surface);
	padding: 3rem 1.5rem;
}
.tr-langs-inner {
	max-width: 72rem;
	margin: 0 auto;
	display: flex;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
}
.tr-lang-card {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 10px;
	padding: 1.25rem 1.75rem;
	text-align: center;
	min-width: 110px;
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.tr-lang-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.06);
	border-color: var(--brand-gold);
}
.tr-lang-code {
	display: block;
	font-family: 'Inter', sans-serif;
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--brand-gold);
	line-height: 1.2;
}
.tr-lang-name {
	display: block;
	font-size: 0.8125rem;
	color: #64748b;
	margin-top: 0.25rem;
}

/* --- tr-stats: Dark stats section --- */
.tr-stats {
	background: var(--brand-900);
	padding: 5rem 1.5rem;
	position: relative;
	overflow: hidden;
}
.tr-stats::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 70% 30%, rgba(193,157,104,0.06) 0%, transparent 60%);
	pointer-events: none;
}
.tr-stats-inner {
	max-width: 72rem;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.tr-stats-header {
	text-align: center;
	margin-bottom: 3.5rem;
}
.tr-stats-header h2 {
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 700;
	color: #f8fafc;
	margin: 0 0 1rem;
}
.tr-stats-header p {
	color: #94a3b8;
	max-width: 48rem;
	margin: 0 auto;
	line-height: 1.8;
}
.tr-stats-framework {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
	margin-bottom: 2.5rem;
}
.tr-stat {
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 12px;
	padding: 2rem 1.5rem;
	text-align: center;
	transition: background 0.3s ease;
}
.tr-stat:hover {
	background: rgba(255,255,255,0.08);
}
.tr-stat-number {
	font-size: 2.5rem;
	font-weight: 800;
	color: var(--brand-gold);
	font-family: 'Inter', sans-serif;
	line-height: 1.2;
	margin-bottom: 0.5rem;
}
.tr-stat-label {
	font-size: 0.875rem;
	color: #94a3b8;
}
.tr-stats-diagram {
	background: rgba(255,255,255,0.03);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 12px;
	padding: 2rem 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	flex-wrap: wrap;
}
.tr-stats-diagram .tr-flow-item {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1rem;
	background: rgba(255,255,255,0.06);
	border-radius: 2rem;
	font-size: 0.875rem;
	color: #e2e8f0;
	white-space: nowrap;
}
.tr-stats-diagram .tr-flow-item i {
	color: var(--brand-gold);
}
.tr-flow-arrow {
	color: rgba(193,157,104,0.4);
	font-size: 1.5rem;
	display: flex;
	align-items: center;
}

/* --- tr-cta: CTA with subtle bg --- */
.tr-cta {
	padding: 5rem 1.5rem;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.tr-cta-bg {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, var(--surface) 0%, #eef2ff 50%, var(--surface) 100%);
	z-index: 0;
}
.tr-cta-inner {
	max-width: 48rem;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.tr-cta h2 {
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 700;
	margin: 0 0 1rem;
}
.tr-cta p {
	color: #64748b;
	font-size: 1.0625rem;
	line-height: 1.8;
	margin: 0 0 2rem;
}
.tr-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: var(--brand-900);
	color: #fff;
	padding: 0.875rem 2.5rem;
	border-radius: 8px;
	font-weight: 600;
	font-size: 1rem;
	text-decoration: none;
	transition: background 0.3s ease, transform 0.2s ease;
}
.tr-cta-btn:hover {
	background: var(--primary-light);
	transform: translateY(-2px);
}
.tr-cta-btn i {
	font-size: 1.25rem;
}

/* --- Translation Responsive --- */
@media (max-width: 1024px) {
	.tr-hero-inner { flex-direction: column; min-height: auto; }
	.tr-hero-content { padding: 5rem 1.5rem 3rem; }
	.tr-hero-visual { flex: none; height: 280px; }
	.tr-hero-visual-overlay { background: linear-gradient(to top, var(--brand-900) 0%, rgba(10,25,47,0.2) 100%); }
	.tr-advantages-row { flex-direction: column; gap: 2.5rem; }
	.tr-advantages-img { flex: none; width: 100%; height: 300px; }
}
@media (max-width: 768px) {
	.tr-scope-grid { grid-template-columns: repeat(2, 1fr); }
	.tr-scope-img-card { height: 260px; }
	.tr-stats-framework { grid-template-columns: repeat(2, 1fr); }
	.tr-stats-diagram { flex-direction: column; gap: 0.75rem; }
	.tr-flow-arrow i { transform: rotate(90deg); }
	.tr-langs-inner { gap: 0.75rem; }
	.tr-lang-card { min-width: 90px; padding: 1rem 1.25rem; }
}
@media (max-width: 480px) {
	.tr-scope-grid { grid-template-columns: 1fr; }
	.tr-scope-img-card { height: 240px; }
	.tr-stats-framework { grid-template-columns: 1fr; }
}

/* ============================================
   OVERSEAS INSPECTION PAGE (oi-) — Unique Design
   ============================================ */

/* Shared label */
.oi-label {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--brand-gold);
	margin-bottom: 0.75rem;
}
.oi-label-light { color: rgba(193,157,104,0.9); }
.oi-section-header {
	text-align: center;
	margin-bottom: 3rem;
}
.oi-section-header h2 {
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 700;
	margin: 0 0 0.75rem;
}
.oi-section-header p {
	color: #64748b;
	max-width: 48rem;
	margin: 0 auto;
	line-height: 1.8;
}

/* --- oi-hero: Full-width hero with angled bg --- */
.oi-hero {
	position: relative;
	padding: 7rem 1.5rem 5rem;
	overflow: hidden;
	background: var(--brand-900);
}
.oi-hero-bg {
	position: absolute;
	inset: 0;
	background:
		url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1400&q=60') center/cover no-repeat;
	opacity: 0.12;
}
.oi-hero-bg::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(135deg, rgba(10,25,47,0.95) 0%, rgba(10,25,47,0.7) 50%, rgba(10,25,47,0.85) 100%);
}
.oi-hero-inner {
	max-width: 72rem;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.oi-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.375rem 1rem;
	background: rgba(193,157,104,0.15);
	border: 1px solid rgba(193,157,104,0.3);
	border-radius: 2rem;
	color: var(--brand-gold);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
}
.oi-hero-badge i { font-size: 1rem; }
.oi-hero-title {
	font-size: clamp(2.25rem, 5vw, 3.5rem);
	color: #f8fafc;
	font-weight: 700;
	line-height: 1.15;
	margin: 0 0 1.5rem;
	max-width: 40rem;
}
.oi-hero-highlights {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	max-width: 48rem;
	margin-top: 0.5rem;
}
.oi-hero-hl {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.875rem 1.25rem;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 8px;
	color: #cbd5e1;
	font-size: 0.9375rem;
	line-height: 1.6;
}
.oi-hero-hl strong {
	color: var(--brand-gold);
	font-weight: 600;
	white-space: nowrap;
}

/* --- oi-content: Service content blocks --- */
.oi-content {
	padding: 5rem 1.5rem 4rem;
	background: #fff;
}
.oi-content-inner {
	max-width: 72rem;
	margin: 0 auto;
}
.oi-service-block {
	display: flex;
	align-items: stretch;
	gap: 3rem;
	margin-bottom: 4rem;
}
.oi-service-block:last-child {
	margin-bottom: 0;
}
.oi-service-reverse {
	flex-direction: row-reverse;
}
.oi-service-img {
	flex: 0 0 42%;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
}
.oi-service-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	min-height: 320px;
	border-radius: 12px;
}
.oi-service-text {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.oi-service-num {
	font-size: 3.5rem;
	font-weight: 800;
	color: rgba(193,157,104,0.15);
	line-height: 1;
	margin-bottom: 0.5rem;
	font-family: 'Inter', sans-serif;
}
.oi-service-text h3 {
	font-size: 1.5rem;
	font-weight: 700;
	margin: 0 0 1.25rem;
	color: #0F172A;
}
.oi-service-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}
.oi-service-list li {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	font-size: 0.9375rem;
	color: #334155;
	line-height: 1.6;
}
.oi-service-list li i {
	color: var(--brand-gold);
	font-size: 1.125rem;
	flex-shrink: 0;
	margin-top: 0.125rem;
}
.oi-service-list-desc li {
	align-items: flex-start;
}
.oi-service-list-desc li i {
	margin-top: 0.25rem;
}
.oi-service-list-desc strong {
	color: #0F172A;
	font-weight: 600;
}

/* --- oi-experts: Expert profile cards --- */
.oi-experts {
	padding: 5rem 1.5rem;
	background: var(--surface);
}
.oi-experts-inner {
	max-width: 72rem;
	margin: 0 auto;
}
.oi-experts-header {
	text-align: center;
	margin-bottom: 3rem;
}
.oi-experts-header h2 {
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 700;
	margin: 0 0 0.75rem;
}
.oi-experts-header p {
	color: #64748b;
	max-width: 48rem;
	margin: 0 auto;
	line-height: 1.8;
}
.oi-experts-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
}
.oi-expert-card {
	display: flex;
	gap: 1.5rem;
	background: #fff;
	border-radius: 12px;
	padding: 1.75rem;
	border: 1px solid var(--border);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.oi-expert-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(0,0,0,0.07);
}
.oi-expert-avatar {
	flex-shrink: 0;
	width: 80px; height: 80px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid rgba(193,157,104,0.3);
}
.oi-expert-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.oi-expert-body {
	flex: 1;
	min-width: 0;
}
.oi-expert-body h4 {
	font-size: 1.125rem;
	font-weight: 700;
	margin: 0 0 0.25rem;
}
.oi-expert-role {
	display: block;
	font-size: 0.8125rem;
	color: var(--brand-gold);
	font-weight: 600;
	margin-bottom: 0.625rem;
	line-height: 1.4;
}
.oi-expert-tags {
	display: flex;
	gap: 0.375rem;
	flex-wrap: wrap;
	margin-bottom: 0.75rem;
}
.oi-expert-tags span {
	display: inline-block;
	padding: 0.125rem 0.5rem;
	background: var(--brand-900);
	color: #e2e8f0;
	font-size: 0.6875rem;
	border-radius: 3px;
	font-weight: 500;
}
.oi-expert-body > p {
	font-size: 0.8125rem;
	color: #64748b;
	line-height: 1.7;
}
.oi-expert-specialty {
	font-size: 0.75rem;
	color: var(--brand-gold);
	display: flex;
	align-items: flex-start;
	gap: 0.375rem;
	line-height: 1.5;
}
.oi-expert-specialty i {
	flex-shrink: 0;
	margin-top: 0.125rem;
}

/* --- oi-cta: Dark CTA --- */
.oi-cta {
	background: var(--brand-900);
	padding: 4rem 1.5rem;
}
.oi-cta-inner {
	max-width: 72rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}
.oi-cta-content h2 {
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 700;
	color: #f8fafc;
	margin: 0 0 0.5rem;
}
.oi-cta-content p {
	color: #94a3b8;
	font-size: 1rem;
	line-height: 1.7;
	margin: 0;
}
.oi-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
	background: var(--brand-gold);
	color: var(--brand-900);
	padding: 0.875rem 2rem;
	border-radius: 8px;
	font-weight: 700;
	font-size: 0.9375rem;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.3s ease;
}
.oi-cta-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(193,157,104,0.3);
}
.oi-cta-btn i { font-size: 1.125rem; }

/* --- Responsive --- */
@media (max-width: 1024px) {
	.oi-service-block { flex-direction: column; }
	.oi-service-reverse { flex-direction: column; }
	.oi-service-img { flex: none; }
	.oi-service-img img { min-height: 220px; }
}
@media (max-width: 768px) {
	.oi-experts-grid { grid-template-columns: 1fr; }
	.oi-expert-card { flex-direction: column; align-items: center; text-align: center; }
	.oi-expert-tags { justify-content: center; }
	.oi-expert-specialty { justify-content: center; }
	.oi-cta-inner { flex-direction: column; text-align: center; }
	.oi-hero-highlights { gap: 0.5rem; }
	.oi-hero-hl { font-size: 0.8125rem; padding: 0.625rem 1rem; }
}
@media (max-width: 480px) {
	.oi-hero { padding: 5rem 1.25rem 3.5rem; }
}

/* ============================================
   SPECIAL AUDIT PAGE (sa-) — Consultant Style
   ============================================ */
.sa-hero {
	position: relative;
	padding: 7rem 1.5rem 4rem;
	background: #f6f8fb;
	border-bottom: 1px solid #e2e8f0;
	overflow: hidden;
}
.sa-hero-inner,
.sa-value,
.sa-scope,
.sa-process,
.sa-cta {
	max-width: 72rem;
	margin: 0 auto;
}
.sa-hero-inner {
	max-width: 72rem;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
	gap: clamp(2rem, 5vw, 4rem);
	align-items: center;
	position: relative;
	z-index: 1;
}
.sa-hero-orbit {
	display: none;
}
.sa-orbit-one {
	top: 3rem;
	right: -6rem;
	width: 22rem;
	height: 22rem;
}
.sa-orbit-two {
	left: -8rem;
	bottom: -6rem;
	width: 18rem;
	height: 18rem;
}
.sa-kicker {
	display: inline-flex;
	margin-bottom: 1.1rem;
	padding: 0.38rem 0.65rem;
	border: 1px solid #d8e2ef;
	border-radius: 8px;
	background: #fff;
	color: #33506f;
	font-family: 'Inter', sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.sa-hero-copy h1 {
	font-size: clamp(2.35rem, 4.6vw, 3.7rem);
	line-height: 1.12;
	color: #0a192f;
	letter-spacing: 0;
	margin-bottom: 1rem;
}
.sa-hero-intro {
	max-width: 43rem;
	color: #475569;
	font-size: 1.05rem;
	line-height: 1.85;
	margin-bottom: 1.75rem;
}
.sa-hero-proof {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}
.sa-proof-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.72rem 0.85rem;
	width: fit-content;
	max-width: 100%;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #e2e8f0;
	color: #26384f;
	font-size: 0.92rem;
	line-height: 1.45;
}
.sa-proof-pill i {
	color: var(--brand-gold);
	font-size: 1.1rem;
}
.sa-hero-aside {
	position: relative;
	width: 100%;
	max-width: 26rem;
	justify-self: end;
}
.sa-hero-visual {
	position: relative;
	height: 23rem;
	border-radius: 1.5rem;
	overflow: hidden;
	box-shadow: 0 28px 60px rgba(3, 10, 22, 0.35);
}
.sa-hero-visual img,
.sa-process-visual img,
.sa-profile-top img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.sa-visual-fade {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(10,25,47,0.82), rgba(10,25,47,0.08));
}
.sa-snapshot-card {
	position: relative;
	margin: 0;
	width: 100%;
	padding: 1.35rem;
	border: 1px solid #dbe4ef;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}
.sa-card-tag {
	display: inline-block;
	font-family: 'Inter', sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--brand-gold);
	margin-bottom: 0.65rem;
}
.sa-snapshot-header h2 {
	font-size: 1.35rem;
	line-height: 1.35;
	margin-bottom: 1.1rem;
	color: #0a192f;
}
.sa-snapshot-list {
	display: grid;
}
.sa-snapshot-item {
	display: grid;
	grid-template-columns: 4.8rem minmax(0, 1fr);
	gap: 1rem;
	padding: 0.9rem 0;
	border-top: 1px solid #e8eef5;
}
.sa-snapshot-item span {
	color: #64748b;
	font-size: 0.8125rem;
	line-height: 1.5;
}
.sa-snapshot-item strong {
	font-size: 0.875rem;
	line-height: 1.65;
	color: #10233f;
	font-weight: 600;
}
.sa-snapshot-metrics {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.75rem;
	margin-top: 1.25rem;
}
.sa-metric {
	padding: 1rem;
	border-radius: 1rem;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
}
.sa-metric strong {
	display: block;
	font-family: 'Inter', sans-serif;
	font-size: 1.75rem;
	line-height: 1;
	color: #10233f;
	margin-bottom: 0.4rem;
}
.sa-metric span {
	display: block;
	color: #64748b;
	font-size: 0.8rem;
	line-height: 1.5;
}
.sa-value,
.sa-scope,
.sa-process,
.sa-cta {
	padding: 5rem 1.5rem;
}
.sa-section-head {
	text-align: center;
	margin-bottom: 3rem;
}
.sa-section-head h2 {
	font-size: clamp(1.9rem, 4vw, 2.7rem);
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}
.sa-section-head p {
	max-width: 47rem;
	margin: 0 auto;
	color: #64748b;
	line-height: 1.85;
}
.sa-value-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}
.sa-value-card {
	padding: 2rem 1.8rem;
	border: 1px solid #e2e8f0;
	border-radius: 1.25rem;
	background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%);
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.04);
}
.sa-value-icon {
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.1rem;
	background: rgba(193,157,104,0.12);
	color: var(--brand-gold);
	font-size: 1.35rem;
}
.sa-value-card h3,
.sa-scope-card h3,
.sa-step h3 {
	font-size: 1.2rem;
	margin-bottom: 0.75rem;
}
.sa-value-card p,
.sa-scope-card p,
.sa-step p,
.sa-profile-card p {
	color: #64748b;
	line-height: 1.8;
	font-size: 0.9375rem;
}
.sa-value-banner {
	margin-top: 2rem;
	padding: 1.5rem 1.75rem;
	border-radius: 1.5rem;
	background: linear-gradient(120deg, #0a192f 0%, #112240 100%);
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.9fr);
	gap: 2rem;
	align-items: center;
}
.sa-banner-label {
	display: block;
	margin-bottom: 0.75rem;
	font-family: 'Inter', sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--brand-gold);
}
.sa-banner-copy p {
	color: #d9e4ef;
	line-height: 1.8;
}
.sa-banner-numbers {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.75rem;
}
.sa-banner-numbers div {
	padding: 1rem;
	border-radius: 1rem;
	background: rgba(255,255,255,0.07);
	border: 1px solid rgba(255,255,255,0.08);
	text-align: center;
}
.sa-banner-numbers strong {
	display: block;
	font-family: 'Inter', sans-serif;
	font-size: 1.5rem;
	color: #fff;
}
.sa-banner-numbers span {
	display: block;
	margin-top: 0.35rem;
	color: #9fb3c7;
	font-size: 0.75rem;
}
.sa-scope {
	background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}
.sa-scope-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}
.sa-scope-card {
	padding: 1.5rem;
	min-height: 14rem;
	border-radius: 1.2rem;
	background: #fff;
	border: 1px solid #dbe3ec;
	position: relative;
	overflow: hidden;
}
.sa-scope-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, var(--brand-gold), rgba(37,99,235,0.45));
}
.sa-experts {
	background:
		radial-gradient(circle at right top, rgba(193,157,104,0.08), transparent 28%),
		linear-gradient(180deg, #0a192f 0%, #112240 100%);
	padding: 5rem 1.5rem;
}
.sa-experts-inner {
	max-width: 72rem;
	margin: 0 auto;
}
.sa-section-head-light h2,
.sa-section-head-light p {
	color: #f8fafc;
}
.sa-section-head-light p {
	color: #9fb3c7;
}
.sa-expert-board {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}
.sa-profile-card {
	padding: 1.5rem;
	border-radius: 1.25rem;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.1);
	backdrop-filter: blur(8px);
}
.sa-profile-top {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1rem;
}
.sa-profile-top img {
	width: 4.75rem;
	height: 4.75rem;
	border-radius: 1rem;
}
.sa-profile-top h3 {
	color: #fff;
	font-size: 1.25rem;
	margin-bottom: 0.25rem;
}
.sa-profile-top span {
	color: #c1d0df;
	font-size: 0.875rem;
	line-height: 1.6;
}
.sa-profile-card p {
	color: #c6d4e4;
}
.sa-profile-meta {
	margin-top: 1.2rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(255,255,255,0.1);
}
.sa-profile-meta span {
	display: block;
	color: var(--brand-gold);
	font-family: 'Inter', sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 0.35rem;
}
.sa-profile-meta strong {
	color: #f8fafc;
	font-size: 0.95rem;
	line-height: 1.6;
}
.sa-process-layout {
	display: grid;
	grid-template-columns: minmax(300px, 0.95fr) minmax(0, 1.05fr);
	gap: 2rem;
	align-items: start;
}
.sa-process-visual {
	position: sticky;
	top: 6.25rem;
	height: 33rem;
	border-radius: 1.5rem;
	overflow: hidden;
	box-shadow: 0 24px 50px rgba(10,25,47,0.14);
}
.sa-process-steps {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.sa-step {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1rem;
	padding: 1.4rem 1.5rem;
	border-radius: 1.2rem;
	background: #fff;
	border: 1px solid #e2e8f0;
}
.sa-step-index {
	width: 3rem;
	height: 3rem;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0f172a;
	color: var(--brand-gold);
	font-family: 'Inter', sans-serif;
	font-weight: 800;
	font-size: 0.875rem;
}
.sa-cta {
	padding-top: 0;
}
.sa-cta-shell {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	padding: 2rem 2.2rem;
	border-radius: 1.5rem;
	background:
		linear-gradient(120deg, rgba(193,157,104,0.08), rgba(17,34,64,0.04)),
		#f8fafc;
	border: 1px solid #e2e8f0;
}
.sa-cta-shell h2 {
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	margin-top: 0.45rem;
	margin-bottom: 0.75rem;
}
.sa-cta-shell p {
	color: #64748b;
	line-height: 1.8;
	max-width: 42rem;
}
.sa-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.95rem 1.4rem;
	border-radius: 0.9rem;
	background: #0a192f;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	white-space: nowrap;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.sa-cta-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 16px 28px rgba(10,25,47,0.2);
}
.sa-cta-btn i {
	font-size: 1.1rem;
}

@media (max-width: 1100px) {
	.sa-hero-inner,
	.sa-process-layout,
	.sa-value-banner {
		grid-template-columns: 1fr;
	}
	.sa-hero-inner {
		max-width: 72rem;
	}
	.sa-hero-aside {
		justify-self: start;
	}
	.sa-scope-grid,
	.sa-expert-board {
		grid-template-columns: repeat(2, 1fr);
	}
	.sa-process-visual {
		position: relative;
		top: auto;
		height: 18rem;
	}
}

@media (max-width: 768px) {
	.sa-hero {
		padding: 6.25rem 1.25rem 3.5rem;
	}
	.sa-hero-aside {
		max-width: none;
	}
	.sa-snapshot-card {
		margin: 0;
	}
	.sa-value-grid,
	.sa-scope-grid,
	.sa-expert-board,
	.sa-banner-numbers {
		grid-template-columns: 1fr;
	}
	.sa-cta-shell {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 480px) {
	.sa-hero-copy h1 {
		font-size: 2.15rem;
	}
	.sa-hero-intro {
		font-size: 0.95rem;
	}
	.sa-snapshot-item {
		grid-template-columns: 1fr;
		gap: 0.35rem;
	}
	.sa-proof-pill {
		width: 100%;
		align-items: flex-start;
	}
}

/* ============================================
   MAH TO CDMO AUDIT PAGE (mc-) — Global Oversight
   ============================================ */
.mc-hero {
	position: relative;
	padding: 7rem 1.5rem 4.5rem;
	background: linear-gradient(180deg, #081425 0%, #10233f 100%);
	overflow: hidden;
}
.mc-hero-shell,
.mc-principles,
.mc-focus,
.mc-experts,
.mc-cta {
	max-width: 72rem;
	margin: 0 auto;
}
.mc-hero-shell {
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(340px, 1.08fr);
	gap: 2rem;
	align-items: center;
	position: relative;
	z-index: 1;
}
.mc-gridline {
	position: absolute;
	border: 1px solid rgba(193,157,104,0.1);
	pointer-events: none;
}
.mc-gridline-a {
	top: 6rem;
	left: 6%;
	width: 14rem;
	height: 14rem;
}
.mc-gridline-b {
	top: 2rem;
	right: 7%;
	width: 18rem;
	height: 18rem;
	border-radius: 50%;
}
.mc-kicker {
	display: inline-flex;
	align-items: center;
	padding: 0.45rem 0.95rem;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.14);
	background: rgba(255,255,255,0.05);
	font-family: 'Inter', sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #dde7f4;
	margin-bottom: 1rem;
}
.mc-hero-copy h1 {
	font-size: clamp(2.6rem, 5vw, 4.1rem);
	line-height: 1.05;
	letter-spacing: -0.03em;
	color: #f8fafc;
	margin-bottom: 1.15rem;
}
.mc-hero-intro {
	color: #afc3d9;
	font-size: 1.03rem;
	line-height: 1.9;
	max-width: 35rem;
	margin-bottom: 1.8rem;
}
.mc-principle-list {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
}
.mc-principle-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.95rem 1rem;
	width: fit-content;
	max-width: 100%;
	border-radius: 1rem;
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.08);
	color: #e6eef8;
}
.mc-principle-pill i {
	color: var(--brand-gold);
	font-size: 1.1rem;
}
.mc-network-panel {
	position: relative;
	padding: 1.2rem;
	border-radius: 1.8rem;
	background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02));
	border: 1px solid rgba(255,255,255,0.08);
	box-shadow: 0 30px 70px rgba(3,10,22,0.28);
}
.mc-network-image {
	height: 24rem;
	border-radius: 1.3rem;
	overflow: hidden;
}
.mc-network-image img,
.mc-focus-aside img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.mc-network-card {
	position: absolute;
	left: 2rem;
	bottom: -2.4rem;
	width: min(100%, 26rem);
	padding: 1.4rem;
	border-radius: 1.25rem;
	background: rgba(255,255,255,0.95);
	box-shadow: 0 22px 45px rgba(10,25,47,0.18);
}
.mc-card-label {
	display: inline-block;
	font-family: 'Inter', sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--brand-gold);
	margin-bottom: 0.65rem;
}
.mc-network-card h2 {
	font-size: 1.6rem;
	margin-bottom: 0.9rem;
}
.mc-network-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-bottom: 1rem;
}
.mc-network-tags span {
	padding: 0.45rem 0.8rem;
	border-radius: 999px;
	background: #eef2f7;
	color: #10233f;
	font-family: 'Inter', sans-serif;
	font-size: 0.8rem;
	font-weight: 700;
}
.mc-network-meta {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.75rem;
}
.mc-network-meta div {
	padding: 0.9rem 1rem;
	border-radius: 1rem;
	border: 1px solid #e2e8f0;
	background: #fff;
}
.mc-network-meta strong {
	display: block;
	font-family: 'Inter', sans-serif;
	font-size: 1.2rem;
	color: #10233f;
	margin-bottom: 0.2rem;
}
.mc-network-meta span {
	font-size: 0.8rem;
	line-height: 1.5;
	color: #64748b;
}
.mc-principles,
.mc-focus,
.mc-experts,
.mc-cta {
	padding: 5rem 1.5rem;
}
.mc-section-head {
	text-align: center;
	margin-bottom: 2.8rem;
}
.mc-section-head h2 {
	font-size: clamp(1.9rem, 4vw, 2.6rem);
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}
.mc-section-head p {
	max-width: 48rem;
	margin: 0 auto;
	color: #64748b;
	line-height: 1.85;
}
.mc-principles-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}
.mc-principle-card,
.mc-domain-card,
.mc-expert-card {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 1.2rem;
	padding: 1.6rem;
}
.mc-principle-card h3,
.mc-domain-card h3,
.mc-expert-card h3,
.mc-rail-head h3 {
	font-size: 1.18rem;
	margin-bottom: 0.7rem;
}
.mc-principle-card p,
.mc-domain-card p,
.mc-expert-card p,
.mc-rail-card p {
	color: #64748b;
	line-height: 1.8;
	font-size: 0.9375rem;
}
.mc-mechanism {
	padding: 5rem 1.5rem;
	background: linear-gradient(135deg, #0a192f 0%, #10233f 100%);
}
.mc-section-head-light h2,
.mc-section-head-light p {
	color: #f8fafc;
}
.mc-section-head-light p {
	color: #a7bdd3;
}
.mc-mechanism-rails {
	max-width: 72rem;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}
.mc-rail-card {
	padding: 1.5rem;
	border-radius: 1.25rem;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.1);
}
.mc-rail-head {
	margin-bottom: 0.85rem;
}
.mc-rail-head span {
	display: inline-block;
	margin-bottom: 0.55rem;
	font-family: 'Inter', sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--brand-gold);
}
.mc-rail-head h3 {
	color: #fff;
	margin-bottom: 0;
}
.mc-rail-card p {
	color: #b6c8da;
}
.mc-focus-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
	gap: 1.5rem;
	align-items: start;
}
.mc-focus-main {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
}
.mc-focus-aside {
	position: relative;
	height: 100%;
	min-height: 30rem;
	border-radius: 1.4rem;
	overflow: hidden;
	box-shadow: 0 20px 40px rgba(10,25,47,0.12);
}
.mc-aside-note {
	position: absolute;
	left: 1rem;
	right: 1rem;
	bottom: 1rem;
	padding: 1rem 1.1rem;
	border-radius: 1rem;
	background: rgba(255,255,255,0.92);
	backdrop-filter: blur(10px);
}
.mc-aside-note span {
	display: block;
	font-family: 'Inter', sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--brand-gold);
	margin-bottom: 0.35rem;
}
.mc-aside-note strong {
	font-size: 1rem;
	line-height: 1.6;
	color: #10233f;
}
.mc-expert-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}
.mc-expert-card span {
	display: block;
	color: var(--brand-gold);
	font-size: 0.82rem;
	font-weight: 600;
	margin-bottom: 0.85rem;
}
.mc-expert-card strong {
	display: block;
	margin-top: 1rem;
	font-size: 0.86rem;
	line-height: 1.6;
	color: #10233f;
}
.mc-cta {
	padding-top: 0;
}
.mc-cta-shell {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2rem;
	padding: 2rem 2.2rem;
	background: linear-gradient(120deg, rgba(193,157,104,0.08), rgba(17,34,64,0.04)), #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 1.5rem;
}
.mc-cta-shell h2 {
	font-size: clamp(1.6rem, 3vw, 2.1rem);
	margin-top: 0.45rem;
	margin-bottom: 0.75rem;
}
.mc-cta-shell p {
	max-width: 42rem;
	color: #64748b;
	line-height: 1.8;
}
.mc-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.95rem 1.35rem;
	border-radius: 0.9rem;
	background: #0a192f;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	white-space: nowrap;
}

@media (max-width: 1100px) {
	.mc-hero-shell,
	.mc-focus-layout,
	.mc-mechanism-rails,
	.mc-expert-grid {
		grid-template-columns: 1fr 1fr;
	}
	.mc-hero-shell {
		grid-template-columns: 1fr;
	}
	.mc-network-card {
		position: relative;
		left: auto;
		bottom: auto;
		width: 100%;
		margin-top: -3rem;
	}
	.mc-focus-main,
	.mc-principles-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.mc-hero {
		padding-top: 6.5rem;
	}
	.mc-principles-grid,
	.mc-mechanism-rails,
	.mc-focus-main,
	.mc-expert-grid,
	.mc-network-meta {
		grid-template-columns: 1fr;
	}
	.mc-focus-layout,
	.mc-cta-shell {
		display: block;
	}
	.mc-focus-aside {
		margin-top: 1rem;
		min-height: 18rem;
	}
	.mc-cta-btn {
		margin-top: 1.25rem;
	}
}

/* ============================================
   PIC/S COUNTRIES PAGE (pc-) — Access Control Tower
   ============================================ */
.pc-hero {
	position: relative;
	padding: 7rem 1.5rem 4.5rem;
	background: radial-gradient(circle at top right, rgba(59,130,246,0.12), transparent 26%), linear-gradient(135deg, #071425 0%, #0d2038 58%, #11294a 100%);
	overflow: hidden;
}
.pc-hero-grid {
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
	background-size: 48px 48px;
	mask-image: linear-gradient(180deg, rgba(0,0,0,0.65), transparent 100%);
	pointer-events: none;
}
.pc-hero-shell,
.pc-country-hub,
.pc-dashboard,
.pc-matrix,
.pc-cta {
	max-width: 72rem;
	margin: 0 auto;
}
.pc-hero-shell {
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
	gap: 2rem;
	align-items: center;
	position: relative;
	z-index: 1;
}
.pc-kicker {
	display: inline-flex;
	padding: 0.45rem 0.95rem;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.15);
	background: rgba(255,255,255,0.06);
	font-family: 'Inter', sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #dce7f5;
	margin-bottom: 1rem;
}
.pc-hero-copy h1 {
	font-size: clamp(2.7rem, 5vw, 4.2rem);
	line-height: 1.03;
	letter-spacing: -0.03em;
	color: #f8fafc;
	margin-bottom: 1.15rem;
}
.pc-hero-intro {
	max-width: 36rem;
	color: #aec3d9;
	font-size: 1.03rem;
	line-height: 1.88;
	margin-bottom: 1.75rem;
}
.pc-hero-points {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85rem;
}
.pc-point {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.85rem 1rem;
	border-radius: 999px;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.08);
	color: #edf3fa;
}
.pc-point i {
	color: var(--brand-gold);
}
.pc-hero-board {
	position: relative;
	min-height: 30rem;
	padding: 1.2rem;
	border-radius: 1.8rem;
	background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02));
	border: 1px solid rgba(255,255,255,0.08);
	box-shadow: 0 28px 60px rgba(3,10,22,0.28);
	overflow: hidden;
}
.pc-board-topology {
	position: relative;
	height: 14rem;
	margin-bottom: 1rem;
}
.pc-line {
	position: absolute;
	height: 2px;
	background: linear-gradient(90deg, rgba(193,157,104,0.15), rgba(59,130,246,0.8), rgba(193,157,104,0.15));
	transform-origin: left center;
	animation: pc-pulse-line 5s ease-in-out infinite;
}
.pc-line-a {
	top: 4.5rem;
	left: 4.5rem;
	width: 15rem;
	transform: rotate(8deg);
}
.pc-line-b {
	top: 8.2rem;
	left: 12rem;
	width: 12rem;
	transform: rotate(-18deg);
	animation-delay: 0.7s;
}
.pc-node {
	position: absolute;
	width: 6.4rem;
	height: 6.4rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0.6rem;
	background: radial-gradient(circle, rgba(255,255,255,0.14), rgba(255,255,255,0.04));
	border: 1px solid rgba(255,255,255,0.12);
	box-shadow: 0 0 0 0 rgba(59,130,246,0.3);
	animation: pc-node-glow 4.5s ease-in-out infinite;
}
.pc-node span {
	font-family: 'Inter', sans-serif;
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1.35;
	color: #f8fafc;
}
.pc-node-kr { top: 1rem; left: 2rem; }
.pc-node-th { top: 5rem; left: 13rem; animation-delay: 0.4s; }
.pc-node-br { top: 2rem; right: 2rem; animation-delay: 0.8s; }
.pc-board-panel {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.85rem;
}
.pc-board-metric {
	padding: 1rem 1.05rem;
	border-radius: 1rem;
	background: rgba(8,20,37,0.7);
	border: 1px solid rgba(255,255,255,0.08);
	backdrop-filter: blur(10px);
}
.pc-board-metric span {
	display: block;
	font-size: 0.78rem;
	color: #8fb0d2;
	margin-bottom: 0.4rem;
}
.pc-board-metric strong {
	display: block;
	font-size: 1rem;
	line-height: 1.55;
	color: #f8fafc;
}
.pc-metrics {
	padding: 0 1.5rem 4rem;
	margin-top: -1.2rem;
}
.pc-metrics-strip {
	max-width: 72rem;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}
.pc-metric-card {
	padding: 1.3rem 1.2rem;
	border-radius: 1.2rem;
	background: #fff;
	border: 1px solid #e2e8f0;
	box-shadow: 0 18px 34px rgba(15,23,42,0.06);
}
.pc-metric-card span {
	display: block;
	font-size: 0.8rem;
	color: var(--brand-gold);
	font-weight: 700;
	margin-bottom: 0.35rem;
}
.pc-metric-card strong {
	display: block;
	font-family: 'Inter', sans-serif;
	font-size: 1.65rem;
	color: #10233f;
	margin-bottom: 0.4rem;
}
.pc-metric-card p {
	font-size: 0.85rem;
	line-height: 1.6;
	color: #64748b;
	margin: 0;
}
.pc-country-hub,
.pc-dashboard,
.pc-matrix,
.pc-cta {
	padding: 5rem 1.5rem;
}
.pc-section-head {
	text-align: center;
	margin-bottom: 2.8rem;
}
.pc-section-head h2 {
	font-size: clamp(1.9rem, 4vw, 2.6rem);
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}
.pc-section-head p {
	max-width: 48rem;
	margin: 0 auto;
	color: #64748b;
	line-height: 1.85;
}
.pc-country-tabs {
	display: flex;
	gap: 0.85rem;
	margin-bottom: 1.2rem;
	flex-wrap: wrap;
}
.pc-tab {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	padding: 0.9rem 1rem;
	border-radius: 1rem;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	cursor: default;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.pc-tab:hover,
.pc-tab-active {
	transform: translateY(-2px);
	border-color: rgba(193,157,104,0.5);
	box-shadow: 0 16px 26px rgba(15,23,42,0.08);
}
.pc-tab-code {
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Inter', sans-serif;
	font-size: 0.78rem;
	font-weight: 800;
	background: #0a192f;
	color: #fff;
}
.pc-tab strong {
	display: block;
	font-size: 1rem;
	color: #10233f;
}
.pc-tab p {
	margin: 0.15rem 0 0;
	font-size: 0.78rem;
	color: #64748b;
}
.pc-country-grid {
	display: grid;
	grid-template-columns: 1.15fr 0.85fr 0.85fr;
	gap: 1rem;
}
.pc-country-panel,
.pc-dashboard-card,
.pc-matrix-board,
.pc-cta-shell {
	border-radius: 1.3rem;
	background: #fff;
	border: 1px solid #e2e8f0;
}
.pc-country-panel {
	padding: 1.45rem;
	position: relative;
	overflow: hidden;
}
.pc-country-panel::before {
	content: '';
	position: absolute;
	inset: 0 auto auto 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, var(--brand-gold), rgba(37,99,235,0.5));
}
.pc-country-primary {
	background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}
.pc-panel-head {
	margin-bottom: 0.9rem;
}
.pc-panel-head span {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--brand-gold);
	margin-bottom: 0.45rem;
}
.pc-panel-head h3 {
	font-size: 1.3rem;
	margin: 0;
}
.pc-country-panel p,
.pc-country-panel li,
.pc-dashboard-card li,
.pc-matrix-row span,
.pc-matrix-row strong,
.pc-flow-step p {
	color: #64748b;
	line-height: 1.8;
	font-size: 0.92rem;
}
.pc-country-panel ul,
.pc-dashboard-card ul {
	margin: 1rem 0 0;
	padding-left: 1rem;
	list-style: disc;
}
.pc-kdmf {
	padding: 5rem 1.5rem;
	background: linear-gradient(135deg, #0a192f 0%, #10233f 100%);
}
.pc-section-head-light h2,
.pc-section-head-light p {
	color: #f8fafc;
}
.pc-section-head-light p { color: #a7bdd3; }
.pc-flow-track,
.pc-kdmf-facts {
	max-width: 72rem;
	margin: 0 auto;
}
.pc-flow-track {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
	margin-bottom: 1.2rem;
}
.pc-flow-step {
	padding: 1.4rem;
	border-radius: 1.25rem;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.1);
	position: relative;
	overflow: hidden;
}
.pc-flow-step::after {
	content: '';
	position: absolute;
	top: 1.9rem;
	right: -0.6rem;
	width: 1.2rem;
	height: 2px;
	background: rgba(193,157,104,0.5);
}
.pc-flow-step:last-child::after { display: none; }
.pc-flow-step span {
	display: inline-flex;
	width: 2.4rem;
	height: 2.4rem;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(255,255,255,0.08);
	color: var(--brand-gold);
	font-family: 'Inter', sans-serif;
	font-weight: 800;
	margin-bottom: 0.85rem;
}
.pc-flow-step h3 {
	font-size: 1.1rem;
	color: #fff;
	margin-bottom: 0.7rem;
}
.pc-flow-step p {
	color: #c1d1e1;
	margin: 0;
}
.pc-kdmf-facts {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.9rem;
}
.pc-kdmf-facts div {
	padding: 1rem 1.1rem;
	border-radius: 1rem;
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.08);
}
.pc-kdmf-facts strong {
	display: block;
	font-family: 'Inter', sans-serif;
	font-size: 1.35rem;
	color: #fff;
	margin-bottom: 0.25rem;
}
.pc-kdmf-facts span {
	display: block;
	font-size: 0.82rem;
	line-height: 1.55;
	color: #adc2d9;
}
.pc-dashboard-grid {
	display: grid;
	grid-template-columns: 1.2fr 0.8fr 0.8fr;
	gap: 1rem;
}
.pc-dashboard-card {
	padding: 1.45rem;
}
.pc-dashboard-card h3 {
	font-size: 1.2rem;
	margin-bottom: 0.9rem;
}
.pc-fee-table {
	display: grid;
	gap: 0.8rem;
}
.pc-fee-table div {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding-bottom: 0.8rem;
	border-bottom: 1px solid #e2e8f0;
}
.pc-fee-table span { flex: 1; color: #64748b; line-height: 1.7; }
.pc-fee-table strong { flex: 0 0 38%; color: #10233f; line-height: 1.7; }
.pc-matrix-board {
	padding: 1.5rem;
	display: grid;
	gap: 0.8rem;
}
.pc-matrix-row {
	display: grid;
	grid-template-columns: 12rem 1fr;
	gap: 1rem;
	padding: 0.9rem 0;
	border-bottom: 1px solid #e2e8f0;
}
.pc-matrix-row:last-child { border-bottom: none; }
.pc-matrix-row span {
	font-weight: 700;
	color: #10233f;
}
.pc-matrix-row strong {
	font-weight: 500;
}
.pc-cta { padding-top: 0; }
.pc-cta-shell {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	padding: 2rem 2.2rem;
	background: linear-gradient(120deg, rgba(193,157,104,0.08), rgba(17,34,64,0.04)), #f8fafc;
}
.pc-cta-shell h2 {
	font-size: clamp(1.6rem, 3vw, 2.15rem);
	margin-top: 0.45rem;
	margin-bottom: 0.75rem;
}
.pc-cta-shell p {
	max-width: 42rem;
	color: #64748b;
	line-height: 1.8;
}
.pc-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.95rem 1.35rem;
	border-radius: 0.9rem;
	background: #0a192f;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	white-space: nowrap;
}
@keyframes pc-node-glow {
	0%, 100% { box-shadow: 0 0 0 0 rgba(59,130,246,0.15); transform: translateY(0); }
	50% { box-shadow: 0 0 0 16px rgba(59,130,246,0); transform: translateY(-4px); }
}
@keyframes pc-pulse-line {
	0%, 100% { opacity: 0.35; }
	50% { opacity: 1; }
}
@media (max-width: 1100px) {
	.pc-hero-shell,
	.pc-country-grid,
	.pc-dashboard-grid,
	.pc-flow-track,
	.pc-kdmf-facts,
	.pc-metrics-strip {
		grid-template-columns: 1fr 1fr;
	}
	.pc-hero-shell { grid-template-columns: 1fr; }
	.pc-country-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
	.pc-hero { padding-top: 6.5rem; }
	.pc-board-panel,
	.pc-metrics-strip,
	.pc-flow-track,
	.pc-kdmf-facts,
	.pc-dashboard-grid { grid-template-columns: 1fr; }
	.pc-matrix-row { grid-template-columns: 1fr; gap: 0.45rem; }
	.pc-cta-shell { flex-direction: column; align-items: flex-start; }
	.pc-node { width: 5.4rem; height: 5.4rem; }
	.pc-line-a { width: 11rem; }
	.pc-line-b { width: 8rem; left: 10rem; }
}

/* ============================================
   EMERGING MARKETS PAGE (em-) — Global Route Desk
   ============================================ */
.em-hero {
	position: relative;
	padding: 7rem 1.5rem 4.75rem;
	background: radial-gradient(circle at 85% 12%, rgba(59,130,246,0.14), transparent 22%), linear-gradient(135deg, #081425 0%, #10233f 58%, #16355d 100%);
	overflow: hidden;
}
.em-stars {
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle at 15% 20%, rgba(255,255,255,0.2) 0 1px, transparent 1px), radial-gradient(circle at 72% 28%, rgba(255,255,255,0.18) 0 1px, transparent 1px), radial-gradient(circle at 58% 72%, rgba(255,255,255,0.14) 0 1px, transparent 1px), radial-gradient(circle at 88% 52%, rgba(255,255,255,0.16) 0 1px, transparent 1px);
	pointer-events: none;
}
.em-route-map {
	position: absolute;
	inset: 0;
	pointer-events: none;
}
.em-route {
	position: absolute;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(193,157,104,0), rgba(193,157,104,0.95), rgba(59,130,246,0.9), rgba(193,157,104,0));
	animation: em-route-glide 5.6s ease-in-out infinite;
}
.em-route-brics { top: 16%; left: 52%; width: 24%; transform: rotate(12deg); }
.em-route-me { top: 34%; left: 55%; width: 18%; transform: rotate(-8deg); animation-delay: .5s; }
.em-route-sea { top: 54%; left: 49%; width: 28%; transform: rotate(6deg); animation-delay: 1s; }
.em-route-central { top: 41%; left: 44%; width: 18%; transform: rotate(-18deg); animation-delay: 1.4s; }
.em-route-africa { top: 68%; left: 54%; width: 22%; transform: rotate(18deg); animation-delay: .9s; }
.em-hero-shell,
.em-regions,
.em-data,
.em-africa,
.em-cta {
	max-width: 72rem;
	margin: 0 auto;
}
.em-hero-shell {
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr);
	gap: 2rem;
	align-items: center;
	position: relative;
	z-index: 1;
}
.em-kicker {
	display: inline-flex;
	padding: .45rem .95rem;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,.15);
	background: rgba(255,255,255,.06);
	font-family: 'Inter', sans-serif;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #dce7f5;
	margin-bottom: 1rem;
}
.em-hero-copy h1 {
	font-size: clamp(2.7rem, 5vw, 4.2rem);
	line-height: 1.03;
	letter-spacing: -.03em;
	color: #f8fafc;
	margin-bottom: 1.15rem;
}
.em-hero-intro {
	max-width: 36rem;
	color: #aec3d9;
	font-size: 1.02rem;
	line-height: 1.9;
	margin-bottom: 1.75rem;
}
.em-hero-tags {
	display: flex;
	gap: .7rem;
	flex-wrap: wrap;
}
.em-hero-tags span,
.em-node {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .65rem .95rem;
	border-radius: 999px;
	background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.08);
	color: #edf3fa;
	font-size: .86rem;
}
.em-hero-board {
	position: relative;
	padding: 1.2rem;
	border-radius: 1.8rem;
	background: linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.03));
	border: 1px solid rgba(255,255,255,.09);
	box-shadow: 0 28px 60px rgba(3,10,22,.3);
	overflow: hidden;
}
.em-board-glow {
	position: absolute;
	inset: auto -10% -40% auto;
	width: 18rem;
	height: 18rem;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(59,130,246,.25), transparent 60%);
	filter: blur(12px);
}
.em-board-header {
	position: relative;
	margin-bottom: 1rem;
}
.em-board-header span {
	display: inline-block;
	font-family: 'Inter', sans-serif;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--brand-gold);
	margin-bottom: .45rem;
}
.em-board-header h2 {
	font-size: 1.55rem;
	color: #fff;
}
.em-board-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: .85rem;
	margin-bottom: 1rem;
}
.em-board-card {
	position: relative;
	padding: 1rem 1.05rem;
	border-radius: 1rem;
	background: rgba(8,20,37,.72);
	border: 1px solid rgba(255,255,255,.08);
	backdrop-filter: blur(10px);
}
.em-board-card label {
	display: block;
	font-size: .78rem;
	color: #8fb0d2;
	margin-bottom: .4rem;
}
.em-board-card strong {
	display: block;
	font-size: 1.02rem;
	line-height: 1.55;
	color: #f8fafc;
	margin-bottom: .35rem;
}
.em-board-card p {
	margin: 0;
	font-size: .84rem;
	line-height: 1.6;
	color: #c6d4e4;
}
.em-board-nodes {
	display: flex;
	gap: .6rem;
	flex-wrap: wrap;
}
.em-node {
	animation: em-node-float 4.6s ease-in-out infinite;
}
.em-node:nth-child(2n) { animation-delay: .5s; }
.em-node:nth-child(3n) { animation-delay: 1s; }
.em-overview {
	padding: 0 1.5rem 4rem;
	margin-top: -1.1rem;
}
.em-metrics-strip {
	max-width: 72rem;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}
.em-metric-card {
	padding: 1.3rem 1.2rem;
	border-radius: 1.2rem;
	background: #fff;
	border: 1px solid #e2e8f0;
	box-shadow: 0 18px 34px rgba(15,23,42,.06);
}
.em-metric-card span {
	display: block;
	font-size: .8rem;
	font-weight: 700;
	color: var(--brand-gold);
	margin-bottom: .35rem;
}
.em-metric-card strong {
	display: block;
	font-family: 'Inter', sans-serif;
	font-size: 1.6rem;
	color: #10233f;
	margin-bottom: .4rem;
}
.em-metric-card p {
	margin: 0;
	font-size: .85rem;
	line-height: 1.6;
	color: #64748b;
}
.em-regions,
.em-data,
.em-africa,
.em-cta {
	padding: 5rem 1.5rem;
}
.em-section-head {
	text-align: center;
	margin-bottom: 2.8rem;
}
.em-section-head h2 {
	font-size: clamp(1.9rem, 4vw, 2.6rem);
	margin-top: .5rem;
	margin-bottom: 1rem;
}
.em-section-head p {
	max-width: 48rem;
	margin: 0 auto;
	color: #64748b;
	line-height: 1.85;
}
.em-region-grid {
	display: grid;
	grid-template-columns: 1.2fr 1fr 1fr;
	gap: 1rem;
}
.em-region-card,
.em-focus-card,
.em-data-card,
.em-africa-card,
.em-cta-shell {
	border-radius: 1.3rem;
	background: #fff;
	border: 1px solid #e2e8f0;
}
.em-region-card {
	padding: 1.45rem;
	position: relative;
	overflow: hidden;
}
.em-region-card::before,
.em-focus-card::before,
.em-data-card::before,
.em-africa-card::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, var(--brand-gold), rgba(37,99,235,.45));
}
.em-region-primary {
	grid-row: span 2;
	background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}
.em-region-card span {
	display: inline-block;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--brand-gold);
	margin-bottom: .45rem;
}
.em-region-card h3,
.em-focus-head h3,
.em-data-card h3,
.em-africa-card h3 {
	font-size: 1.22rem;
	margin-bottom: .75rem;
}
.em-region-card p,
.em-focus-card p,
.em-data-card p,
.em-africa-card p {
	color: #64748b;
	line-height: 1.8;
	font-size: .92rem;
	margin: 0 0 .55rem;
}
.em-country-focus {
	padding: 5rem 1.5rem;
	background: linear-gradient(135deg, #0a192f 0%, #10233f 100%);
}
.em-section-head-light h2,
.em-section-head-light p { color: #f8fafc; }
.em-section-head-light p { color: #a7bdd3; }
.em-focus-stack,
.em-africa-grid {
	max-width: 72rem;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}
.em-focus-card,
.em-africa-card {
	padding: 1.5rem;
	position: relative;
}
.em-focus-card {
	background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.1);
}
.em-focus-head span {
	display: inline-block;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--brand-gold);
	margin-bottom: .45rem;
}
.em-focus-head h3 { color: #fff; }
.em-focus-card p { color: #c3d2e1; }
.em-image-placeholder {
	margin-top: 1rem;
	padding: 1rem;
	border-radius: 1rem;
	border: 1px dashed rgba(193,157,104,.5);
	background: rgba(255,255,255,.04);
	color: #dfe8f5;
	font-size: .85rem;
	text-align: center;
}
.em-data-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}
.em-data-card,
.em-africa-card {
	padding: 1.45rem;
	position: relative;
}
.em-africa {
	background: linear-gradient(180deg, #f8fafc 0%, #eef4fb 100%);
}
.em-africa-grid {
	grid-template-columns: 1fr 1fr;
}
.em-cta { padding-top: 0; }
.em-cta-shell {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	padding: 2rem 2.2rem;
	background: linear-gradient(120deg, rgba(193,157,104,.08), rgba(17,34,64,.04)), #f8fafc;
}
.em-cta-shell h2 {
	font-size: clamp(1.6rem, 3vw, 2.15rem);
	margin-top: .45rem;
	margin-bottom: .75rem;
}
.em-cta-shell p {
	max-width: 42rem;
	color: #64748b;
	line-height: 1.8;
}
.em-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	padding: .95rem 1.35rem;
	border-radius: .9rem;
	background: #0a192f;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	white-space: nowrap;
}
@keyframes em-route-glide {
	0%,100% { opacity: .35; filter: blur(0); }
	50% { opacity: 1; filter: blur(.2px); }
}
@keyframes em-node-float {
	0%,100% { transform: translateY(0); }
	50% { transform: translateY(-4px); }
}
@media (max-width: 1100px) {
	.em-hero-shell,
	.em-region-grid,
	.em-data-grid,
	.em-focus-stack,
	.em-africa-grid,
	.em-metrics-strip { grid-template-columns: 1fr 1fr; }
	.em-hero-shell { grid-template-columns: 1fr; }
	.em-region-primary { grid-row: auto; }
}
@media (max-width: 768px) {
	.em-hero { padding-top: 6.5rem; }
	.em-metrics-strip,
	.em-region-grid,
	.em-focus-stack,
	.em-data-grid,
	.em-africa-grid,
	.em-board-grid { grid-template-columns: 1fr; }
	.em-cta-shell { flex-direction: column; align-items: flex-start; }
}

/* ============================================
   E-LEARNING PAGE (el-) — Digital Campus
   ============================================ */

/* --- Shared label --- */
.el-label {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--brand-gold);
	margin-bottom: 0.75rem;
}
.el-label-light { color: rgba(193,157,104,0.9); }

/* --- el-hero: Radial glow dark hero --- */
.el-hero {
	position: relative;
	padding: 7rem 1.5rem 5rem;
	background: linear-gradient(160deg, #0a192f 0%, #0f2440 40%, #0e1f38 100%);
	overflow: hidden;
}
.el-hero-glow {
	position: absolute;
	top: -30%;
	right: -10%;
	width: 50rem;
	height: 50rem;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(37,99,235,0.12) 0%, rgba(37,99,235,0.04) 40%, transparent 70%);
	pointer-events: none;
}
.el-hero-glow::before {
	content: '';
	position: absolute;
	bottom: 10%;
	left: 20%;
	width: 30rem;
	height: 30rem;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(193,157,104,0.08) 0%, transparent 60%);
}
.el-hero-inner {
	max-width: 72rem;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.el-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.375rem 1rem;
	background: rgba(37,99,235,0.12);
	border: 1px solid rgba(37,99,235,0.25);
	border-radius: 2rem;
	color: #93c5fd;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
}
.el-hero-badge i { font-size: 1rem; }
.el-hero-title {
	font-size: clamp(2.5rem, 6vw, 4rem);
	color: #f8fafc;
	font-weight: 700;
	line-height: 1.1;
	margin: 0 0 1.25rem;
	max-width: 36rem;
}
.el-hero-desc {
	color: #94a3b8;
	font-size: 1.0625rem;
	line-height: 1.8;
	max-width: 40rem;
	margin: 0 0 2.5rem;
}
.el-hero-stats {
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
}
.el-hero-stat {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.el-hero-stat-num {
	font-family: 'Inter', sans-serif;
	font-size: 2rem;
	font-weight: 800;
	color: var(--brand-gold);
	line-height: 1;
}
.el-hero-stat-label {
	font-size: 0.8125rem;
	color: #94a3b8;
	line-height: 1.4;
}

/* --- el-features: Four char cards --- */
.el-features {
	padding: 0 1.5rem;
	margin-top: -2rem;
	position: relative;
	z-index: 2;
}
.el-features-inner {
	max-width: 72rem;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem;
}
.el-feature-card {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	padding: 1.5rem;
	background: #fff;
	border-radius: 12px;
	border: 1px solid var(--border);
	box-shadow: 0 12px 32px rgba(0,0,0,0.06);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.el-feature-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 40px rgba(0,0,0,0.1);
}
.el-feature-char {
	flex-shrink: 0;
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 10px;
	background: linear-gradient(135deg, #2563EB, #3b82f6);
	color: #fff;
	font-size: 1.5rem;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
}
.el-char-gold { background: linear-gradient(135deg, #C19D68, #d4af7c); }
.el-char-teal { background: linear-gradient(135deg, #0D9488, #14b8a6); }
.el-char-rose { background: linear-gradient(135deg, #E11D48, #f43f5e); }
.el-feature-body h3 {
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 0.375rem;
}
.el-feature-body p {
	font-size: 0.8125rem;
	color: #64748b;
	line-height: 1.6;
	margin: 0;
}

/* --- el-overview: Split text + image --- */
.el-overview {
	padding: 5rem 1.5rem;
	background: #fff;
}
.el-overview-inner {
	max-width: 72rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 3rem;
}
.el-overview-text { flex: 1; }
.el-overview-text h2 {
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 700;
	margin: 0 0 1rem;
}
.el-overview-text p {
	color: #64748b;
	line-height: 1.8;
	margin: 0;
}
.el-overview-img {
	flex: 0 0 42%;
	border-radius: 16px;
	overflow: hidden;
}
.el-overview-img img {
	width: 100%;
	display: block;
	border-radius: 16px;
	min-height: 280px;
	object-fit: cover;
}

/* --- el-catalog: Course category grid --- */
.el-catalog {
	padding: 3rem 1.5rem 5rem;
	background: var(--surface);
}
.el-catalog-inner {
	max-width: 72rem;
	margin: 0 auto;
}
.el-catalog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}
.el-cat-card {
	padding: 1.5rem;
	background: #fff;
	border-radius: 12px;
	border: 1px solid var(--border);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.el-cat-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(0,0,0,0.07);
}
.el-cat-icon {
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 10px;
	background: linear-gradient(135deg, rgba(37,99,235,0.08), rgba(37,99,235,0.15));
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
}
.el-cat-icon i {
	font-size: 1.375rem;
	color: #2563EB;
}
.el-cat-card h3 {
	font-size: 1.0625rem;
	font-weight: 700;
	margin: 0 0 0.875rem;
	color: #0F172A;
}
.el-cat-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
}
.el-cat-tags span {
	display: inline-block;
	padding: 0.25rem 0.625rem;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 4px;
	font-size: 0.75rem;
	color: #475569;
	line-height: 1.4;
	transition: background 0.2s;
}
.el-cat-tags span:hover {
	background: rgba(37,99,235,0.06);
	border-color: rgba(37,99,235,0.2);
}

/* --- el-device: Medical device section --- */
.el-device {
	padding: 5rem 1.5rem;
	background: linear-gradient(180deg, #f0f7ff 0%, #fff 100%);
}
.el-device-inner {
	max-width: 72rem;
	margin: 0 auto;
}
.el-section-header {
	text-align: center;
	margin-bottom: 3rem;
}
.el-section-header h2 {
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 700;
	margin: 0 0 0.75rem;
}
.el-device-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}
.el-device-col-full { grid-column: 1 / -1; }
.el-device-cat {
	padding: 1.5rem;
	background: #fff;
	border-radius: 12px;
	border: 1px solid var(--border);
	height: 100%;
}
.el-device-cat h4 {
	font-size: 0.9375rem;
	font-weight: 700;
	margin: 0 0 0.75rem;
	color: #0F172A;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.el-device-cat h4 i {
	color: var(--brand-gold);
	font-size: 1.125rem;
}

/* --- el-extended: Extended courses --- */
.el-extended {
	padding: 5rem 1.5rem;
	background: #fff;
}
.el-extended-inner {
	max-width: 72rem;
	margin: 0 auto;
}
.el-ext-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}
.el-ext-card {
	padding: 1.5rem;
	background: var(--surface);
	border-radius: 12px;
	border: 1px solid var(--border);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.el-ext-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(0,0,0,0.06);
}
.el-ext-icon {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 8px;
	background: linear-gradient(135deg, rgba(193,157,104,0.1), rgba(193,157,104,0.2));
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.875rem;
}
.el-ext-icon i {
	font-size: 1.25rem;
	color: var(--brand-gold);
}
.el-ext-card h3 {
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 0.75rem;
	color: #0F172A;
}

/* --- el-cta: Dark CTA --- */
.el-cta {
	background: var(--brand-900);
	padding: 4rem 1.5rem;
}
.el-cta-inner {
	max-width: 72rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}
.el-cta-content h2 {
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 700;
	color: #f8fafc;
	margin: 0 0 0.5rem;
}
.el-cta-content p {
	color: #94a3b8;
	font-size: 1rem;
	line-height: 1.7;
	margin: 0;
}
.el-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
	background: var(--brand-gold);
	color: var(--brand-900);
	padding: 0.875rem 2rem;
	border-radius: 8px;
	font-weight: 700;
	font-size: 0.9375rem;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.3s ease;
}
.el-cta-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(193,157,104,0.3);
}
.el-cta-btn i { font-size: 1.125rem; }

/* --- el Responsive --- */
@media (max-width: 1024px) {
	.el-features-inner { grid-template-columns: repeat(2, 1fr); }
	.el-overview-inner { flex-direction: column; }
	.el-overview-img { flex: none; width: 100%; }
	.el-catalog-grid { grid-template-columns: repeat(2, 1fr); }
	.el-device-grid { grid-template-columns: repeat(2, 1fr); }
	.el-ext-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
	.el-hero { padding: 5.5rem 1.25rem 3.5rem; }
	.el-hero-stats { gap: 1.25rem; }
	.el-hero-stat-num { font-size: 1.5rem; }
	.el-features-inner { grid-template-columns: 1fr; }
	.el-features { margin-top: -1.5rem; }
	.el-catalog-grid,
	.el-device-grid,
	.el-ext-grid { grid-template-columns: 1fr; }
	.el-device-col-full { grid-column: auto; }
	.el-cta-inner { flex-direction: column; text-align: center; }
}

/* ============================================
   Training Page Baseline Guard
   ============================================ */
.training-page {
	background: #fff;
	overflow-x: hidden;
}

.training-page .wp-site-blocks {
	overflow-x: hidden;
}

.training-page .training-hero {
	padding-top: 8.75rem !important;
	padding-bottom: 5.5rem !important;
	overflow: hidden;
	background:
		radial-gradient(circle at 78% 18%, rgba(193,157,104,0.12), transparent 24rem),
		linear-gradient(135deg, #081426 0%, #0a192f 58%, #10233f 100%) !important;
}

.training-page .training-hero .tr-hero-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
	align-items: center;
	gap: clamp(2rem, 5vw, 5rem);
	max-width: 72rem;
	min-height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.training-page .training-hero .tr-hero-text {
	max-width: 42rem;
	min-width: 0;
}

.training-page .training-hero .section-label {
	display: inline-block;
	max-width: 100%;
	text-align: left;
	overflow-wrap: anywhere;
}

.training-page .training-hero .tr-hero-text h1 {
	font-size: clamp(2.35rem, 5vw, 3.75rem);
	line-height: 1.12;
	letter-spacing: 0;
	margin: 0.75rem 0 1.25rem;
	color: #f8fafc;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.training-page .training-hero .tr-hero-desc {
	max-width: 39rem;
	margin: 0 0 2rem;
	color: #b8c7d9;
	font-size: 1.0625rem;
	line-height: 1.9;
}

.training-page .training-hero .tr-hero-stats {
	display: flex;
	align-items: stretch;
	gap: 0;
	flex-wrap: nowrap;
	width: fit-content;
	max-width: 100%;
}

.training-page .training-hero .tr-stat {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 6.25rem;
	padding: 0.25rem 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	text-align: left;
	transition: none;
}

.training-page .training-hero .tr-stat:hover {
	background: transparent;
	transform: none;
}

.training-page .training-hero .tr-stat strong {
	display: block;
	font-family: 'Inter', sans-serif;
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1.1;
	color: var(--brand-gold);
}

.training-page .training-hero .tr-stat span {
	display: block;
	margin-top: 0.45rem;
	font-size: 0.78rem;
	line-height: 1.4;
	color: #9fb1c7;
	white-space: nowrap;
}

.training-page .training-hero .tr-stat-div {
	display: block;
	width: 1px;
	height: auto;
	min-height: 3rem;
	margin: 0 1.1rem;
	background: rgba(255,255,255,0.12);
}

.training-page .training-hero .tr-hero-visual {
	display: block;
	flex: none;
	height: auto;
	min-width: 0;
	overflow: visible;
}

.training-page .training-hero .tr-hero-card {
	width: 100%;
	max-width: 21rem;
	margin-left: auto;
	border-radius: 1rem;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.12);
	box-shadow: 0 28px 64px rgba(0,0,0,0.22);
}

.training-page .training-hero .tr-card-hd,
.training-page .training-hero .tr-card-row {
	position: relative;
	z-index: 1;
}

.training-page .tr-section-hd {
	max-width: 48rem;
	margin: 0 auto 3rem;
	text-align: center;
}

.training-page .tr-section-hd h2 {
	font-size: clamp(1.85rem, 4vw, 2.45rem);
	line-height: 1.25;
	letter-spacing: 0;
}

.training-page .tr-section-sub {
	max-width: 46rem;
	margin: 0.85rem auto 0;
	color: #64748b;
	line-height: 1.9;
}

.training-page .training-intro .tr-flow {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 1rem;
	margin-bottom: 2.5rem;
}

.training-page .training-intro .tr-flow-line {
	display: none;
}

.training-page .training-intro .tr-flow-item {
	max-width: none;
	min-width: 0;
	height: 100%;
	padding: 1.65rem 1.25rem;
	border: 1px solid #e8edf4;
	border-radius: 0.75rem;
	background: #fff;
	box-shadow: 0 12px 30px rgba(15,23,42,0.04);
}

.training-page .training-intro .tr-flow-item h4,
.training-page .training-intro .tr-flow-item p {
	overflow-wrap: break-word;
}

.training-page .training-intro .tr-highlight {
	max-width: 58rem;
	align-items: flex-start;
}

.training-page .training-features .tr-feat-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	max-width: 72rem;
	margin: 0 auto;
}

.training-page .training-features .tr-feat-card {
	min-height: 14rem;
	padding: 1.8rem 1.35rem 1.5rem;
}

.training-page .training-features .tr-feat-card h4 {
	line-height: 1.45;
}

.training-page .training-features .tr-feat-card p {
	line-height: 1.75;
}

.training-page .training-path .tr-path {
	max-width: 64rem;
	align-items: stretch;
}

.training-page .training-path .tr-path-item {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-width: 0;
}

.training-page .training-list-section .tr-camp-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	max-width: 72rem;
	margin: 0 auto;
}

.training-page .training-list-section .tr-camp-card {
	min-height: 7.25rem;
}

.training-page .training-list-section .tr-camp-right h4 {
	overflow-wrap: break-word;
}

@media (max-width: 1024px) {
	.training-page .training-hero {
		padding-top: 7rem !important;
		padding-bottom: 4.5rem !important;
	}

	.training-page .training-hero .tr-hero-inner {
		grid-template-columns: 1fr;
		text-align: center;
		gap: 2rem;
	}

	.training-page .training-hero .tr-hero-text {
		max-width: 44rem;
		margin: 0 auto;
	}

	.training-page .training-hero .section-label {
		text-align: center;
	}

	.training-page .training-hero .tr-hero-desc {
		margin-left: auto;
		margin-right: auto;
	}

	.training-page .training-hero .tr-hero-stats {
		margin: 0 auto;
	}

	.training-page .training-hero .tr-stat {
		text-align: center;
	}

	.training-page .training-hero .tr-hero-visual {
		display: none;
	}

	.training-page .training-intro .tr-flow,
	.training-page .training-features .tr-feat-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.training-page .training-path .tr-path {
		flex-direction: column;
		gap: 1rem;
	}

	.training-page .training-path .tr-path-connector {
		display: none;
	}

	.training-page .training-path .tr-path-item {
		width: 100%;
		max-width: none;
	}

	.training-page .training-list-section .tr-camp-grid {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 640px) {
	.training-page .site-header .wp-block-buttons {
		display: none !important;
	}

	.training-page .site-header,
	.training-page .site-header .wp-block-group.alignwide {
		max-width: 100vw !important;
		min-width: 0;
	}

	.training-page .site-header .wp-block-group.alignwide {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
	}

	.training-page .site-header .wp-block-navigation {
		margin-left: auto;
		min-width: 0;
	}

	body.training-page .site-header button.wp-block-navigation__responsive-container-open {
		display: flex !important;
		align-items: center;
		justify-content: center;
		position: fixed;
		top: 0.85rem;
		left: 17rem;
		right: auto;
		width: 2.5rem;
		height: 2.5rem;
		padding: 0;
		border: 1px solid #e2e8f0;
		border-radius: 0.35rem;
		background: #fff;
		z-index: 80;
		color: #0f172a;
		transform: none;
	}

	body.training-page .site-header button.wp-block-navigation__responsive-container-open svg {
		display: block;
		fill: currentColor;
	}

	@media (min-width: 361px) {
		body.training-page .site-header button.wp-block-navigation__responsive-container-open {
			left: 20rem;
		}
	}

	.training-page .training-hero {
		padding: 6rem 1.25rem 3.75rem !important;
	}

	.training-page .training-hero .tr-hero-inner,
	.training-page .training-hero .tr-hero-text {
		width: 100%;
		max-width: calc(100vw - 2.5rem);
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.training-page .training-hero .tr-hero-text h1 {
		font-size: clamp(1.85rem, 9vw, 2.35rem);
		max-width: 18rem;
		margin-left: auto;
		margin-right: auto;
		word-break: break-all;
	}

	.training-page .training-hero .section-label {
		max-width: 18rem;
		font-size: 0.72rem;
		line-height: 1.55;
		letter-spacing: 0.14em;
		white-space: normal;
	}

	.training-page .training-hero .tr-hero-desc {
		max-width: 17rem;
		font-size: 0.98rem;
		line-height: 1.85;
		word-break: break-all;
	}

	.training-page .training-hero .tr-hero-desc br,
	.training-page .tr-section-sub br {
		display: none;
	}

	.training-page .training-hero .tr-hero-stats {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.8rem;
		width: 100%;
		max-width: 17.5rem;
	}

	.training-page .training-hero .tr-stat {
		min-width: 0;
		padding: 1rem 0.75rem;
		border: 1px solid rgba(255,255,255,0.12);
		border-radius: 0.75rem;
		background: rgba(255,255,255,0.05);
	}

	.training-page .training-hero .tr-stat span {
		white-space: normal;
	}

	.training-page .training-hero .tr-stat-div {
		display: none;
	}

	.training-page .training-intro,
	.training-page .training-features,
	.training-page .training-path,
	.training-page .training-list-section {
		padding-top: 4rem !important;
		padding-bottom: 4rem !important;
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}

	.training-page .tr-section-hd,
	.training-page .training-path .tr-path,
	.training-page .training-list-section .tr-camp-grid,
	.training-page .training-intro .tr-highlight {
		max-width: 17.5rem;
		margin-left: auto;
		margin-right: auto;
	}

	.training-page .training-intro .tr-flow,
	.training-page .training-features .tr-feat-grid {
		grid-template-columns: 1fr !important;
		width: 100%;
		max-width: 17.5rem;
		margin-left: auto;
		margin-right: auto;
	}

	.training-page .training-intro .tr-flow-item {
		max-width: 17.5rem;
		padding: 1.45rem 1.25rem;
		width: 100%;
	}

	.training-page .tr-section-hd h2,
	.training-page .tr-section-sub,
	.training-page .training-intro .tr-flow-item p,
	.training-page .training-features .tr-feat-card p,
	.training-page .training-list-section .tr-camp-right h4 {
		overflow-wrap: anywhere;
		word-break: break-all;
	}

	.training-page .training-intro .tr-highlight {
		flex-direction: column;
		padding: 1.35rem;
	}

	.training-page .training-list-section .tr-camp-card {
		align-items: flex-start;
		min-height: auto;
		padding: 1.2rem;
		gap: 1rem;
	}

	.training-page .training-list-section .tr-camp-left {
		gap: 0.75rem;
	}

	.training-page .training-list-section .tr-camp-num {
		min-width: 1.75rem;
		font-size: 1.25rem;
	}

	.training-page .training-list-section .tr-camp-icon {
		width: 2.6rem;
		height: 2.6rem;
	}
}

/* ============================================
   Training Page Full Interface Rebuild
   ============================================ */
.training-page {
	--tr-ink: #163033;
	--tr-muted: #5d6f74;
	--tr-line: #dbe5e3;
	--tr-surface: #ffffff;
	--tr-soft: #f4f7f5;
	--tr-accent: #0f766e;
	--tr-gold: #b9853b;
	--tr-deep: #173f46;
	background: var(--tr-soft);
	color: var(--tr-ink);
}

.training-page .site-header {
	box-shadow: 0 10px 30px rgba(22,48,51,0.06);
}

.training-page .training-hero {
	position: relative;
	padding: 8.5rem 1.5rem 4.75rem !important;
	background: #f7faf8 !important;
	border-bottom: 1px solid var(--tr-line);
	overflow: hidden;
}

.training-page .training-hero::before {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 1px;
	background: #c9d7d3;
}

.training-page .training-hero .tr-hero-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
	align-items: stretch;
	gap: clamp(2rem, 5vw, 4rem);
	max-width: 74rem;
	margin: 0 auto;
}

.training-page .training-hero .tr-hero-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 43rem;
	min-width: 0;
}

.training-page .section-label {
	display: inline-flex;
	width: fit-content;
	max-width: 100%;
	align-items: center;
	gap: 0.55rem;
	padding: 0.35rem 0.65rem;
	border: 1px solid rgba(15,118,110,0.22);
	border-radius: 8px;
	background: rgba(15,118,110,0.06);
	color: var(--tr-accent) !important;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: none;
}

.training-page .section-label::before {
	content: "";
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background: var(--tr-gold);
}

.training-page .training-hero .tr-hero-text h1 {
	display: grid;
	gap: 0.08em;
	max-width: 10em;
	margin: 1.15rem 0 1.1rem;
	color: var(--tr-ink);
	font-size: clamp(2.65rem, 6vw, 4.9rem);
	font-weight: 800;
	line-height: 1.03;
	letter-spacing: 0;
}

.training-page .training-hero .tr-hero-text h1 span {
	display: block;
}

.training-page .training-hero .tr-hero-desc {
	max-width: 37rem;
	margin: 0 0 2rem;
	color: var(--tr-muted);
	font-size: 1.08rem;
	line-height: 1.9;
}

.training-page .training-hero .tr-hero-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
	width: 100%;
	max-width: 42rem;
}

.training-page .training-hero .tr-stat {
	min-width: 0;
	padding: 1rem 0.9rem;
	border: 1px solid var(--tr-line);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 12px 24px rgba(22,48,51,0.06);
	text-align: left;
}

.training-page .training-hero .tr-stat strong {
	display: block;
	color: var(--tr-accent);
	font-family: 'Inter', sans-serif;
	font-size: clamp(1.45rem, 2.4vw, 2rem);
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0;
}

.training-page .training-hero .tr-stat span {
	display: block;
	margin-top: 0.5rem;
	color: var(--tr-muted);
	font-size: 0.82rem;
	line-height: 1.35;
	white-space: normal;
}

.training-page .training-hero .tr-stat-div {
	display: none;
}

.training-page .training-hero .tr-hero-visual {
	display: flex;
	align-items: center;
	min-width: 0;
}

.training-page .training-hero .tr-hero-card {
	width: 100%;
	padding: 1.25rem;
	border: 1px solid rgba(255,255,255,0.16);
	border-radius: 8px;
	background: var(--tr-deep);
	box-shadow: 0 24px 48px rgba(22,48,51,0.18);
	color: #fff;
}

.training-page .training-hero .tr-card-hd {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(255,255,255,0.14);
	color: #fff;
	font-weight: 800;
}

.training-page .training-hero .tr-card-hd i {
	color: var(--tr-gold);
	font-size: 1.45rem;
}

.training-page .training-hero .tr-card-body {
	display: grid;
	gap: 0.8rem;
	padding-top: 1rem;
}

.training-page .training-hero .tr-card-row {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	padding: 0.8rem;
	border-radius: 8px;
	background: rgba(255,255,255,0.07);
	color: rgba(255,255,255,0.9);
}

.training-page .tr-dot {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--tr-accent);
	flex: 0 0 auto;
}

.training-page .tr-dot-gold {
	background: var(--tr-gold);
}

.training-page .training-intro,
.training-page .training-features,
.training-page .training-path,
.training-page .training-list-section {
	padding: 5rem 1.5rem !important;
}

.training-page .training-intro,
.training-page .training-list-section {
	background: #fff !important;
}

.training-page .training-path {
	background: var(--tr-soft);
}

.training-page .training-features {
	background: var(--tr-deep) !important;
	color: #edf7f5;
}

.training-page .tr-section-hd {
	max-width: 47rem;
	margin: 0 auto 2.75rem;
	text-align: center;
}

.training-page .tr-section-hd .section-label {
	margin-left: auto;
	margin-right: auto;
}

.training-page .tr-section-hd h2 {
	margin: 1rem 0 0;
	color: var(--tr-ink);
	font-size: clamp(1.9rem, 4vw, 3rem);
	line-height: 1.2;
	letter-spacing: 0;
}

.training-page .tr-section-hd-light h2,
.training-page .training-features .tr-section-hd h2 {
	color: #fff !important;
}

.training-page .tr-section-sub {
	max-width: 44rem;
	margin: 1rem auto 0;
	color: var(--tr-muted);
	font-size: 1rem;
	line-height: 1.9;
}

.training-page .training-intro .tr-flow {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
	max-width: 74rem;
	margin: 0 auto 1.25rem;
}

.training-page .training-intro .tr-flow-line {
	display: none;
}

.training-page .training-intro .tr-flow-item {
	position: relative;
	min-width: 0;
	min-height: 15rem;
	padding: 1.35rem;
	border: 1px solid var(--tr-line);
	border-radius: 8px;
	background: var(--tr-soft);
	box-shadow: none;
}

.training-page .training-intro .tr-flow-num {
	color: rgba(15,118,110,0.2);
	font-family: 'Inter', sans-serif;
	font-size: 2.6rem;
	font-weight: 900;
	line-height: 1;
}

.training-page .training-intro .tr-flow-icon {
	display: grid;
	width: 2.75rem;
	height: 2.75rem;
	margin: 1.1rem 0 1rem;
	place-items: center;
	border-radius: 8px;
	background: #fff;
	color: var(--tr-accent);
	font-size: 1.35rem;
}

.training-page .training-intro .tr-flow-item h4,
.training-page .training-features .tr-feat-card h4,
.training-page .training-path .tr-path-item h4,
.training-page .training-list-section .tr-camp-right h4 {
	margin: 0;
	color: var(--tr-ink);
	letter-spacing: 0;
}

.training-page .training-intro .tr-flow-item p,
.training-page .training-features .tr-feat-card p,
.training-page .training-path .tr-path-item p {
	margin: 0.7rem 0 0;
	color: var(--tr-muted);
	line-height: 1.75;
}

.training-page .training-intro .tr-highlight {
	display: flex;
	gap: 1rem;
	max-width: 74rem;
	margin: 1.5rem auto 0;
	padding: 1.35rem 1.5rem;
	border: 1px solid rgba(185,133,59,0.28);
	border-radius: 8px;
	background: #fff8ec;
	box-shadow: none;
}

.training-page .training-intro .tr-highlight-icon {
	display: grid;
	width: 2.5rem;
	height: 2.5rem;
	flex: 0 0 auto;
	place-items: center;
	border-radius: 8px;
	background: rgba(185,133,59,0.12);
	color: var(--tr-gold);
	font-size: 1.3rem;
}

.training-page .training-intro .tr-highlight p {
	margin: 0;
	color: #654a24;
	line-height: 1.85;
}

.training-page .training-features .tr-feat-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 1rem;
	max-width: 74rem;
	margin: 0 auto;
}

.training-page .training-features .tr-feat-card {
	position: relative;
	min-height: 15rem;
	padding: 1.25rem;
	border: 1px solid rgba(255,255,255,0.14);
	border-radius: 8px;
	background: rgba(255,255,255,0.06);
	box-shadow: none;
}

.training-page .training-features .tr-feat-card::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: rgba(185,133,59,0.85);
}

.training-page .training-features .tr-feat-card.tr-feat-accent {
	background: rgba(185,133,59,0.14);
}

.training-page .training-features .tr-feat-idx {
	color: rgba(255,255,255,0.24);
	font-family: 'Inter', sans-serif;
	font-size: 2.1rem;
	font-weight: 900;
	line-height: 1;
}

.training-page .training-features .tr-feat-icon {
	display: grid;
	width: 2.6rem;
	height: 2.6rem;
	margin: 1rem 0;
	place-items: center;
	border-radius: 8px;
	background: rgba(255,255,255,0.1);
	color: var(--tr-gold);
	font-size: 1.35rem;
}

.training-page .training-features .tr-feat-card h4,
.training-page .training-features .tr-feat-card p {
	color: #f7fbfa;
}

.training-page .training-features .tr-feat-card p {
	color: rgba(237,247,245,0.76);
}

.training-page .training-path .tr-path {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	max-width: 74rem;
	margin: 0 auto;
}

.training-page .training-path .tr-path-connector {
	display: none;
}

.training-page .training-path .tr-path-item {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 1rem;
	min-width: 0;
	padding: 1.4rem;
	border: 1px solid var(--tr-line);
	border-radius: 8px;
	background: #fff;
}

.training-page .training-path .tr-path-num {
	display: grid;
	width: 2.7rem;
	height: 2.7rem;
	place-items: center;
	border-radius: 8px;
	background: var(--tr-accent);
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-weight: 900;
}

.training-page .training-list-section .tr-camp-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 0.85rem;
	max-width: 74rem;
	margin: 0 auto;
}

.training-page .training-list-section .tr-camp-card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.9rem;
	align-items: start;
	min-height: 8.5rem;
	padding: 1rem;
	border: 1px solid var(--tr-line);
	border-radius: 8px;
	background: var(--tr-soft);
	box-shadow: none;
}

.training-page .training-list-section .tr-camp-left {
	display: grid;
	gap: 0.6rem;
	justify-items: center;
}

.training-page .training-list-section .tr-camp-num {
	color: var(--tr-gold);
	font-family: 'Inter', sans-serif;
	font-size: 0.85rem;
	font-weight: 900;
	line-height: 1;
}

.training-page .training-list-section .tr-camp-icon {
	display: grid;
	width: 2.45rem;
	height: 2.45rem;
	place-items: center;
	border-radius: 8px;
	background: #fff;
	color: var(--tr-accent);
	font-size: 1.2rem;
}

.training-page .training-list-section .tr-camp-right {
	min-width: 0;
}

.training-page .training-list-section .tr-camp-right h4 {
	font-size: 0.98rem;
	line-height: 1.55;
	overflow-wrap: anywhere;
}

.training-page .training-list-section .tr-camp-tag {
	display: inline-flex;
	margin-top: 0.85rem;
	padding: 0.3rem 0.55rem;
	border: 1px solid rgba(15,118,110,0.18);
	border-radius: 8px;
	background: #fff;
	color: var(--tr-accent);
	font-size: 0.75rem;
	font-weight: 800;
	line-height: 1;
}

@media (max-width: 1100px) {
	.training-page .training-hero .tr-hero-inner,
	.training-page .training-path .tr-path {
		grid-template-columns: 1fr;
	}

	.training-page .training-hero .tr-hero-text,
	.training-page .training-hero .tr-hero-text h1,
	.training-page .training-hero .tr-hero-desc {
		max-width: none;
	}

	.training-page .training-hero .tr-hero-visual {
		max-width: 28rem;
	}

	.training-page .training-intro .tr-flow,
	.training-page .training-features .tr-feat-grid,
	.training-page .training-list-section .tr-camp-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 700px) {
	.training-page .site-header,
	.training-page .site-header .wp-block-group.alignwide {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0;
	}

	.training-page .site-header .wp-block-group.alignwide {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 1rem;
	}

	.training-page .site-header .wp-block-navigation {
		flex: 0 0 auto;
		margin-left: auto;
	}

	.training-page .site-header .wp-block-buttons {
		display: none !important;
	}

	body.training-page .site-header button.wp-block-navigation__responsive-container-open {
		position: fixed !important;
		top: 0.8rem !important;
		right: auto !important;
		left: min(calc(100vw - 3.5rem), 21rem) !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		padding: 0;
		border: 1px solid var(--tr-line);
		border-radius: 8px;
		background: #fff;
		color: var(--tr-ink);
		transform: none;
		opacity: 1 !important;
		visibility: visible !important;
		z-index: 200;
	}

	.training-page .training-hero {
		padding: 6.5rem 1rem 3.5rem !important;
	}

	.training-page .training-hero .tr-hero-inner {
		width: 100%;
		gap: 1.5rem;
		min-width: 0;
	}

	.training-page .training-hero .tr-hero-text {
		width: 100%;
		min-width: 0;
	}

	.training-page .training-hero .tr-hero-text h1 {
		max-width: 100%;
		font-size: clamp(2.15rem, 11vw, 2.85rem);
		word-break: keep-all;
		overflow-wrap: normal;
		text-align: center;
	}

	.training-page .training-hero .tr-hero-desc {
		max-width: 21rem;
		margin-left: auto;
		margin-right: auto;
		font-size: 1rem;
		text-align: center;
		word-break: break-all;
		overflow-wrap: anywhere;
	}

	.training-page .training-hero .section-label {
		margin-left: auto;
		margin-right: auto;
	}

	.training-page .training-hero .tr-hero-desc br,
	.training-page .tr-section-sub br {
		display: none;
	}

	.training-page .training-hero .tr-hero-stats,
	.training-page .training-intro .tr-flow,
	.training-page .training-features .tr-feat-grid,
	.training-page .training-list-section .tr-camp-grid {
		grid-template-columns: 1fr !important;
	}

	.training-page .training-hero .tr-hero-visual {
		width: 100%;
		max-width: none;
	}

	.training-page .training-hero .tr-hero-card {
		max-width: 100%;
	}

	.training-page .training-intro,
	.training-page .training-features,
	.training-page .training-path,
	.training-page .training-list-section {
		padding: 3.75rem 1rem !important;
	}

	.training-page .tr-section-hd {
		margin-bottom: 2rem;
		text-align: left;
	}

	.training-page .tr-section-hd .section-label {
		margin-left: 0;
		margin-right: 0;
	}

	.training-page .tr-section-hd h2 {
		font-size: 2rem;
	}

	.training-page .training-intro .tr-highlight,
	.training-page .training-path .tr-path-item,
	.training-page .training-list-section .tr-camp-card {
		grid-template-columns: 1fr;
	}

	.training-page .training-intro .tr-highlight {
		flex-direction: column;
	}

	.training-page .training-intro .tr-flow-item,
	.training-page .training-features .tr-feat-card,
	.training-page .training-list-section .tr-camp-card {
		min-height: auto;
	}

	.training-page .tr-section-hd,
	.training-page .tr-section-sub,
	.training-page .training-intro .tr-flow,
	.training-page .training-intro .tr-highlight,
	.training-page .training-features .tr-feat-grid,
	.training-page .training-path .tr-path,
	.training-page .training-list-section .tr-camp-grid {
		max-width: none;
	}

	.training-page .tr-section-hd h2,
	.training-page .tr-section-sub,
	.training-page .training-intro .tr-flow-item p,
	.training-page .training-features .tr-feat-card p,
	.training-page .training-list-section .tr-camp-right h4 {
		word-break: normal;
		overflow-wrap: anywhere;
	}
}